ホームページ制作運営相談室
ホームページのことで悩んでいたら何でもご相談ください！

Home > WordPress

タグの入力がある場合のみ表示させる方法

公開:2013年11月19日（最終更新:2018年05月16日）

WordPressの便利な機能の１つに条件に応じて表示、非表示を選べることです。それが条件文１つで簡単に実現できるから嬉しいですよね。ではさっそくソースを紹介します。

入力があるか調べて表示させる

今回の例はタグの入力があれば表示させるプログラムです。タグの表示部分にこだわっているとタグの入力を忘れてしまったら、デザインが崩れてしまうコトもありますよね。そんな時のためにぜひ組み込んでおきましょう。


ここに表示したいテキスト＆プログラムを入れる

これを本来のタグが表示される場所に置き換えると、タグの入力があるときだけ表示させられるようになります。タグの入力がなければデザインが崩れてしまうなんて特殊な事態にも対応できますね。

他の条件タグ

get_the_tags()を別の条件タグに変更すれば、投稿によって表示を変えることが可能になります。

get_the_id(’11’)
使用例　idに11を持つ記事を開いたときだけ表示させる

get_the_title(‘芸能人’)
使用例　記事のタイトルに芸能人を含む時だけ表示させる。

get_the_の関数が使えるものでうまく文字列が取り出せるものであれば、かなり応用ができます。人と少し違う表示をさせたいならぜひタグやタイトルなどでも変化がでるページを作るのをオススメします！

様々な変化を少しのコードで生み出せるのは本当に楽しいですよね！

一緒に読まれている記事

関連する記事

WordPress

ワードプレスのコメントアウト

ワードプレスにてデザインを作っていく中で、どうしても表示したくないことって出ててきますよね。そんな時に便利なのがコメントアウトのコードです。 WordPressで使われるコメントアウトには、HTML用、PHP用、java...続きを読む
WordPress

WordPressのテンプレートに著作情報を入れる

スタイルシートの文頭に以下のコメントを表記すると、テーマとして認識されます。 wp-content/themes/hogehoge/style.css /* Theme Name: テーマ名 Theme URI: 配布先...続きを読む
WordPress

WPタグ一覧

【ヘッダーより】文字コードを自動で挿入してくれる。 <meta http-equiv=”Content-Type” content=”; charset=” /&g...続きを読む
WordPress

AMP化しようとしてデザインが壊れてしまう場合の対処方法

googleで推奨しているモバイルファーストの設定に「AMP(Accelerated Mobile Pages)」というものがあります。簡単に言うとモバイルでの表示を早くできるというモノです。ワードプレスを使っているなら...続きを読む
WordPress

ワードプレスを使ってスマホサイトを作る

パソコン用に設定したホームページをスマホで見るとどうしても見づらくなってしまう場合がありますよね。そんなときにオススメなのが「ktai style」これを使えば簡単にスマホ対応サイトを作れます。使用方法は上記からダ...続きを読む
WordPress

ワードプレスのbloginfoについて

<?php bloginfo(); ?>は、WordPressの設定情報を出力するテンプレートタグ。＜例＞ <title><?php bloginfo(‘name’...続きを読む

きちんと結果を出せるホームページにしたい
今のホームページを新しく作り替えたい
ホームページをもっと効果的に運用したい
ホームページの定期的アドバイザーが欲しい

こんなお悩みをお持ちではありませんか？

弊社はホームページの悩みをすべて解決します！

ご相談は下記からお気軽にご連絡ください！