サポート » 使い方全般 » 記事カテゴリをメニューにする方法

  • 解決済 cot

    (@cot)


    現在、自作デザインでブログを制作中なのですが、
    「記事のカテゴリをメニューにする」ところで引っかかっています。

    メニューに対しての装飾はできるものの、
    現在開かれているカテゴリーのメニューボタンを装飾するやり方が
    分かりません。

    ■ html
    <div id=”menu”>

      <?php wp_list_cats(‘sort_column=name&optioncount=0’); ?>

    </div>

    ■ CSS
    #menu li{
    float: left;
    list-style-type: none;

    その他装飾を色々・・

    }

    pageをメニューにしているテーマは多いため、何となく分かりますが
    カテゴリをメニューにしているテーマが見つからず、
    苦戦しています・・。

    どなたかお分かりになる方、教えていただけませんでしょうか?
    よろしくお願いいたします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • WordPressというよりcssの問題ですね。cssの参考書は数多く出されていますので、詳しくはそちらを参照してください。

    ID sidebarで(別にmenuでもかまいません)くくられた中でカテゴリーメニュを表示しますと、下記の指定でカテゴリーメニューをボタン化できます。背景画像としてボタンイメージを用意してください。下記例ではテーマディレクトリーの中にimagesディレクトリーを作りその中においています。

    別途リストスタイルをなしにしたり、位置関係の指定は必要になります。(ul とか ul li のマージンやパディング、文字サイズ、その他装飾)

    #sidebar .cat-item a{
    height: 31px;
    width: 150px;
    display: block;
    color: #000000;
    padding: 14px 0 0 30px;
    margin: 0 0 0 0;
    background-image: url(images/btn_off.gif);
    }

    #sidebar .cat-item a:hover{
    height: 31px;
    width: 150px;
    display: block;
    color: #000000;
    padding: 14px 0 0 30px;
    margin: 0 0 0 0;
    background-image: url(images/btn_on.gif);
    }

    表示されたページのソースファイルを見ながら、目的の部分がどういう ID や class が指定されているかを見ていくとできると思います。

    トピック投稿者 cot

    (@cot)

    > kaz0415 様

    できましたぁーーっ!!
    ありがとうございます!本当に感謝です!

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「記事カテゴリをメニューにする方法」には新たに返信することはできません。