【動画あり】中国語コンテンツについて

Cocoonの投稿ページの背景色変更方法

投稿ページの背景色、メイン幅変更
WordPress

投稿ページの背景色変更法について書いていきます。

こんにちは。

いっちゃんです。(@hi_icchan_jp)

今回はCocoonテーマの投稿ページの背景色だけを変えるカスタマイズです。

前提条件:ダッシュボード→Cocoon設定→全体→サイト背景色を設定しないこと。

Cocoonテーマの投稿ページの背景色を変える場合は、Cocoon設定の背景設定を解除する必要があります。

※背景設定をしていると設定色が優先されてCSSが反映しません。

投稿ページの背景色を変えるカスタマイズ

CSSに以下を追加してください。

  1. /* 投稿ページの背景色 */
  2. body.single-post {
  3. background: rgba(102, 102, 102, 0.05);
  4. }

投稿ページのh1エントリータイトル色変更のカスタマイズ

CSSに以下を追加してください。

  1. /* 投稿ページのh1タイトル色 */
  2. .single-post h1.entry-title{
  3. color:#777777;
  4. }

今回のカスタマイズのマトメです。

  • 投稿ページの背景色を変える
  • 投稿ページh1エントリータイトル色変更のカスタマイズ

いかがでしたでしょうか?

最後までお読み頂きありがとうございます。

次回も使えるカスタマイズをご紹介していきますね。


WordPressのインストール代行・カスタマイズをします!

ブログ制作に自信が無い、直し方が分からない方向けです。

いっちゃん
いっちゃん

女性の多くが「WordPressが苦手」ですよね?

事例① 「インストール」で挫折

事例② ”「頭が痛い」し難しい 

事例③ とにかく「分からない」

「何をすればいいの?」と悩む女性のあなたに朗報!

いっちゃんはCocoonのカスタマイズをお手伝いします。

デモサイトを見る >>


いっちゃん紹介

いっちゃん

いっちゃん
『Cocoonをカスタマイズ』

初心者向けにCocoonのカスタマイズをします。ご依頼はこちら。私の幼少期は外国語が嫌いで全く話せませんでした。しかし、多様性に慣れていた私は中国語を学び、人のご縁でシリコンバレーに滞在しました。ただいま、中国語学習動画を有料公開中。詳細はお問い合わせ下さい!

→ プロフィール
→ お仕事のご依頼
→ Cocoonのカスタマイズ

いっちゃんをフォローする !
はなしあいて①.com
タイトルとURLをコピーしました