広告 雑記

賢威テンプレートVer6.1で記事タイトル配色変更

賢威テンプレートVer6.1の記事タイトルの配色をいじってみます。

全体設定だと記事タイトルの配色変更ができないのです。
おそらくh2タグ関連で設定が入っていると思うので調べました。
まずは記事タイトル背景色を変更する方法。

◆記事タイトル背景色変更

WordPressの編集メニューから
外観

テーマ編集

右側デザインシート内のdesign.css

/*--------------------------------------------------------
メインコンテンツ(本文)
--------------------------------------------------------*/

#main-contents{ font-size: 1.4em; }

~~~~~

/*●H2タグ*/
#main-contents h2{
margin: 0 0 1.5em;
padding: 0.3em 0.5em;
border-left: 28px solid #00ffff;
background: url(./images/common/bg-dot.png) #333;
color: #fff;
font-size: 1.429em;
}

* html #main-contents h2{ background: #333; } /* IE6 */

ここの変更点は赤字のところのカラーコードを変更するだけです。
それで記事タイトルの背景色が変化します。

記事タイトルの背景色を変更して、
タイトル文字が見づらくなってしまった場合は文字色も変更しましょう。

◆記事タイトルの文字色変更

WordPressの編集メニューから
外観

テーマ編集

右側デザインシート内のdesign.css

/*--------------------------------------------------------
メインコンテンツ(本文)
--------------------------------------------------------*/

#main-contents{ font-size: 1.4em; }

#main-contents .contents{
margin-bottom: 3.5em;
padding: 0 10px;
}

/*●H2タグ*/
#main-contents h2{
~~~~~

* html #main-contents h2{ background: #333; } /* IE6 */

#main-contents h2 a:link,
#main-contents h2 a:visited{ color: #fff; }←通常記事タイトル文字色

#main-contents h2 a:hover,
#main-contents h2 a:active{ color: #f60; }←マウス載せ時のタイトル文字色

先ほどの直下の部分です。
赤字のカラーコードを希望の色に書き換えるだけで、
記事タイトルの文字色は変化します。

この辺ができるようになってくると、
テンプレートメーカー自体を使わなくても、
好きな配色ができるようになってきます。

  • この記事を書いた人

ラング

WEBライター兼ブロガー|SNSや動画編集なども独力で行いながら、メディア構築スキルを高めて発信中。自由な時間を作れる努力が好き。音楽とRPGゲームが大好物。

オススメ記事

1

どうも、ラングです。YouTube動画をアップする時、他の投稿者のように目立つサムネイル画像を設定したい!…と思ったら、カスタムサムネイルが設定できない!!いや、グレーアウトしてるんだけど。反応しない ...

CocoonでSearchConsole設定 2

どうも、ラングです。今回は、無料WordPressテーマ「Cocoon」にて、検索パフォーマンス管理ツール「Google Search Console」の設定を行ってみようと思う。この記事では、Coc ...

Googleアドセンス審査時の状態 3

なんだかんでで根強い人気よね、アドセンス。 どうも、ラングです。今回は、雑記ブログの運営過程において導入する、収益方法の一つ「Googleアドセンス」を扱うために、必要となる審査通過に向けてやったこと ...

無料ロゴ制作ツール5選オススメ 4

無料とはいえ、クオリティについては侮るなかれ。どうも、ラングです。ブログやホームページ運営していると、カッコいい、見栄えのよいロゴを作れないかな?って思うことあると思うんだよね。無料でロゴを作れるウェ ...

5

どうも、ラングです。実は、新しくブログを作るにあたってドメインを取得しようと思ってたんだけど、せっかくなら新しいサーバーで作ってみようと考えた。(既存はエックスサーバー)料金抑えつつ、独自ドメインがも ...

-雑記
-