記事の背景色・背景画像の変更

FC2ブログマニュアル

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

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

ブログ管理画面の左メニュー[環境設定]>[テンプレートの設定]をクリックしてください。
画面下の「basic_redのスタイルシート編集」にて、編集を行います。
まずは、オレンジ色の枠で囲っている「Layout」を探してみましょう。

総合２

「Layout」の下部にある#main_contents .section の｛｝内に背景色を指定する下記のコードを追加していきます。

background-color:#FFCCCC;

「#FFCCCC」が背景の色（カラーコード）なので、ここを好きな色に変更してください。

背景色箇所

[プレビュー]をクリックすると変更を確認できます。

背景色

　　　　　　　▲テンプレート編集前　　　　　　　　　　　　　　　▲テンプレート編集後

[更新]をクリックして編集が完了です。

「Layout」の下部にある#main_contents .section の｛｝内に背景色を指定する下記のコードを追加していきます。

background:url(背景画像のURL);

（背景画像のURL）には、画像のパス（URL）をペーストしてください。

※画像のパス（URL）の取得方法はこちらをご覧ください。
※画像の繰り返しの指定や位置を変更したい場合はこちらをご覧ください。

背景画像箇所

[プレビュー]をクリックすると変更を確認できます。

背景画像

　　　　　　　▲テンプレート編集前　　　　　　　　　　　　　　　▲テンプレート編集後

[更新]をクリックして編集が完了です。

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