earn-pocket-money の h1 h2 h3 のCSS変更(サンプルコード載せてます)

Pocket

earn-pocket-money の h1 h2 h3 のCSS変更(サンプルコード載せてます)
earn-pocket-money の h1 h2 h3 のCSS変更(サンプルコード載せてます)

earn pocket moneyテーマの改造を行っています。

少しずつですが、キタジマタカシさんのテーマearn pocket moneyの子テーマを作成し、改造を行っています。

今日は、サイトのh1、h2、h3タグのCSSをデフォルトの設定を上書きして見た目を変更してみました。

このサイトのh1、h2、h3のCSSコード

はい。

「earn-pocket-money」の子テーマのstyle.cssに上記コードを追加しました。

特に、h2、h3は、「:not(.c-entry-summary__body)」、「:not(.c-entry-summary__title)」を入れておかないと、トップページのページサマリーのh2、h3までCSSが変更されてしまうので、注意が必要です。

それ以外は、特段に変わったことはしていません。

とりあえずの、たたき台のCSSで、CSSセレクタを指定できてh1、h2、h3のCSSの変更をしやすくなった、という段階ですね。

それではー またー (^_^)/

===追記===

!important」が残ってますが、これは子テーマのstyle.cssを親テーマのstyle。cssに依存させて無かった時のコードです。

今は依存させていますので、「!important」は不要です。

=======

あなたもアフィリエイト✕アドセンスで稼げる! はじめてのWordPress本格ブログ運営法 ★★★★

はい。

このサイトのテーマでも利用させて頂いている「earn pocket money」というキタジマタカシさんという方が作成されたWordPress用テーマを題材に、WordPressでアフィリエイトを簡単にやってみよう!という本です。

アフィリエイトするブログの選び方からアフィリエイトの提携先、WordPress+「earn pockey money」でのアフィリエイトサイトの構築、そしてアフィリエイトの運営方法のノウハウ伝授まで、もういたれりつくせりです。

https://amzn.to/2I3Y3OR
The following two tabs change content below.
KaBA@フリーランス修行中

KaBA@フリーランス修行中

こんにちは!IT業界で勤めて17年くらい務めています。プログラミング大好きやろーです。 このブログで皆さんがプログラミングに興味を持たれるのを心待ちにしています! 頑張って覚えられてください!よろしくお願いします。