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

公開:2016年03月25日(最終更新:2018年05月16日)

ワードプレスにてデザインを作っていく中で、どうしても表示したくないことって出ててきますよね。そんな時に便利なのがコメントアウトのコードです。

WordPressで使われるコメントアウトには、HTML用、PHP用、javascript(jquery)用、そしてCSS用があります。

それぞれのコメントアウトコード

普通のhtmlであれば、<!– ここの部分は表示されない –>と囲うことで表示を消すことが可能です。

ただし、Wordpressの場合、HTMLの領域とPHPの領域が組み合わさって出来ていますので、<!– –> で挟んでも消せないことがあります。<php?と書かれたところから?>と書かれたところまではPHP用の領域です。ですので、普通のHTML用のコメントアウトでは消せません。

PHPの領域でコメントアウトをしようと思ったら、別のコードを使う必要があるのです。

PHPでのコメントアウトは//スラッシュ2回で一行分を消すタイプと、まとめて消すには/* ここに挟まれているものはすべて表示されません */とスラッシュとアスタリスクを組み合わせた形になります。

しかし、それでもまた注意が必要です。先ほども言いましたが、PHPの領域とHTMLの領域が混じっているところではスラッシュアスタリスクではうまく消せません。

それどころかエラーになって表示が壊れてしまうこともあります。<php?と?>をうまく見分けてPHPなのか、HTMLなのかを判断するようにしましょう。

どうしても見分けられないときは、

とむりやりPHPの形で表記してしまえば、多くの場合でコメントアウトするコトが可能です。どうしても判断がつかないけど、消したい場所があったら試してみてください。

CSSとjavascript(jquery)のコメントアウト

CSS(スタイルシート)のコメントアウトはPHPと同じで、スラッシュとアスタリスクを組み合わせた形/* ~ */になります。スタイルを一時的に消したい場合などに使えますね。ただし他のコメントアウトとかぶると動作がおかしくなってエラーが出てしまいますので、まとめて消すような場合には注意が必要です。

javascript(jquery)のコメントアウトは実はPHPとまったく同じです。一行であれば//スラッシュ2回、複数行なら/*を利用することでコメントとして扱われるようになります。

HTMLだけが特殊で他のものは//と/* ~ */を覚えておけば対応できると覚えておきましょう!

一緒に読まれている記事

関連する記事

  • WordPress

    WordPressのおすすめプラグイン

    ワードプレスの素晴らしい点は無料でブログシステムが使えるということですが、 さらにその性能を倍増させるものがプラグインです。 はっきり言ってプラグインを入れていけば、かなり高性能なものが作れます。 しかし、問題はプラグイ...続きを読む

  • WordPress

    カテゴリー名を取得したい

    カテゴリーとリンクを同時につけるなら<?php the_category(); ?>とすれば、今のカテゴリーが表示されます。でも、そこには必ずリンクがついていて、リンクは必要ないのに……とカテゴリー名だけを使...続きを読む

  • WordPress

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

    WordPressの便利な機能の1つに条件に応じて表示、非表示を選べることです。それが条件文1つで簡単に実現できるから嬉しいですよね。ではさっそくソースを紹介します。 入力があるか調べて表示させる 今回の例はタグの入力が...続きを読む

  • WordPress

    ワードプレス設置の意外な落とし穴

    ホームページがどうしても上位に出てこないと、 あるクライアント様から【ホームページの無料診断】を依頼されました。 その診断でなんと驚くことに 「検索エンジンがサイトをインデックスできないようにする」 にチェックが入ってい...続きを読む

  • WordPress

    ワードプレスの導入

    ワードプレスの導入に不安な方から「ワードプレスって本当に効果ありますか?」という質問をよく受けます。その度にはっきりと言っていますが、もはや知識もない人でも運営が出来てしまうほどWordpressの効果は圧倒的です。 入...続きを読む

  • WordPress

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

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

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

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

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

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