menu
閉じる
  1. ネガティブ思考でアフィリエイトは稼げないから
  2. 人気ブログランキングのあるジャンルで1位になった件
  3. Affiliater’s Guild blog更新!
  4. お名前.comでドメイン取る時の注意点
  5. 新しいiPhoneは?Appleの発表会を見た感想
閉じる
閉じる
  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でグローバルナビを改変(クール版)

  • このエントリーをはてなブックマークに追加

ブログにはいろんな機能がありますが、
見た人の回遊性を高めるためにも、
ブログ自体が見やすくなるためにも、
グローバルナビの導入は必須です。


グローバルナビとは、コレのこと。

WS000000


常にブログ上部に存在させることで、
どの記事からもグローバルナビに設定してあるカテゴリに
ショートカットでアクセスすることができます。

つまり、ブログを閲覧するのに無駄がなくなりスタイリッシュ!

ちなみに賢威テンプレートver6.0はグローバルナビを標準装備。
簡単な設定だけで特に問題なく使えます。

た・だ・し。
ちょっと味気ないかなぁと思ったり。

特に背景色や文字色をいろいろと変更してきて、
グローバルナビの配色だけ違うのもなんか違和感が出ますね。

そんなわけで下記よりトライ!

◆グローバルナビの改変

/*——————————————————–
グローバルナビ
——————————————————–*/

#global-nav{
border-top: 1px solid #555; /*メニュー上のラインの設定*/
border-bottom: 3px solid #00ffff; /*メニュー下のラインの設定*/
}

~~~~~~~~~~~

/*メニューのデザイン*/
#global-nav #menu li a{
display: block;
padding: 1.2em 3em 1.2em 2em;
background: url(./images/icon/icon-gnav.png) 0.5em center no-repeat;
color: #fff; ←メニューのフォントの色を変更
text-decoration: none;
}

#global-nav #menu li a:hover,
#global-nav #menu li a:active{
background-color: #757575; ←マウスカーソルを乗せた時、クリック時の背景色を変更
filter: alpha(opacity=70); /* ie8以下用の透明度を設定 */
-moz-opacity: 0.7; /* Firefox用の透明度を設定 */
opacity: 0.7; /* 透明度を設定 */

赤字の部分のカラーコードを希望の色に書き換えれば、
配色の変更ができます。


ちなみにグローバルナビの項目自体は、
WordPressの固定ページを作成すると、
作った項目名が自動で設定されますので、
やってみるとよいでしょう。

関連記事

  1. 賢威6.1 最新記事カスタマイズ

    賢威6.1 最新記事カテゴリのアイコンサイズ変更

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

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

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

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

  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. スキマ時間と効率化
    どうも、ひすいちです。最近改めて時間というものを考えるようになったけれども……
ページ上部へ戻る