wordpress

wordpressで一覧へ戻るを記事に表示させる方法

投稿日:

Pocket

うも、チャーさんです。

 

あなたはwordpressで記事に

一覧へ戻るを表示させたいが、

urlを直接かく方法以外を探していませんか?

 

この記事では、phpとwordpressの関数を

使い、簡単に一覧へ戻るを表示させる方法を

書いています。

 

なので、wordpressで一覧へ戻るを実装したいなら

このまま下にスクロールし読んでください。

 

スポンサードサーチ

wordpressで一覧へ戻るを表示するには

 

ということで本題です。

wordpressで一覧へ戻る機能をつけたければ、

single.phpに以下の記述を書きましょう。

 

 

<?php 

$cat = get_the_category();

$slug = $cat[0]->slug;

?>

<a href=”<?php home_url();?>/category/<?php echo $slug; ?>”>一覧へ戻る</a>

 

上記の記述を書いておくと、

各記事にその記事が属するカテゴリの

記事一覧へ戻る機能をつけることができます。

 

 

single.php内のどこに書けばいいの?

 

という疑問もあるかもなので書いとくと、

 

<?php 

$cat = get_the_category();

$slug = $cat[0]->slug;

?>

 

は別にどこでもいいですが、

<a href=”<?php home_url();?>/category/<?php echo $slug; ?>”>一覧へ戻る</a>

よりも前に記述しましょう。

 

そしてaタグの部分は、

一覧へ戻るを表示させたい部分に、

記述しておけば良いです。

 

 

だいたいのサイトの作りとしては、

記事の内容が終わった後に、

一覧へ戻るを表示させるのが一般的なので、

 

ループの記述の後ぐらいにかくと

良いでしょう。

 

ちなみにループとは

if(have posts)とか

while(have posts)って書いてる部分のことです。

 

一覧へ戻るの記述を説明

 

で、ここからはこの記事で紹介した

コードの説明をしておきます。

 

まず一覧へ戻るの機能を実現させるには、

その記事が属するカテゴリのスラッグを、

取得する必要があります。

 

スラッグとは、サイトのurlのcategory/の後についてる

部分のことです。

 

参考例

スラッグ

 

 

というのもこのスラッグの部分で

各カテゴリの一覧ページを判別し

表示するからです。

 

で、その各記事が属するカテゴリのスラッグを取得するには、

wordpressで用意されてる、

get_the_category()という関数を使えば可能です。

 

 

get_the_categoryは、記述すると、

以下のようにカテゴリに関する情報を、

オブジェクトの配列形式で取得してくれます。

 

以下がget_the_categoryで取得できる、

カテゴリに関する情報一覧です。

 

array(1) { [0]=> object(WP_Term)#4405 (16) { [“term_id”]=> int(3) [“name”]=> string(9) “ブログ” [“slug”]=> string(4) “blog” [“term_group”]=> int(0) [“term_taxonomy_id”]=> int(3) [“taxonomy”]=> string(8) “category” [“description”]=> string(0) “” [“parent”]=> int(0) [“count”]=> int(1) [“filter”]=> string(3) “raw” [“cat_ID”]=> int(3) [“category_count”]=> int(1) [“category_description”]=> string(0) “” [“cat_name”]=> string(9) “ブログ” [“category_nicename”]=> string(4) “blog” [“category_parent”]=> int(0) } } 

 

バーって出てきてめまいがしそうに

なりましたか?大丈夫、僕もです。

 

(ちなみに上記はvar_dump()で表示させてやると、

確認できます。)

 

 

で、話を戻しますがこんな感じでカテゴリに関する情報を

取得できるのですが、必要なのはスラッグなので、

 

<?php 

$cat = get_the_category(); 

と記述してカテゴリに関する情報を取得した後に、

 

$slug = $cat[0]->slug;  

?>

と、指定してやることでスラッグを取得し、

変数に格納することができます。

 

 

(このへんの仕組みはオブジェクト指向をかじってないと、

ちょっと理解しづらいので興味があれば、

勉強してみてください)

 

でこれで記事が属するカテゴリのスラッグが、

取得できたので、あとはそれを、urlの中に

表示させるだけです。

 

 

表示方法は、

 

<a href=”<?php home_url();?>/category/<?php echo $slug; ?>”>一覧へ戻る</a>

のように、category/の後に、

echoでスラッグを格納した変数を書いておけば、

 

その記事のカテゴリのスラッグが表示され、

一覧へ戻ることができるようになります。

 

 

ちなみにhome_url()というのは、

サイトのトップページのurlを表示してくれる

関数です。

 

便利なので覚えとくと使えます。

(いちいち手打ちでurlを書き換えなくて済みます。)

 

 

スポンサードサーチ

まとめ

 

ということで、wordpressで一覧へ戻る機能を

記事に表示させたい場合、

 

<?php 

$cat = get_the_category();

$slug = $cat[0]->slug;

?>

<a href=”<?php home_url();?>/category/<?php echo $slug; ?>”>一覧へ戻る</a>

 

 

この記述をsingle.phpに書いときましょう。

すると一覧へ戻るが可能です。

 

ということで、読んでもらってありがとうございました。

 

では。

 

チャーさん

 

-wordpress


スポンサードサーチ

関連記事

no image

ファビコンをワードプレスに設定する方法「手順つき」

  どうも、チャーさんです。   あなたはファビコンをワードプレスに、 設定し表示させたいですか?   この記事では、ファビコンをワードプレスに、 設定させる方法を紹介し …

no image

wordpress popular postsでまだデータがありませんが解決し人気記事が表示された方法

どうも、チャーさんです。   あなたはwordpress popular postsが、 動作せず困っていませんか?   ちゃんとアクセスはあるのに、 まだデータがありません。と表 …

no image

wordpressで右クリックを禁止する方法「簡単です」

どうも、チャーさんです。   あなたはブログ上での、 右クリックを禁止したいと 思っていませんか?   せっかく書いた記事をコピペされたくない、 そう思っていませんか? &nbsp …

no image

wordpressで条件分岐でcss(デザイン)を切り替える方法

どうもチャーさんです。 あなたはwordpresで、条件分岐させて、 css(デザイン)を切り替えたいと思っていませんか?   ページごとに違うデザインを施せるように したい、そう思っていま …

no image

wordpressで閲覧できませんを解決した方法

どうも、チャーさんです。   あなたはwordpressで記事を公開しようとしたら、 閲覧できません(Forbidden Access)と出て、 困ってたり、解決策を探してませんか? &nb …

no image

wordpressで現在表示ページのメニューにcurrentクラスをつける方法

どうも、チャーさんです。   あなたはwordpressのメニューにcurrentという、 クラス名を現在表示してるページのメニューにだけ、 つける方法を探していませんか?   こ …

no image

wordpressをphpでカスタマイズするための記事「各ページごとにやり方説明」

どうも、チャーさんです。   この記事では、wordpressをphpでカスタマイズ する際に、編集したいページに対応するファイルを 説明しています。   (例 固定ページを編集し …

no image

wordpressのショートコードの作成方法と使い方

どうも、チャーさんです。 あなたはショートコード(wordpressの)ってなんだ? と思ってませんか?   この記事では、wordpressの ショートコードとは何か、そして ショートコー …

no image

wordpressのエディターを前のに戻す方法

どうも、チャーさんです。   あなたは、ワードプレスをインストールしたら、 投稿のエディター画面が今まで使ってたのと 違うやつになっていて、困っていませんか?   この記事では、そ …

no image

wordpressの固定ページにのみif文を使って処理を行う方法

どうも、チャーさんです。 あなたはwordpressで固定ページにのみ、 if文を使って処理をする方法を探してますか?   この記事では、wordpressの固定ページにのみ、 if文を使っ …

no image

wordpressのテーマのcssを編集する方法。3分でマスターできます。

どうも、チャーさんです。 あなたはwordpressのテーマのcssを編集したいですか?   この記事では、あなたの好きなように、 wordpressのcssを編集する方法を説明してます。 …

no image

wordpressの画像のurlを取得する方法

どうも、チャーさんです。 あなたはwordpressの画像のurlを取得する方法を、 探していますか?   この記事では、wordpressの画像のurlを取得し、 表示する方法を書いていま …

no image

wordpressのメニューに関する情報をまとめました

どうも、チャーさんです。   この記事ではwordpressのメニューに関する情報 例えばメニュー追加方法や、階層化、カスタマイズなど、 必要な情報を網羅してまとめてみました。   …

no image

wordpressのメニューをカスタマイズする方法「コピペ可能」

どうも、チャーさんです。   あなたはwordpressのメニューを カスタマイズしたいと思ってませんか?   この記事ではメニューをカスタマイズし 画像を表示させる方法、またメニ …

no image

ドロップダウンメニューが動かない問題を解決した方法「wordpress」

  どうも、チャーさんです。   あなたはwordpressのドロップダウンメニューが、 動かないと悩んでいませんか?   この記事では、ドロップダウンメニューが、 ある …

最新記事

チャーさん

プログラミング・筋トレ・unity系の記事などを書いてます。

大学卒業後→開業→個人事業主7年目ぐらいです。webサイト制作したり、unityでゲーム開発しております。

youtubeもやってまして、主にプログラミング動画とかunity系の動画をあげてるので見てください。