知識、知恵のカタマリ

[PR]2人目出産育児の悩みを解決!

お蔵入り

clip!clip!
Ads By Google

ブログのタイトル文字を大きくし、飾りを付けたい

ブログのタイトルは、設定画面から入力すると、小さすぎてタイトルらしくない。タイトル文字をを大きくして飾りを付けたい。フォント設定ができない。方法はあるのか。できれば、写真などをタイトル部分に入れたい。教えてください。

2006-03-25 10:10の質問
ブログ  フォント  タイトル  文字  する  教えてください  
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問は、30日間解決しなかったために自動的に質問が一旦閉じられました。

回答(2)

1.

2006-03-25 11:02:39
管理画面→カスタマイズ/管理→デザインの設定→カスタマイズ→スタイルシート(CSS)と進みます。

まず、Ctrl+Aでこの文字列を全文選択しCtrl+Cでコピーしてワードパットにペーストし保存しておきます。これでスタイルシート(CSS)のバックアップとなります。

スタイルシート(CSS)に以下のような部分があります。

.blogtitle{
font-size:18px;
padding:10px 10px 10px 10px;
}

(各デザインによりちょっと内容が異なるかもしれませんが)

これのfont-size:18px; の18pxの数字を大きくしてみて下さい。保存してCSSを再構築すればタイトルが大きくなると思います。

飾りをつける場合は
font-style: italic;
font-style: oblique;

太字にする場合は
font-weight: bold;

を追加します。

.blogtitle{
font-size:30px;
padding:10px 10px 10px 10px;
font-style: italic;
font-weight: bold;
}

という感じで。



画像などをリンクにする場合は、画像を準備してまずアップロードして下さい。
参考記事:

管理画面→カスタマイズ/管理→デザインの設定→カスタマイズ→トップページと進みます。

スタイルシートと同じくバックアップをして下さい。

こういう部分があります。

<h1 class="blogtitle"><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a></h1>


<h1 class="blogtitle"><a href="<$BlogUrl$>"><img src="画像のアドレス" width="xxx" height="xxx" border="0" /></a></h1>

width="xxx" height="xxx"の部分は、アップロードした画像の大きさを入力されて下さい。
にしてトップページを保存して再構築してみて下さい。
(;は削除して下さい。)

画像がリンクとして表示されます。
ただし、このやり方ではh1タグが無駄になりますので、SEOとか気にされる方にはおすすめできません。


何か変更して表示がおかしくなったら、バックアップしておいたものをコピーアンドペーストするか、デザインをもう一度選びなおして、全ページ再構築して下さい。


ただ写真を入れたいだけであれば、

↑こちらを参考にどうぞ

2.

2006-03-25 11:06:52
CSSで編集します。

デザインのカスタマイズ画面は

の手順でたどりつきます。

スタイルシート(CSS) | トップページ | 個別記事ページ | カテゴリアーカイブ | 月別アーカイブ
というメニューがあります

デフォルトのスタイルシート(CSS)画面で編集します。

フォントの大きさ等の変更は以下を参照してください。


また背景に写真をつける場合は、
あらかじめ画像をアップデートして、
CSSを編集します。
#banner,#subbanner{
        background:******
           }
という部分を探し、
の部分をアップロードした画像のURLに置き換えます。
Ads By Google

コメント

まだコメントがありません

トラックバック(2)

トラックバックURL: