フォントサイズ・カラーの変更

FC2ブログマニュアル

現在パソコン版のマニュアルを表示中

スマートフォン用[公式テンプレート]の『basic_red』を適用した状態から説明を始めます。
※テンプレートの選択・変更に関してはこちらに手順が記載されております。

フォントサイズ・カラーを自由に変更してみましょう。

フォントサイズ・カラーの変更は、
テンプレートの管理ページ下部、「スタイルシート編集」のテキストボックス内にて行います。

フォントサイズ・カラーを変えたい箇所が決まっている場合は下記リンクからアクセスしてください。

１．ブログタイトルのフォントカラー・サイズの変更　↓
２．記事・コメント・トラックバック本文のフォントカラー・サイズの変更　↓
３．記事エントリータイトルのフォントカラー・サイズの変更　↓
４．日時のフォントカラー・サイズの変更　↓
５．PCボタンのフォントカラー・サイズの変更　↓

１．ブログタイトルのフォントカラー・サイズの変更

2-3

/*=====Header=====*/の項目内にある、上記画像緑色の枠で囲った

font-size:15px; 　　　　　　　　　　　/* フォントサイズの設定 */
color:#FFFFFF; 　　　　　　　　　　　/* フォントカラーの設定 */

このタグが、フォントカラー・サイズを設定しています。

ここでは例として、
フォントサイズを、20pxから15px　に
フォントカラーを、白色（#FFFFFF）から青色（#00008B）に変更しています。
好きなカラー・サイズに変更し編集が終わったら、[更新]を押して完了です。

変更後

改2-4

２．記事・コメント・トラックバック本文のフォントカラー・サイズの変更

2-2

/*=====Basic=====*/の項目内にある、上記画像緑色の枠で囲った

font-size:10px; 　　　　　　　　　　　/* フォントサイズの設定 */
color:#666666; 　　　　　　　　　　　/* フォントカラーの設定 */

このタグが、フォントカラー・サイズを設定しています。

ここでは例として、
フォントサイズを、10pxから20px　に
フォントカラーを、灰色（#666666）から青色（#00008B）に変更しています。
好きなカラー・サイズに変更し編集が終わったら、[更新]を押して完了です。

変更後

改5-1

※記事タイトルのフォントサイズは変更されませんのでご注意ください。
※フォントサイズを変更すると、記事・コメント・トラックバック本文の他に、
　“コメントを書く”“コメント（）”“トラックバック（）”“ホーム”“ページトップ”“ランキング”
　“ログイン”“友達に教える”“Powered by FC2 Blog”のフォントサイズも変更されます。