アイキャッチ画像
HOME > Wordpress > 【WordPress】投稿編集画面でソースに表示されないコメントアウトのやり方
公開日:2016.12.27
この記事は約3分で読めます。

【Wordpress】投稿編集画面でソースに表示されないコメントアウトのやり方

この記事は最終更新日から2年以上経過しているため現状にそぐわない可能性もあります。

コメントアウトというのは便利な機能ですよね。

私もしょっちゅう使ってます。

デメリットと言えば、コメントアウトしても結局はソースには表示されちゃうってことでしょうか。

ところがソースに表示されないコメントアウトの方法がありました。

SIRIUSレビューイメージ画像

コメントアウトとは

コメントアウトってヤツは「ブラウザ上には表示させたくないけどメモ代わりにデータとして残しておきたい」ときや「一時的にブラウザでは非表示にしといて時期が来たらあらためて表示させたい」時なんかに使える機能のことです。

やり方としては、コメントアウトにしたい部分の先頭に”<!––”、コメントアウトしたい部分の最後に”––>”を加筆することでブラウザ上では非表示にできます。

(※”––”は半角ハイフン2個連続です)

たとえば「ここは非表示にしておこう」というテキストを一時的に非表示にしたい場合、<!––ここは非表示にしておこう––>と書けばブラウザ上では非表示になります。

このコメントアウト機能ですが、これまでワードプレスの投稿画面では少し工夫しないとコメントアウト機能が使えませんでした。

※それについて調べた記事がこちら↓(当サイト内記事)

それが最近のワードプレスでは何もしなくてもデフォルトでコメントアウト機能が使えるようになったみたいです。(Wordpress 4.5.4で確認済み)

ところでコメントアウトはとても便利な半面、ソースを見ればコメントアウトした部分が見えてしまうというデメリットがあります。

時には見られちゃまずい内容(将来発表すべき内容の下書き部分とか会社の悪口とか?)もあったりするので、本来ならソース部分にも表示されないのが一番いいんですけどね。

それにコメントアウトの分量が多ければ、ページの読み込みにも時間がかかっちゃいますでしょ。

これがワードプレスなら、ソースにも表示されないコメントアウトを書くことができます。

(というか、最近知りました)

実装方法

検証は行ってますがカスタマイズ・実装に関しては”サイトが表示されない”などのトラブルが発生する可能性もあります。

失敗した時に元に戻せるようオリジナルファイルのコピーは必ず作っておいてください。

投稿内にはショートコード形式で書いていくんですが、最初にfunctions.phpに以下を加筆しておきます。

今回のようなコメントアウトのやり方をウェブで検索すると[ignore]コメントアウト[/ignore]とやればOKと書いてあるところが多いかと思います。

今回は”ignore”の部分を”comment”に変えただけのことなので、あなた自身のわかりやすいショートコードネームに変えたい場合は上記コード4行目のの”comment”というテキスト部分を変えたいテキストに変えてください。

続いて記事の投稿画面で、コメントアウトしたい部分を[comment]~[/comment]で挟んでやります。

サンプルとして”コメントアウトしたいテキスト”というテキストを

  1. 通常表示→【コメントアウトしたいテキスト1】
  2. 通常のコメントアウト→【<!––コメントアウトしたいテキスト2––>】
  3. 今回の形式でコメントアウト→【[comment]コメントアウトしたいテキスト3[/comment]】

の3つに分けて試してみました。

 

その結果がこちら↓です。

おそらく1.の「コメントアウトしたいテキスト1」しか表示されてないはずです。

1.コメントアウトしたいテキスト1

2.

3.

ではソースはどうなってるかというと…こちら↓です。

キャプチャ画像

2.はコメントアウトした部分のテキストがそのまま見えちゃってますが、3.はコメントアウトした部分が完全に非表示になってますね。

こんな感じでソースにもコメントアウトを表示したくない時には今回の方法を試してみてはいかがでしょう。

 

スポンサーリンク

スポンサーリンク

記事はお役にたてましたか?

記事に興味をもっていただけたらソーシャルボタンでの共有お願いします^^

 ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓

コメントはお気軽にどうぞ

メールアドレスは公開されません。
* が付いている欄は必須項目です。

内容に問題なければ下記の「コメントを送信する」ボタンを押してください。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)