STINGER7STINGER7:サイドバーのカテゴリーをカスタマイズする方法【ウィジェット】WordPress2016.04.12STINGER7を使っているほとんどの方はサイドバーにカテゴリーの一覧を表示していると思います。ウィジェットを使って簡単に表示できるので便利ですよね。記事数も含めた表示のデザインですが、記事数なしにも簡単にできます。Awesomeでアイコンを表示まとめ子テーマの使用方法テーマファイルをカスタマイズする時は子テーマを使うことが推奨されています。子テーマを使用すると、テーマ本体をアップデートしてもカスタマイズ内容が消えないというメリットがあります。STINGER7の場合は「header.php」を編集する際には注意が必要です。こちらの記事を参考にしてください↓STINGER7:親テーマの任意のファイルを子テーマで編集する方法ウィジェットでカテゴリーの一覧を表示するすでにやってる方も多いと思いますが、まずはカテゴリーの一覧を表示方法です。左側にある「カテゴリー」を右側の「サイドバーウィジェット」の中にドラッグ&ドロップで持っていきましょう。「タイトル」に入力した文字が見出しになりますのでお好きな文字に変えてください。投稿数の表示が必要ない方はチェックを外してください。今回のカスタマイズは「子カテゴリー」は使用しないことが前提なので、「階層を表示」もチェックを外しています。設定したら「保存」を押すのをお忘れなく。記事数を<a>タグの中に入れるまずは記事数を表示する場合に必要なカスタマイズです。記事数を表示しなくてもよいという方はここは飛ばしてください。(記事数)</li>これだとcssでのスタイリングがやりにくいので、リンクタグの中に記事数も含めるようにします。class="count">記事数</span></a></li>あとは見た目を調整すれば完了です。*/}コメント内容を参考に色やサイズなどサイトに合わせてお好みで変えてみてください(^^)カテゴリーごとにアイコンを表示してみるカテゴリー毎に違うアイコンを表示することもできます。WordPressでは自動でカテゴリーごとに違うclass名が付くのでまずはソースを確認しましょう。サイトの背景部分など何もないところで右クリックすると「ソースを表示」という項目が出てくると思うのでクリックしてみてください。ズラズラ〜っとコードが表示されて慣れてないと「なんじゃこりゃー!」って感じですがよく見るとページの文章もちらほら書いてあるので何となくどの部分か分かると思います。f」で文字検索を開いて「cat-item」を検索するとすぐに見つかると思います。見つけたらカテゴリーごと付いている固有のclass名を確認してください。Awesome」が最初から使えるようになっています。」の赤字の部分を変えると好きなアイコンにすることができます。Awesomeも色々と使えて便利なので、ぜひ使い方をマスターしてください!ではまた〜♪STINGER7のカスタマイズ記事をまとめました↓STINGER7:カスタマイズまとめこのブログでも使用させて頂いているWordPressテーマ「STINGER7」のカスタマイズ記事をまとめました。AMこんばんはstinger7のサイドバーがちょっと寂しく感じていたのですごくタメになりました。活用させて頂きました♪DICEさんのおかげで初心者の私でもどんどんブログを綺麗に改良できて本当に助かってます!!そしてまた1つお尋ねしたいことがございます。サイドバーにカテゴリーを置いたのはいいものの、子カテゴリーも表示されてしまうので縦に凄く伸びてなんだか不格好になってしまいました。お見受けしたところ、このうぇぶあしびでは親カテゴリーのみがカテゴリー欄に表示されているように思うのですが(間違っていたら申し訳ないです。PMみー様コメントありがとうございます!お役に立てているようで幸いです!子カテゴリを非表示にするのは下記をcssに追記するのが簡単かと思います。AMDICEさんいつも参考にさせていただいてます。^いくら検索してもスティンガー5までの記事しかないんですけど、基本的には5と同じでしょうか?よろしくお願いします。PMこんばんは、お返事ありがとうございます。none;}をコピーして挿入してみましたが、変わらず子カテゴリーも表示されています。状況が分からない以上、答えようがないかも知れませんがもしこれが原因かなと推測できるものがありましたらよければ教えて頂きたいです。PMみー様カテゴリーウィジェットの「階層を表示」という部分にチェックを入れて保存してみてください。さん早々にご連絡いただきありがとうございます。はい、外観→ウィジェットで試しましたが、横並びとスポンサーリンク表示の仕方がわからないのでsingle.phpで横並びとスポンサーリンク表示をしています^^;是非お時間のある時にでもアドセンスの横並びと、サイドバー以外に三つ入れる方法も記事にしていただけると助かります。PM出来ました!出来ました!ありがとうございました!!本当にDICEさんは凄いですね。次の記事も楽しみに待ってます。こちらのページを参考にカテゴリー欄をカスタマイズしてみたのですが、STINGER7標準のarrowアイコンが消えてくれずに悩んでおります。修正方法・アイコンが消えないと思われる理由などあれば、お知恵を貸していただけないでしょうか。PMピコピコ様コメントありがとうございます!4番目の見出し「CSSでデザインをカスタマイズ!」にあるコードの最初の部分がデフォルトのアイコンを消すCSSになっています。そのコードを入れていないか、または入力ミスなどないでしょうか?確認してみてくださいね。AM返信ありがとうございます!確認してみたところ、デフォルトのアイコンを消すコードは間違いなく入ってるみたいでした。私が、子テーマに本テーマのCSSをすべてコピーしているためにテーマのデフォルトのアイコンのコードとかぶっちゃってたのかもしれません。デフォルトアイコンのコード部分のpaddin-leftを0pxしたらうまくいきました。AMDICEさんはじめまして。こちらのページを参考にカテゴリー表示の見栄えを変えることが上手くいきました。plusなのですがカテゴリー数が最近増えてしまい、どうしたものか思案していた所、再度こちらのページにたどり着きました。こちらのコメントの子カテゴリーを非表示をするを参考に、非表示するようにすることも上手くいきました。子カテゴリーをアコーディオンにするのはCSSだけでは難しいので、自力でjQueryなどでカスタマイズするか、プラグインを使うことになると思います。categories」などで実現できるようですので使い方は調べてみてくださいね。返信コメントをキャンセルメールアドレスが公開されることはありません。超オススメ!iMacの周辺機器&アクセサリ【オシャレ&機能的】タイトルとURLをコピーしました。