menu
閉じる
  1. 新しいiPhoneは?Appleの発表会を見た感想
  2. Affiliater’s Guild blog更新!
  3. 人気ブログランキングのあるジャンルで1位になった件
  4. お名前.comでドメイン取る時の注意点
  5. ネガティブ思考でアフィリエイトは稼げないから
閉じる
閉じる
  1. ネガティブ思考でアフィリエイトは稼げないから
  2. Affiliater’s Guild blog更新!
  3. 人気ブログランキングのあるジャンルで1位になった件
  4. お名前.comでドメイン取る時の注意点
  5. 時間に対する意識を変えて効率よく活動しよう
  6. スタレジェ引いてみた!ぐらぶるのSSRは何が当たる?
  7. SSレアが絶対に手に入る!グラブルの素敵ガチャが9/11 19時に登場…
  8. 新しいiPhoneは?Appleの発表会を見た感想
  9. 超激レア、バハムートが来たぁ!【グランブルーファンタジー】
  10. TCD・CUBEYに変更してデザインリニューアル
閉じる

ひすいちの時間と自由を求めるブログ

賢威テンプレート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; }←マウス載せ時のタイトル文字色

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


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

関連記事

  1. 賢威テンプレートって持ってたほうがいいの?【やや辛口】

  2. 賢威6.1でグローバルナビの表示名をカスタマイズ

  3. 賢威テンプレートver6.1の背景色変更

  4. 賢威6.1テンプレート

    賢威テンプレートVer6.1を導入

  5. 賢威テンプレートVer6.1でグローバルナビを改変/EX

  6. 賢威テンプレートVer6.1でグローバルナビを改変(クール版)

おすすめ記事

  1. ネガティブ思考でアフィリエイトは稼げないから
  2. Affiliater’s Guild blog更新!
  3. 人気ブログランキングのあるジャンルで1位になった件
  4. お名前.comでドメイン取る時の注意点
  5. 新しいiPhoneは?Appleの発表会を見た感想

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

ピックアップ記事

  1. ネガティブ思考でアフィリエイトは稼げないから
    人は心が弱くなってると行動できない僕たち人間って精神的に弱気になってる時、…
  2. SIRIUSの購入者特典を更新
    ギルドブログ更新!ひすいちが運営しているもう一つのブログ、『Affiliater's Gui…
  3. 人気ブログランキング1位
    アクセスアップのためにブロガーさんの大半に言えることかもしれないが、趣味・日記としてブロ…
  4. ドメインはお名前.comで取ってます
    ドメイン取るならお名前.comという宣伝文句もありまして、僕はドメインをお名前.comで取得…
  5. スキマ時間と効率化
    どうも、ひすいちです。最近改めて時間というものを考えるようになったけれども……
ページ上部へ戻る