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

公開: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

    WPタグ一覧

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

  • WordPress

    WordPressのおすすめプラグイン

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

  • WordPress

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

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

  • WordPress

    トップページなど特定のページで表示を変えたい

    WordPressを使っているとカテゴリー別に画像を変えたり、ページごとに表示を変えたい部分がでてくると思います。 今回紹介するのは、条件文を追加して特定のページでのみ表示させたり、逆に表示を消したりする方法を紹介! こ...続きを読む

  • WordPress

    ワードプレスの導入

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

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

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

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

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