Ads By Google
ブログのタイトル文字を大きくし、飾りを付けたい
ブログのタイトルは、設定画面から入力すると、小さすぎてタイトルらしくない。タイトル文字をを大きくして飾りを付けたい。フォント設定ができない。方法はあるのか。できれば、写真などをタイトル部分に入れたい。教えてください。
2006-03-25 10:10の質問
この質問は、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とか気にされる方にはおすすめできません。
何か変更して表示がおかしくなったら、バックアップしておいたものをコピーアンドペーストするか、デザインをもう一度選びなおして、全ページ再構築して下さい。
ただ写真を入れたいだけであれば、
↑こちらを参考にどうぞ
まず、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を編集します。
}
という部分を探し、
の部分をアップロードした画像のURLに置き換えます。
デザインのカスタマイズ画面は
の手順でたどりつきます。
スタイルシート(CSS) | トップページ | 個別記事ページ | カテゴリアーカイブ | 月別アーカイブ
というメニューがあります
デフォルトのスタイルシート(CSS)画面で編集します。
フォントの大きさ等の変更は以下を参照してください。
また背景に写真をつける場合は、
あらかじめ画像をアップデートして、
CSSを編集します。
#banner,#subbanner{
background:******}
という部分を探し、
の部分をアップロードした画像のURLに置き換えます。
Ads By Google
コメント
まだコメントがありません


