WordPressの始め方と使い方をわかりやすく解説!

WordPressで必要なコメントアウトの書き方

この記事を読めば…
WordPressで必要なHTML、CSS、PHP、JavaScriptのコメントアウトの書き方がわかります。

(編集前にファイルのバックアップとるのってめんどうやな…)

ファイルを編集するたびにバックアップを取るのも手間がかかりますよね。そういう時は、手軽に行えるコメントアウトを利用しましょう。

処理の無効化・変更前の内容に戻すことが簡単に行えます。

コメントアウトとは?

プログラミング言語では、プログラム中にコメントを挿入することができます。コメントは、コンピュータが処理を行うときは無視されるので、プログラムをする人のためのメモとして使用されるものです。

<!-- この部分がコメントです。コメントは表示されません。 -->
<p>コメントは、プログラムをする人のためのメモ書きです。</p>

このコメントが処理をされないというのを利用して、一部の処理をコメント化することをコメントアウトと呼びます。

<!-- p>コメントは、プログラムをする人のためのメモ書きです。</p -->
<p>コメントアウトは、該当部分の処理をコンピュータに無視させます。</p>

コメントアウトのメリットとデメリット

削除するのではなく、コメントアウトを行うことには大きなメリットがあります。

  • 以前の変更内容をファイル上に残したままにできる
  • 変更内容を以前のものに戻すのが容易である

しかし、次のようなデメリットもあります。

  • コメントアウトが多くなりすぎると、コードが読みづらくなってしまう

コメントアウトの使いすぎには注意しましょう。

コメントアウトが多くなりすぎたら、ファイルのバックアップをとってコメントアウトの部分を整理しよう

コメントアウトの書き方

WordPressで必要な各言語のコメントアウトの書き方を紹介します。

PHPとJavaScriptでは、1行のみコメント化する方法が別にあります。状況に合わせて使い分けを行ってください。

HTMLのコメントアウト

<!-- HTMLのコメントアウト -->

<!-- HTMLは1行でも複数行でも
コメントアウトの書き方は同じです。 -->

CSSのコメントアウト

/* CSSのコメントアウト */

/* CSSは1行でも複数行でも
コメントアウトの書き方は同じです。 */

PHPのコメントアウト

// PHPのコメントアウト

/* PHPは1行と複数行の
コメントアウトが異なります。 */

JavaScriptのコメントアウト

// JavaScriptのコメントアウト

/* JavaScriptは1行と複数行の
コメントアウトが異なります。 */

コメントの中にコメントを入れると、うまくコメントアウトできない時があるから気をつけてね

関連記事

FOXWP

Conoha WINGからエックスサーバーにWordPressの引越しを行う手順

Conoha WINGからエックスサーバーに引越しを行う手順 Conoha WINGからエックスサーバーに引越しを行う際の注意点 ネームサーバーがエックスサーバーのネームサーバーに設定されていないと、無料独自SSLの設定

FOXWP

wp-envで構築したWordPressのデータベースへアクセスする手順

wp-envで構築したローカル開発環境のデータベースにサクセスするには、Local WordPress EnvironmentのAccessing the MySQL Databaseに記載されている方法で行えます。 参

FOXWP

【WordPress】はじめてのブロックエディター開発

この記事では、WordPressでブロック開発をした際のメモです。 WordPressで必要最低限のブロックを開発するには、@wordpress/create-blockパッケージを作成することですぐにできます。 参考:

FOXWP

wp-envとは?使い方を解説

wp-envを利用した際のメモです。 wp-envとは? ローカルのWordPress開発環境 wp-envとは、ローカルのWordPress開発環境です。Docker Desktopと合わせて利用します。 wp-env

FOXWP

WordPressのおすすめセキュリティプラグイン6選

WordPressセキュリティプラグインを使えば、専門的知識がない方でも手軽にセキュリティ対策を行うことができます。 マルウェア・ブルーフォースアタック・ハッキングといった様々な障害からあなたを守ってくれます。 この記事

FOXWP

WordPressでおすすめの目次プラグイン8選

記事に目次を挿入すれば、読者に記事の全体像を理解してもらいやすくなります。欲しい情報があるか判断する手助けとなり、読者にとって使いやすいサイトと認識してもらえます。 この記事では、目次を挿入できるおすすめのWordPre