アフィリエイト・WP

customizr の見た目をCSS を使っていろいろカスタマイズしてみる

投稿日:2016-05-25 更新日:

同じテーマを使っていると、どうしても他のサイトと見た目が似たり寄ったりになってしまいますよね。

標準機能を使ってカスタマイズしてみたものの、他のサイトと差をつけるのに限界を感じたり・・

そんな時、CSSに少しだけ手を加えるだけで、自分だけのオリジナルなテーマに変身させることが可能です。

(重要)CSSをカスタマイズする前にやっておくべきこと

CSSPHPに手を加えるような場合、子テーマを使うことがが必須条件になります。

カスタマイズするためのCSSを記述する場所は、子テーマの style.css になります。

もし子テーマを作わずにバージョンアップをすると、せっかくカスタマイズした部分がすべてパーになります。

子テーマをまだ作っていないという方、下記のサイトをご参考にさっそく作ってください。

WordPressをカスタマイズする前に子テーマを作っておく | WPnavi
子テーマについての前置き WordPressはほとんどの方が既存のテーマから ...

ページナビ上に表示される「ナビゲーション」や「Post navigation」という文字を消す

customizr-css-edit-1

CSS

広告

フォント

customizr-css-edit-5

CSS

ヘッダーの背景

背景画像の上に白のグラデーション(縦方向)をかけています。

customizr-css-edit-2

CSS

フッターの背景

背景画像の上にグラデーション(斜め方向)をかけています。

customizr-css-edit-3

CSS

記事内のh2タグ

customizr-css-edit-4

CSS

記事内のh3タグ

customizr-css-edit-6

CSS

広告

記事内のh4タグ

customizr-css-edit-7

CSS

記事内のblockquote(引用)タグ

customizr-css-edit-8

CSS

広告

  • この記事を書いた人

だっち

【HN】:だっち
【出身】:新潟県
【趣味】:海釣り、スノーボード、読書
【職業】:婿
【目標】:できるときにできる限りやる!
【家族】:既婚、嫁と子供2人

-アフィリエイト・WP
-, ,

Copyright© ムコの戯言帳 , 2017 All Rights Reserved Powered by AFFINGER4.