FC2ブログ マニュアル

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

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

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

テンプレートの編集手順

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

総合2

1.背景色の変更

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

background-color:#FFCCCC;

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

背景色箇所

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

背景色

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

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

2.背景画像の変更

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

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

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

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

背景画像箇所

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

背景画像

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

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

マニュアル一覧を見る »

お問い合わせ

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

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