FC2ブログ マニュアル

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

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

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

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

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

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

 

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

2-3

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

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

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

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

変更後

改2-4

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

2-2

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

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

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

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

変更後

改5-1

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

3.記事タイトルのフォントカラー・サイズの変更

フォントサイズの変更箇所

2-5

/*=====Entry List(個別気次ページ以外の一覧表示)=====*/の項目内にある、
上記画像緑色の枠で囲った

font-size:18px;            /* フォントサイズの設定 */

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

ここでは例として、
フォントサイズを、18pxから10px に変更しています。
好きなサイズに変更し編集が終わったら、[更新]を押して完了です。

 

フォントカラーの変更箇所

2-6

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

color:#660000;            /* フォントカラーの設定 */

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

ここでは例として、
フォントカラーを、赤色(#660000)から青色(#00008B)に変更しています。
好きなカラーに変更し編集が終わったら、[更新]を押して完了です。

変更後

改2-7

4.日時のフォントカラー・サイズの変更

記事タイトル下日時のフォントカラー・サイズの変更

改5-2

/*=====Entry List (個別記事ページ以外の一覧表示)=====*/の項目内にある、
上記画像緑色の枠で囲った

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

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

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

変更後

改3-1

 

記事エントリー内日時のフォントカラー・サイズの変更

4-3

/*=====Entry(個別記事表示)=====*/の項目内にある、上記画像緑色の枠で囲った

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

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

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

変更後

改3-4

※こちらのフォントサイズを変更すると日時横の“カテゴリ名”のサイズも変更になります。

5.PCボタンのフォントカラー・サイズの変更

改5-

/*=====Header Menu Button=====*/の項目上部の、上記画像緑色の枠で囲った

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

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

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

変更後

改4

 

マニュアル一覧を見る »

お問い合わせ

ヘルプをご覧になっても問題が解決されない場合は、サポートへお問い合わせください。

FC2ブログに関するお問い合わせはこちら