Kyon's Customize Memo

さーどんどん行きましょうかーww
次はブログの肝心要、「タイトル画」の設定です。
よくteacupのブログを放浪すると、タイトル画か途中で途切れているパターンをよく見かけます。
せっかくの「タイトル画」なので、ぴったり、簡単にタイトル画を設定していきます☆

[1]タイトル画を作る
やっぱり出来れば自分で作った方が愛着わくと思います☆
どうしても出来ない方は「ふみ」などで代行して依頼してみましょう。
（きょんも加工屋やってます）→きょんのなんでも屋

■サイズ
基本的に、teacupのブログ幅は「780px」です。高さは好きな高さで平気ですが、きょんのオススメは

幅780px×高さ250px
これぞ黄金比率！！　←
（780×200もいい感じです）
素材も映えるし、いろいろ配置して可愛いタイトル画になるサイズだと思います。
今後も簡単に設定できるように、リニュする際はなるべく同じ幅×高さで作成するのがポイントです。

[2]自由項目を使ってでタイトル画を入れる場所のサイズを設定する

本来は「スタイルシートの直接編集」を編集すれば済むことですが、これだと「機能」だけを使って簡単にリニュすることは出来ません。
色々なクラス、プロパティを編集しないとデザインが変更できないんです。

･･･というわけで、HTMLの中に直接スタイルシートを上書きさせる技で簡単カスタマイズします。


■「デザインの変更」→「サイドメニュー表示設定」を開く。
この中の自由項目1〜3のどれかをチェックし、項目名には好きな名前を入れて選択して設定します。

※既にチェックされている方はスルー

■選択した自由項目を開き、この中に以下記述を追加します。
※既に自由項目がある方は、その編集画面を開き、以下記述を入れます

<STYLE type="text/css"> <!-- #tctoptitlelay { width: 780px; float: left; background-color: transparent; padding: 0px; margin: 0px; height:250px; color: transparent; background-position: center center; background-repeat: no-repeat; } #tctoptitlelay H1 { display:none; } --> </STYLE>
さて、長くなったので追記に書きます
※ちょこっと解説※
height:250px;→[1]で作成したタイトル画の高さです。
250px以外の高さでタイトル画を作成されたら、その数値に直して下さい

display:none;→タイトル文字を表示させないようにします。
よく、タイトル名を「空白」とか「・」とかにして表示させず、サイズを説明文のところで＜ＢＲ＞改行タグで広げている方を多くみかけますが、これはサイズ変更方法としては間違い。
ブラウザなどの表示によっても改行の高さは違うので、途切れて見えてしまう場合がほとんどです。
後はやっぱりブログ名はタイトルナビバーにちゃんと表示された方がいいですよね☆
ブラウザの「お気に入り」に入れる時など特に重要です

■自由項目の設定が終わったら「プレビューと設定」をクリック
※ちょいメモ※
スタイルシートを入れた今回の自由項目は、Aboutやブログパーツなどなんでも使えます。今回入れた記述は今後も消さないようにして、他のサイドバーにも利用して下さい。


[3]タイトル画を入れる

[2]を設定しておけば、後はいつでも簡単にタイトル画を変更出来ます。
「デザインの変更」→「こだわりデザイン」から


ここにタイトル画像を入れます☆

はい、これで完成です(人´∀｀)
↑にも書いたように、今後のリニュは[3]だけ行うことになります。

今回はブライス人形を入れた少しゴシックなイメージにしてみました