WordPressでHTMLを編集できないのはなぜですか？

WordPressでブログ記事を書いていると、「HTMLを直接編集したい！」と思うことはありませんか？しかし、WordPressのエディター上でHTMLタグを入力しても、なぜか反映されないことがあります。これは一体なぜなのでしょうか？

WordPressのテーマはPHPで動いている

WordPressのテーマは、複数のPHPファイルが組み合わさって構成されています。PHPはサーバーサイドで動作するプログラミング言語であり、HTMLを動的に生成することができます。つまり、私たちがブラウザ上で見ているWordPressのページは、サーバー側でPHPによって処理された結果なのです。

例えば、ブログ記事のタイトルを表示する場合、以下のようなPHPコードが使われます。

<?php the_title(); ?>

このコードは、WordPressのデータベースから記事のタイトルを取得し、HTMLの<h1>タグで囲んで出力します。このように、WordPressではPHPを使ってHTMLが動的に生成されるため、単純にHTMLを編集するだけでは、思い通りの表示に変更できないのです。

WordPressでHTMLを編集する方法

前章でも解説しましたが、WordPressのテーマは複数のPHPファイルが組み合わさって構成されているので、HTMLで編集することは不可能です。しかし、WordPressにはHTMLを編集するための方法がいくつか用意されています。

1. テキストエディターでテーマファイルを編集する

WordPressのテーマファイルは、FTPソフトやサーバー管理画面からダウンロードすることができます。テーマファイルをテキストエディターで開くと、PHPコードやHTMLコードを見ることができます。これらのコードを編集することで、WordPressの表示を変更することができます。

メリット	デメリット
自由度が高い	専門知識が必要
細かい調整が可能	テーマのアップデートで変更が上書きされる可能性がある

ただし、この方法は、HTMLやPHPの知識がある程度必要となります。誤ったコードを記述してしまうと、WordPressサイトが表示されなくなってしまう可能性もあるため注意が必要です。自信がない方は、他の方法を試すか、専門家に依頼することをおすすめします。

2. 子テーマを使用してカスタマイズする

子テーマとは、親テーマの機能やデザインを継承したテーマのことです。子テーマを使用することで、親テーマのファイルを直接編集することなく、WordPressの表示を変更することができます。子テーマを作成するには、WordPressの公式テーマディレクトリから「_s」などのスターターテーマをダウンロードし、必要に応じてCSSやPHPファイルを編集します。

メリット	デメリット
親テーマのアップデートの影響を受けない	子テーマの作成に手間がかかる
比較的安全にカスタマイズできる

子テーマを使用することで、親テーマのアップデートの影響を受けることなく、カスタマイズを行うことができます。また、子テーマはPHPの知識がなくても、CSSを編集するだけでカスタマイズできるため、初心者の方でも比較的安全に利用することができます。

3. プラグインを利用する

WordPressには、様々な機能を追加できるプラグインが数多く公開されています。HTMLを編集するためのプラグインも多数存在するため、自分のニーズに合ったプラグインを探してみると良いでしょう。例えば、「Classic Editor」というプラグインをインストールすると、旧エディターを使用することができ、HTMLを直接編集することができるようになります。

メリット	デメリット
簡単に導入できる	プラグインとの互換性の問題が発生する可能性がある
専門知識がなくても利用できるものが多い	プラグインの更新が停止される可能性がある

プラグインを利用するメリットは、簡単に導入できることと、専門知識がなくても利用できるものが多いことです。しかし、プラグインとの互換性の問題が発生する可能性や、プラグインの更新が停止される可能性もあるため注意が必要です。信頼できる開発元のプラグインを選ぶようにしましょう。

まとめ

WordPressでHTMLを編集できない理由と、HTMLを編集する方法について解説しました。WordPressでHTMLを編集する場合は、自身のスキルレベルや目的に合わせて最適な方法を選ぶようにしましょう。HTMLやPHPの知識に自信がない方は、子テーマを使用したり、プラグインを利用したりするなど、安全な方法でカスタマイズすることをおすすめします。

WordPressでHTMLを編集する際のQA

Q1. WordPressでHTMLを編集する際に注意すべき点は？

A1. WordPressでHTMLを編集する際は、以下の点に注意しましょう。

バックアップを取ってから編集を行う
信頼できる情報源を参考に、正しいコードを記述する
変更を加えたら動作確認をしっかり行う

Q2. WordPressでHTMLを編集できるおすすめのプラグインは？

A2. HTMLを編集できるおすすめのプラグインは以下の通りです。

Classic Editor
Elementor
Beaver Builder

Q3. WordPressのカスタマイズについてもっと詳しく学ぶには？

A3. WordPressのカスタマイズについて学ぶには、以下の方法があります。

WordPressの公式ドキュメントを読む
WordPressの書籍を読む
WordPressのオンライン講座を受講する

その他の参考記事:jquery wordpress 動かない