Cocoonのカスタマイズはいっちゃんまで!

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

投稿ページの背景色、メイン幅変更
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が苦手」だと言います。

 

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

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

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

 

一見混乱しがちですが、「WordPressのインストール」をクリアするとハードルは下がります。

 

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

 

デモサイトを見る >>

 


 

いっちゃん紹介

いっちゃん

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

初心者向け>>Cocoonテーマのカスタマイズをします。ご依頼は>>こちら(有料)※PHPの編集は除外。

現在WordPressのオリジナルテーマの開発中。私の幼少期は外国語が一番嫌いで全く話せませんでした。

「なぜ周りと違うことがいけないのか?」という疑問を持ちつつも、人と異なる行動をして中国語を学びました。

そして出会った人のご縁でシリコンバレーに滞在することに。こうして私は情報テクノロジーやAIに興味を持ち始めました。>>プロフィール

 

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