WordPress.org

1. cot
   メンバー
   3 years前の投稿 #

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

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

   ■ 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. kaz0415
   メンバー
   3 years前の投稿 #

   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　が指定されているかを見ていくとできると思います。

3. cot
   メンバー
   3 years前の投稿 #

   > kaz0415　様

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

返信

ログイン しなければ投稿できません。