WordPressサイトのカスタマイズ・ホームページ制作時に便利な各種コメントアウトホームページ制作京都ファンフェアファンファーレ

WordPressサイトの制作をはじめ、ホームページ制作やWordPressカスタマイズなどを行っている最中は、基本的にはいざという時のために元のファイルをバックアップしておくのが原則ですが、各種カスタマイズの際に、元のソースを該当ファイル内に「機能は無効にするけど、一応残しておく」ということをしておけば、いろいろなことを試すときに便利です。

今回は趣旨を変えまして、WordPressサイトのカスタマイズ・ホームページ制作時に便利な各種コメントアウトについて改めてご紹介します。

html、php、CSSそれぞれ若干コメントアウト方法のルールが異なるため注意が必要です。

カスタマイズ中のコメントアウト

「コメントアウト」とは、htmlやphp、CSSなどの記述をわざと「コメント」化して、ソースコードの機能を無効にしてしまうことです。

Web制作現場のみならず、プログラムを使用するシステム開発現場では大昔からおなじみのこの方法は、もちろんWordPressカスタマイズなどにおいても便利さを発揮します。

「ここからここはコメント」という囲い

理屈としては、htmlやphp、CSSを記述する際に「ここからここはコメント」という囲いをします。これは、コメントアウトだけでなく、「ヘッダー部分の指定はここ」とか「この部分はメールフォーム」など、本当にコメントを残す場合にも使用されています。

ホームページ制作においては、メモ書きとしてのコメントの利用だけでなく、ソースの改変の際に元のソースを参考やバックアップのために残しておくといった使い方をします。

ソースにコメントを残す

/* Separators */

.site-content span + .entry-date:before, .full-size-link:before, .parent-post-link:before, span + .byline:before, span + .comments-link:before, span + .edit-link:before, .widget_twentyfourteen_ephemera .entry-title:after { content: "\0020\007c\0020"; }

このような感じですね。

こちらはCSSの例ですが、「/* Separators */」がコメント部分です。

CSS /* */ CSS内のコメント [ホームページ制作の装飾プロパティ]

phpのコメントアウト

phpも同様に　/* コメント */　でコメントが可能です。

また　//コメント　でコメントが可能です。

行の先頭に「//」を加えます。

htmlのコメントアウト

htmlの場合は、

<!– –>

<!– ここにコメント –>

こういったコメント機能を使って、該当部分にコメントを加えます。

htmlタグ｜!– –　ソース中のコメント [ホームページ制作の基本タグ]

カスタマイズ前のソース部分をコメント化

こうしたコメント機能を使って、カスタマイズ前のソース部分をコメント化してしまい、カスタマイズしたソースコードをその前後あたりに貼り付けると、「コメントアウト」を利用したカスタマイズが可能になります。

特にWordPress管理画面からのカスタマイズの際には便利です。

ただしコメントアウトミスには注意してください。

html、CSSなどでコメントアウトを誤った場合でもレイアウト崩れくらいで済みますが、phpの場合は、コメントアウトがうまくできていないと内部サーバーエラーを起こす原因にもなりますので注意が必要です。

コメントアウトを安全に運用するためのコード管理と注意点

不要になったコードを一時的に無効化したり、メモを残したりする際に非常に便利な機能ですが、実際のホームページ（ウェブサイト）の運用においては、使い方に少し注意が必要です。より専門的には、コメントアウトを多用しすぎると、表示速度やセキュリティ面で思わぬリスクを抱える可能性があります。ここからは、保守性を高めつつ安全にコードを管理するための実践的な視点をお伝えします。

HTMLのコメントアウトは第三者から閲覧されるリスクを考慮します

HTML内に記述したコメントアウトは、ブラウザの画面上には表示されませんが、ページのソースコードを確認する機能を使えば誰でも簡単に中身を見ることができます。そのため、公開前のキャンペーン情報や、システムに関する重要なメモ、担当者の個人名などをHTMLのコメントアウトとして残しておくのは推奨されません。悪意のある攻撃者にシステムの内部構造を推測させるヒントを与えてしまうかもしれないため、第三者に見られても問題ない内容にとどめ、機密情報を残さない運用を徹底します。

不要なコードの放置が表示速度や保守性に与える影響

カスタマイズの過程で「後で使うかもしれないから」と、大量の古いコードをコメントアウトしたまま放置してしまうケースは実際の制作現場でもよく起こります。しかし、ファイルの中に不要な記述が蓄積していくと、ブラウザやサーバーがファイルを読み込む際のデータ量が増加し、ホームページ（ウェブサイト）の表示速度を低下させる要因になります。また、どのコードが現在機能していて、どれが過去の遺物なのかが分かりにくくなり、後からデザインを修正する際のミスを誘発しやすくなります。

バージョン管理システムを活用した根本的なデータ保管

過去のコードを保存する目的でコメントアウトを使い続けるのではなく、より専門的には、変更履歴を記録するバージョン管理システムを取り入れるアプローチが効果的です。専用のツールなどを利用すれば、過去のどの時点でどのような変更を加えたかをすべて履歴として残せるため、古いコードは迷わず削除してファイルを常に綺麗で軽い状態に保つことができます。事業の基盤となるホームページ（ウェブサイト）を長期的に安定させるために、コードの「無効化」と「削除」を明確に使い分ける運用ルールをおすすめします。

（初回投稿日 2015年12月19日）

ホームページ制作ファンフェアファンファーレ

ホームページの制作・企画・運営・更新やホームページのSEO対策、WordPressサイト（ホームページ）の制作・カスタマイズなどのWeb制作サービスのご依頼は、京都のホームページ制作会社ファンフェアファンファーレへ！

WordPressでのホームページ制作・作成はもちろん、各種ホームページ制作・ホームページカスタマイズに対応可能です。新規ホームページ制作やホームページのリニューアル、SEO、WordPressカスタマイズなどに全国対応しております。

ホームページ制作・WordPressサイト制作

京都のホームページ制作会社ファンフェアファンファーレは、ホームページ制作（ウェブサイト制作）サービスをはじめ、WordPress（ワードプレス）をベースとしたホームページ制作・WordPressのカスタマイズ、ホームページ・WordPressサイトのSEO対策、モバイルフレンドリー化などのWeb制作サービスを提供しています。

WordPressでのホームページ制作につき、企業ホームページ・店舗ホームページ・メディアサイト・ECサイトなど、各種タイプのホームページ制作に対応しています。既に運営されているWordPressサイトへの機能追加や各種カスタマイズ、SEOなどにも対応可能です。

WordPressサイトのカスタマイズ・復旧・復元・エラー修正・保守

WordPressで制作されたホームページ（WordPressサイト）の各種カスタマイズ、テーマファイル編集、プラグイン設置・設定などのWordPressカスタマイズやWordPressのエラー修正ならお任せください！

WordPressテーマのphpファイル、CSSファイルの修正から、ページの修正、ソーシャル設定、新規機能の追加、プラグインの設定値調整まで、様々なカスタマイズ・修正に対応しております。WordPressサイトのSEOにも対応しております。エラー修正（エラー復旧）や、SSL化、テーマのモバイルフレンドリー化などのご依頼にも対応しています。

WordPress カスタマイズ

復旧・復元・エラー修正

ホームページ制作京都のWeb制作会社ファンフェアファンファーレでは、WordPress（ワードプレス）で制作されたウェブサイト・ホームページの復旧（復元）、エラー修正サービスを提供しております。弊社制作のWordPress（ワードプレス）サイトの復旧、エラー修正も承っておりますが、自社制作・運営、他社制作・管理のWordPressサイトのエラー復旧（復元）・修正にも対応可能です。

WordPress（ワードプレス）の復旧・復元・エラー修正

WordPressの保守やセキュリティについては、基本的にはバックアップによる保守管理で十分だと考えています。トラブル時のWordPressの復旧のためのWordPressの保守やセキュリティ、バックアップと復元について。

WordPressの保守管理バックアップと復元で対応する

京都・京都近郊ではご訪問での対応

ホームページ制作京都ファンフェアファンファーレは、京都市上京区のホームページ制作会社（Web制作会社）です。

ホームページ制作サービス、WordPressサイト（ホームページ）の制作・カスタマイズサービスのご利用にあたり、「ホームページ制作京都」ホームページ制作・作成のプランニングにつきましては、京都府京都市内（上京区、中京区、下京区、東山区、右京区、左京区、北区、南区、西京区、山科区、伏見区）および京都市近郊エリア（京都府下の京都市近郊市町村など）では、ご訪問での打ち合わせ・ヒアリング・ご提案をさせていただいております。

京都でホームページ制作ならお任せください！もちろんホームページ制作（ホームページ作成）、ホームページ修正などは全国からのご依頼に対応しております。WordPressでのホームページ制作（WordPressサイト制作）など、新規でのホームページ制作・ホームページ作成はもちろん、既存ホームページのリニューアルや修正、SEO・SEO対策、各種Web集客・WebマーケティングにかかるWebコンサルティングも対応可能です。