Seesaaブログのタイトルを画像にしてみる

2013年04月13日
ブログのタイトルを画像にしてみるブログのタイトル(1)を作ったロゴ画像に変更してみます。

デザイン > コンテンツの「ブログタイトル」内のHTMLを修正します。
初期値は以下のようなかんじ。
<​h​1​>​<​a​ ​h​r​e​f​=​"​<​%​ ​b​l​o​g​.​p​a​g​e​_​u​r​l​ ​%​>​"​ ​a​c​c​e​s​s​k​e​y​=​"​1​"​>​<​%​ ​b​l​o​g​.​t​i​t​l​e​ ​%​>​<​/​a​>​<​/​h​1​>

<​%​ ​b​l​o​g​.​t​i​t​l​e​ ​%​>​の部分を<img>タグへ変更すればいいんだけど、
ここで一点気になるところが。
このブログタイトル...<h1>タグになってる!
<h1>タグとはそのページの大見出し。そのページがどんな内容のものなのかを一番説明しているテキストに付けられるべきタグです。
ブログの場合、ブログタイトルよりも記事のタイトルが<h1>タグのほうがふさわしいのでは!

記事タイトル(2)のほうはどうなってるかと見てみると、
(デザイン > コンテンツの「記事」)
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<h3>タグ。

不満です。

なので(1)のタイトルロゴは#logoというIDを付け、(2)の記事タイトルを<h1>タグに、修正しました。
カスタマイズ後の値は以下のようなかんじ
(1)ブログタイトル
<div id="logo"><a href="​<​%​ ​b​l​o​g​.​p​a​g​e​_​u​r​l​ ​%​>​" ​a​c​c​e​s​s​k​e​y​=​"​1​"​><img src="http://画像のURL" alt="Kuma Kuma Factory" border="0" /></a></div>

(2)記事タイトル
<h1 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h1>

ブログのタイトルを画像にしてみるあとはデザイン > デザイン設定で(1)は#logo、(2)はh1でcssを整えれば
←こんなかんじになります。
posted by シュガリー at 21:39 | Comment(0) | TrackBack(0) | ブログのカスタマイズ | このブログの読者になる | 更新情報をチェックする

Seesaaブログのカスタマイズ用素材を作ってみる

2013年04月09日
このブログをどんなかんじでカスタマイズしたのかを、ゆるゆる紹介してみます!

まずはデザインについて。

いつもWebサイトを作る際は、トップページのデザインをがっちり細かいところまで作りこみ、その後で全部ローカルでコーディングをします。
でも、Seesaaみたいなブログサービス内で自分の思うようにデザインをカスタマイズしようとなると、どんなSeesaaの恐ろしい仕様が待っているかわからないので、臨機応変にできるようデザインもざーーっくり作ります。

ピクチャ 1.pngまずはポイントのイメージをIllustratorで作りました。

ブログ名は、ずっとどこかで使ってやろうと思っていて決まっていたので、さっそくロゴから。
ぐりぐりクマーをかき、ロゴを作ります。
作ったロゴに合わせてその他部品もぐりぐり作ります。

ピクチャ 3.pngその後はPhotoshopに移って、だいたいどんな雰囲気にしようかなーとサイズ感や背景なんかを組み合わせて考えます。

この時Illustratorで作ったベクターデータをスマートオブジェクトにしてPhotoshopに配置すると、解像度の影響を受けないでサイズ変更できるので便利です!
▼スマートオブジェクトについての記事はこちら
Photoshopのスマートオブジェクトがとっても便利【ベクトル編】

そしてWeb用に書き出せば素材の準備は完了です!

posted by シュガリー at 22:55 | Comment(0) | TrackBack(0) | ブログのカスタマイズ | このブログの読者になる | 更新情報をチェックする

新規ブログはじめました。

こんにちは!シュガリーといいます。
年齢は20代後半。仕事はデザイナをしています。2011年に横浜へ引っ越してきて、旦那さんと暮らしています。
出身はどこか聞かれるとつい名古屋と言ってしまうけど、本当は名古屋よりもうちょっと岐阜寄りな一宮市がふるさとです。

昨日急にブログを作ろうと思いたち、とりあえずデザインつくってカスタマイズしてたのですが、
せっかくなら独自ドメインを使おうと思い、前にやってて今は止まってしまったブログにふってあったblog.sugar0w0.comをこっちに引越しさせてきました。
サーバー借りようか悩んだけど、前のブログが動かなくなった事からもわかるように、私はズボラで続かない奴なので無料ブログにしました。
お金もったいないからね!

どうして急にブログを作ろうと思ったか...ブログを書きたいというよりは作りたいがメインだった気も...!
作ったその後、続くのかどうなのか。

でもせっかく作ったのでいろいろ書けるといいなと思います。
posted by シュガリー at 07:47 | Comment(2) | TrackBack(0) | 自分のこと | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。