kininariantennaWordPressのタグを取得する方法!ツイートシェアはてブLINEPocketWordPressでタグを取得したいときはないでしょうか。・WordPressでタグを取得したいが方法がわからない。・WordPressでコードをどう組めばよいかわからない。Snippets」をインストールするfunctions.phpを直接編集してショートコードを実装する方法さいごにWordPressでタグを取得するイメージWordPressでタグを取得するイメージについて説明をします。投稿ページにいくつかタグを追加します。本文へタグを取得するコードをショートコード形式で実装します。投稿ページをプレビューするとコードの部分が登録されているタグに置き換わります。ウイジェットにも同じくコードを実装し、タグを表示させます。リンク付きでタグを表示させることもできます。タグから関連ページへの導線をつくりたいときに便利ですね。それでは早速使ってみましょう!サンプルのタグを用意するWordPressで投稿ページを用意しタグを追加しましょう。タグを取得する関数タグを取得する関数はテンプレートタグthe_tags、と関数リファレンスget_the_tagsとget_tagsの3種類になります。タカヒロget_tagsの説明については本記事では省略しています。get_tagsを使ったタグ一覧表示については以下の記事にてまとめていますので、よろしければご参照ください。WordPressでタグの一覧を表示する方法!特定記事からすべてのタグまで!テンプレートタグthe_tagsテンプレートタグthe_tagsは現在のタグを表示します。各タグは、そのタグのアーカイブページへリンクします。条件としてはループ処理の中で使う必要があります。現在の投稿のタグを表示します。各タグは、そのタグのアーカイブページへリンクします。タグ一覧の前に表示する文字列。各タグ間をコンマ(,)で区切ります。最後のタグに続けて表示する文字列。初期値では何も表示しません。参照:https://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/the_tagsサンプルコードサンプルコードは以下の通りです。Function.phpへ実装しましょう。実装方法は下記の「ショートコードを実装する方法」をご覧ください。//ショートコードを追加します。'ViewTest');//表示関を設定します。{the_tags();}ショートコードを投稿ページ本文へ実装するショートコードを投稿ページ本文へ実装していきましょう。以下のコードを本文へ貼り付けます。[shortcode_ViewTest]ショートコードをウイジェットへ実装する投稿ページ本文以外にもウイジェットへショートコードを追加することもできます。上記コードをウイジェットに追加したテキストの本文へ貼り付けます。コードを実行するコードを実行してみましょう。ショートコードを実装した投稿ページをブラウザで開きます。はい、以下のようにリンク付きタグ名が出力されていることが確認できましたね。ショートコードから実行すると二重に表示されてしまいます。コードの説明the_tagsはIDをそのまま出力する機能を兼ね備えていますので、単体のコードだけでもecho指定と同じ結果を得られることができます。ショートコード経由で実行すると二重に実行されてしまいますので注意が必要です。the_tags();ループでの使用を前提としているコードですので、単独使用は控えた方がよいでしょう。繰り返し処理の場合について次に説明をします。ループでの繰り返し処理ループでの繰り返し処理でthe_tagsを使用する方法について説明をします。サンプルコードは以下の通りです。//ショートコードを追加します。'ViewTest');//表示関を設定します。投稿タイプを指定します。投稿の場合は'post'、固定ページの場合は'page'です。表示件数を指定します。5~10件が適正です。表示順の基準を指定します。'date'の場合は日付が基準になります。昇順・降順を指定します。降順で、最新のアイテムが頭に表示されます。));//変数のスコープをグローバルにします。//ある記事分繰り返します。$post)://タイトルとタグを表示させます。}コードを実行するコードを実行してみましょう。ショートコードを実装した投稿ページをブラウザで開きます。はい、指定投稿ページに割り当てられているタグ名とリンクが出力されていることが確認できましたね。コードの説明ページオブジェクトを取得し、変数に格納します。get_posts(array());投稿タイプを指定します。投稿の場合は’post’、固定ページの場合は’page’です。'post'表示件数を指定します。5~10件が適正です。4,表示順の基準を指定します。’date’の場合は日付が基準になります。'date',昇順・降順を指定します。降順で、最新のアイテムが頭に表示されます。'DESC'変数のスコープをグローバルにします。$post;ある記事分繰り返します。$post):投稿ページのタイトルとタグを表示させます。);関数リファレンスget_the_tags関数リファレンスget_the_tagsは現在の投稿のタグを配列で返します。現在の投稿のタグを配列で返します。ID参照:https://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/get_the_tagsサンプルコードサンプルコードは以下の通りです。Function.phpへ実装しましょう。実装方法は以下のFunction.phpへ実装する方法をご覧ください。//現在のページのタグを取得します。get_the_tags();//配列の件数分処理を繰り返します。//配列から取得したタグオブジェクトのnameプロパティを指定し、変数に代入します。$strTemp;コードを実行するコードを実行してみましょう。ショートコードを実装した投稿ページをブラウザで開きます。はい、以下のようにタグの名前が出力されていることが確認できましたね。現在のページのタグを取得します。get_the_tags();配列の件数分処理を繰り返します。{配列から取得したタグオブジェクトのnameメンバー変数を指定し、変数に代入します。$strTag->name;タカヒロその他のget_the_tagsのメンバー変数は以下の通りです。$strTemp;リンク付きでタグを表示させるタグにリンクつけて表示させてみましょう。//現在のページのタグを取得します。get_the_tags();//配列の件数分処理を繰り返します。//タグ一覧をリンクつきで表示します。$strTemp;コードを実行するコードを実行してみましょう。ショートコードを実装した投稿ページをブラウザで開きます。はい、リンク付きのタグ名が出力されていることが確認できましたね。コードの説明ページオブジェクトを取得する部分は前回と同じですので割愛します。get_tag_linkで取得したタグIDからアドレスを取得し、HTMLのhrefに割り当て、タグ一覧をリンクつきで表示します。'</a><br>';変数へ代入した値を出力します。$strTemp;functions.phpを直接編集しないでショートコードを実装する方法functions.phpを直接編集しないでショートコードを実装する方法について説明をします。Snippets」を使って、プラグイン経由でショートコードを実装していきます。インストールする方法は以下の記事をご参照ください。編集することなく、ショートコードを追加できますので、とても安全ですね。functions.phpを直接編集してショートコードを実装する方法functions.phpを直接編集してショートコードを実装することも可能です。functions.phpをメモ帳などテキストエディタで開いて編集する方法と、WordPressの管理コンソールの「外観」>「テーマエディター」から編集する方法があります。functions.phpを直接編集してショートコードを実装する方法の詳細については以下の記事をご参照ください。WordPressのfunctions.phpとは何?失敗しない設定方法も!さいごにいかがでしょうか。・WordPressでタグを取得するコードを実装する方法についてまとめました。他にも便利な方法がありますので、よろしければご参照頂ければと思います。タカヒロWordPressのデザインカスタマイズって難しいですよね...タカヒロも悩んでいましたが、こちらの本でかなり理解ができるようになりました!>>Amazonで詳細を見るWordPressの必須のスキルもサクッと身につくのでおすすめです!この記事の関連キーワードこちらの記事の関連キーワード一覧です。クリックするとキーワードに関連する記事一覧が閲覧できます。タグ「タグ」の関連記事こちらの記事の内容「タグ」に関連する記事一覧です。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。Wordpressの固定ページのIDを取得する方法!WordPressの固定ページのタイトルを取得する方法!RECOMMENDこちらの記事も人気です。