【WordPress】スマホとPCのフッターにカテゴリ一覧を表示する方法

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

WordPressで運用しているブログのフッターが寂しすぎたのでカテゴリ表示してみました。これはスマホにも表示させる事ができる方法ですので、活用してみてください。

なお、今回紹介するWordPress関数も抑えておきましょう。

カテゴリーのURLと名前を取得するWordPress関数

カテゴリーのURLを取得する関数が、get_category_link()で、カテゴリー名を取得する関数がget_catname()です。それぞれの()にカテゴリidを渡してあげれば、リンクとカテゴリ名が取れます。

get_categories()でカテゴリ情報を取得する事ができるので、以下のようにループで回してあげれば、カテゴリ一覧を表示する事ができます。


<ul>
<li><a href="https://laugh-raku.com/archives/category/web%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9/use-facebook-page">
facebookページの使い方</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/web%e9%96%8b%e7%99%ba/jquery">
HTML、CSS、JavaScript、jQuery</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e4%bb%95%e4%ba%8b%e3%83%bb%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2/career-change-it-venture">
ITベンチャーに転職ってどうなの?</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/web%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9/utilization-method-line">
LINE(ライン)活用法</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/web%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9/recommended-application-mac">
Macのおすすめアプリ(高速化、メモリ解放、コピー)</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/terminate-ntt-flets-hikari">
NTTフレッツ光(固定回線)を解約した後のネット環境</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/web%e9%96%8b%e7%99%ba/ruby-on-rals">
Ruby on Rails</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/web%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9/method-utilizing-twitter">
twitter(ツイッター)活用法</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/web%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9">
WEBサービス</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e3%83%96%e3%83%ad%e3%82%b0%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/stigner-customize">
WordPressテーマのカスタマイズ</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/web%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9/yahoo-mail-real-time-search">
Yahoo!(ヤフー)メールとリアルタイム検索</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/web%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9/take-advantage-work-youtube">
YouTubeを仕事で活用する</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/web%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9/google-chrome-extension">
おすすめのGoogle Chrome拡張機能</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e7%af%80%e7%b4%84%e3%83%bb%e3%81%8a%e5%be%97%e6%83%85%e5%a0%b1/creditcard-use-of-surgery">
おすすめのクレジットカード活用術</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/recommended-book">
おすすめ本</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e6%bc%ab%e7%94%bb%e3%83%bb%e3%82%a2%e3%83%8b%e3%83%a1">
おすすめ漫画</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e3%81%8a%e7%ac%91%e3%81%84%e8%8a%b8%e4%ba%ba-2">
お笑い芸人</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/recommended-book/money-books">
お金の本のおすすめ</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e7%af%80%e7%b4%84%e3%83%bb%e3%81%8a%e5%be%97%e6%83%85%e5%a0%b1/tips-save-money">
お金を貯めるコツは支出を減らすこと</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e3%83%a9%e3%82%a4%e3%83%95%e3%83%8f%e3%83%83%e3%82%af/success-of-habit">
お金持ち・成功者の習慣</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e3%83%a9%e3%82%a4%e3%83%95%e3%83%8f%e3%83%83%e3%82%af">
ためになる話</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e3%81%be%e3%81%a8%e3%82%81%e3%83%bb%e3%82%ad%e3%83%a5%e3%83%ac%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3">
まとめ・キュレーション</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e3%83%96%e3%83%ad%e3%82%b0%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/%e3%82%a2%e3%82%af%e3%82%bb%e3%82%b9%e3%83%bb%e9%9b%86%e5%ae%a2">
アクセス・集客</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/web%e9%96%8b%e7%99%ba">
エンジニア時代のプログラミング開発メモ</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e4%bb%95%e4%ba%8b%e3%83%bb%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2/recommended-for-housewives-and-worker">
サラリーマンと主婦におすすめの副業</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/web%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9/information-gathering-capabilities">
ニュースアプリで情報収集能力を上げる</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e4%bb%95%e4%ba%8b%e3%83%bb%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2/nomad-working">
ノマドして遊びながら働く</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/recommended-book/recommended-business-books">
ビジネス書のおすすめ</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e7%af%80%e7%b4%84%e3%83%bb%e3%81%8a%e5%be%97%e6%83%85%e5%a0%b1/freelance-money-management">
フリーランス(確定申告、経費、保険、年金)</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e3%83%96%e3%83%ad%e3%82%b0%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/%e3%83%96%e3%83%ad%e3%82%b0%e3%81%a7%e7%a8%bc%e3%81%90-%e3%83%96%e3%83%ad%e3%82%b0%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6">
ブログで稼ぐ</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e3%83%96%e3%83%ad%e3%82%b0%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6">
ブログについて</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/web%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9/programming-study-site">
プログラミングの勉強サイト</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/terminate-ntt-flets-hikari/pocket-wifi-emobile-ymobile">
ポケットwifi(イーモバイル、ワイモバイル)</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/web%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9/matching">
マッチングサービス(アプリ)</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/terminate-ntt-flets-hikari/wimax-mobile-wifi">
モバイルwifiルーター(WiMAX、ドコモ)</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e6%bc%ab%e7%94%bb%e3%83%bb%e3%82%a2%e3%83%8b%e3%83%a1/manga-changed-life">
人生を変えた漫画</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e3%83%a9%e3%82%a4%e3%83%95%e3%83%8f%e3%83%83%e3%82%af/%e5%bf%83%e7%90%86">
人間関係に疲れた人のための心理学</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e4%bb%95%e4%ba%8b%e3%83%bb%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2/when-work-painful">
仕事が辛い時</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e6%bc%ab%e7%94%bb%e3%83%bb%e3%82%a2%e3%83%8b%e3%83%a1/work-motivation-not-appear">
仕事のやる気が出ないとき</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e4%bb%95%e4%ba%8b%e3%83%bb%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2/quit-work">
仕事を辞めたい</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e4%bb%95%e4%ba%8b%e3%83%bb%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2">
仕事・キャリア</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/web%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9/holiday-killing-time">
休日の暇つぶしに</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e3%83%a9%e3%82%a4%e3%83%95%e3%83%8f%e3%83%83%e3%82%af/fulfilling-life">
充実した生活を</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/web%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9/photo-sharing-app">
写真共有アプリのおすすめ</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e5%90%8d%e8%a8%80">
名言</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e4%bb%95%e4%ba%8b%e3%83%bb%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2/work-you-like">
好きなことを仕事にする</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e4%bb%95%e4%ba%8b%e3%83%bb%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2/%e5%b0%b1%e8%81%b7%e3%83%bb%e8%bb%a2%e8%81%b7">
就職・転職</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e9%a3%9f%e4%ba%8b">
居酒屋・ご飯</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e7%af%80%e7%b4%84%e3%83%bb%e3%81%8a%e5%be%97%e6%83%85%e5%a0%b1/cheap-rate-move">
引越しを安い料金で(見積もり、不用品処分、部屋探し)</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e3%83%a9%e3%82%a4%e3%83%95%e3%83%8f%e3%83%83%e3%82%af/remedy-when-troubled">
悩んだときの対処法</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e6%9c%aa%e5%88%86%e9%a1%9e">
未分類</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/terminate-ntt-flets-hikari/recommend-sim-card-mvno">
格安SIMカードのおすすめ</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e4%bb%95%e4%ba%8b%e3%83%bb%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2/%e6%a5%bd%e3%81%97%e3%81%84%e4%bb%95%e4%ba%8b%e3%82%92">
楽しい仕事を</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e3%83%a9%e3%82%a4%e3%83%95%e3%83%8f%e3%83%83%e3%82%af/how-to-live-happily">
楽しく生きる方法</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/web%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9/venture-startup-development">
注目のネットベンチャーとスタートアップが開発</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e9%a3%9f%e4%ba%8b/cool-izakaya-at-shibuya">
渋谷でおすすめのおしゃれ居酒屋</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e9%a3%9f%e4%ba%8b/cheap-and-tasty-tavern-shibuya">
渋谷でおすすめの安い居酒屋</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e9%a3%9f%e4%ba%8b/shibuya-tasty-tavern">
渋谷の美味しい居酒屋</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/terminate-ntt-flets-hikari/free-wifi">
無料wifiスポットでネットに接続</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e4%bb%95%e4%ba%8b%e3%83%bb%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2/jobs-second-new-graduates">
第二新卒の転職を成功させる</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e7%af%80%e7%b4%84%e3%83%bb%e3%81%8a%e5%be%97%e6%83%85%e5%a0%b1">
節約・お得情報</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e4%bb%95%e4%ba%8b%e3%83%bb%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2/suffer-workplace-human-relations">
職場の人間関係で悩む方へ</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e4%bb%95%e4%ba%8b%e3%83%bb%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2/%e8%87%aa%e5%88%86%e3%82%89%e3%81%97%e3%81%8f%e7%94%9f%e3%81%8d%e3%82%8b">
自分らしく生きる</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/recommended-book/entertainer-book">
芸人の本</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e3%83%a9%e3%82%a4%e3%83%95%e3%83%8f%e3%83%83%e3%82%af/remedy-when-depressed">
落ち込んだ時の対処法</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e4%bb%95%e4%ba%8b%e3%83%bb%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2/failure-career-change">
転職で失敗して後悔しないために</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e3%83%a9%e3%82%a4%e3%83%95%e3%83%8f%e3%83%83%e3%82%af/solution-of-painful">
辛い時の対処法</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e4%bb%95%e4%ba%8b%e3%83%bb%e3%82%ad%e3%83%a3%e3%83%aa%e3%82%a2/working-at-freelance">
長期インターンで就活成功した学生の体験記</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e9%9b%91%e5%ad%a6%e3%83%bb%e8%b1%86%e7%9f%a5%e8%ad%98">
雑学・豆知識</a>
</li>
</ul>


<ul>
<li><a href="https://laugh-raku.com/archives/category/%e3%83%a9%e3%82%a4%e3%83%95%e3%83%8f%e3%83%83%e3%82%af/%e3%83%80%e3%82%a4%e3%82%a8%e3%83%83%e3%83%88%e3%83%bb%e7%be%8e%e5%ae%b9">
食事&運動のダイエットで健康的に痩せる</a>
</li>
</ul>

$category->cat_ID でカテゴリidを取得する事ができますので、get_category_link()、get_catname()の()に渡してあげるだけです。

あとは、footer.phpにコピペすれば、使えるはずですので、お試しあれ。ちなみに、こんな感じです。

wordpressフッターにカテゴリ

今回参考にさせて頂いた記事↓
WordPressでカテゴリー別記事一覧を表示する方法
カテゴリーのURLとカテゴリー名を取得
Function Reference/get categories

スポンサーリンク

WordPressでしっかりスマホ・タブレット対応したいなら既存テーマの利用を

なお、WordPressはこういうカスタマイズが厄介なので、書くのに注力したい方は「テンプレートモンスター」でテンプレートを購入してしまいましょう。海外デザイナーが作成した物で出来がいいですし、スマホ・タブレットに対応してくれるレスポンシブデザインにする事ができますので。

筆者Twitterアカウント

フォローいただければ、最新記事や、ブログで稼ぐ、アクセスを集める方法などをタイムラインにお届けします。

仕事で悩む人から人気の記事

ブログ「らふらく」を購読する→follow us in feedly

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

ブログで稼ぐ方法をまとめてます

関連記事はこちらからどうぞ!

いつもシェア感謝です!今回もぜひ

このエントリーをはてなブックマークに追加
※ 微妙だったら、そっと閉じるか、ほかの記事を見ていただけるとうれしいです!
SNSでも自分の得意なことで収入を得る方法を発信しています。フォローすれば更新をチェックできますので、ぜひフォローを。
仕事依頼などのお問い合わせは「iwgp545@yahoo.co.jp」か、「TwitterのDM」、「Facebookのメッセージ」からお願いします。

SNSでフォローしてお金を稼ぐための情報を受け取ろう
LINE@で友達追加(スマホでLINEを起動 > その他 > 友だち追加 > QRコード読み取り)
ブログで生活しているタクスズキと申します。「好きなことを仕事に」を当たり前にする活動をしています。よく「真面目」と言われる89世代の意識高い系です。 スズキについて詳しく知りたい方はこちらからどうぞ
仕事のご依頼(広告掲載、記事寄稿など)はiwgp545@yahoo.co.jpからお願いします!