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の場合は、コメントアウトがうまくできていないと内部サーバーエラーを起こす原因にもなりますので注意が必要です。
（初回投稿日 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化、テーマのモバイルフレンドリー化などのご依頼にも対応しています。
復旧・復元・エラー修正
ホームページ制作 京都のWeb制作会社ファンフェアファンファーレでは、WordPress（ワードプレス）で制作されたウェブサイト・ホームページの復旧（復元）、エラー修正サービスを提供しております。弊社制作のWordPress（ワードプレス）サイトの復旧、エラー修正も承っておりますが、自社制作・運営、他社制作・管理のWordPressサイトのエラー復旧（復元）・修正にも対応可能です。
WordPressの保守やセキュリティについては、基本的にはバックアップによる保守管理で十分だと考えています。トラブル時のWordPressの復旧のためのWordPressの保守やセキュリティ、バックアップと復元について。
京都・京都近郊ではご訪問での対応
ホームページ制作 京都 ファンフェアファンファーレは、京都市上京区のホームページ制作会社（Web制作会社）です。
ホームページ制作サービス、WordPressサイト（ホームページ）の制作・カスタマイズサービスのご利用にあたり、「ホームページ制作 京都」 ホームページ制作・作成のプランニングにつきましては、京都府京都市内（上京区、中京区、下京区、東山区、右京区、左京区、北区、南区、西京区、山科区、伏見区）および京都市近郊エリア（京都府下の京都市近郊市町村など）では、ご訪問での打ち合わせ・ヒアリング・ご提案をさせていただいております。
京都でホームページ制作ならお任せください！もちろんホームページ制作（ホームページ作成）、ホームページ修正などは全国からのご依頼に対応しております。WordPressでのホームページ制作（WordPressサイト制作）など、新規でのホームページ制作・ホームページ作成はもちろん、既存ホームページのリニューアルや修正、SEO・SEO対策、各種Web集客・WebマーケティングにかかるWebコンサルティングも対応可能です。
