【CMS編集】WordPressテーマカスタマイズ方法（初級編）

November 8, 2024

今回は数あるCMSの中でも群を抜いて使用されているWordPressテンプレートテーマのカスタマイズについて解説をします！

かわてつ

CMSは『コンテンツ・マネジメント・システム』の略で、Webサイトのコンテンツを構成する画像やテキスト、デザイン・レイアウト情報などをまとめて管理するシステムです。

CMSを使用する事でWebの専門知識がなくても、簡単にホームページの作成・更新・運営ができます。

WordPressの基本構造について

通常のWebサイトでは『HTML』や『CSS』を使用して構成されていることが多いですが、

WordPressはそれらに追加して『テーマ』、『プラグイン』そして複数の『PHPファイル』で構成されています。

WordPressのテーマは有料・無料あわせて数えきれないほど沢山の種類があり、デザイン性や機能性が高いものや、ブログ作成に特化したもの、SEOに特化したものなど様々な用途に合わせて使い分けることができます。

また、初心者に合わせて簡単にカスタマイズできるように設計されているものもあります。

プラグインとはWordPressの拡張機能の事で、サイトに新たな機能をつけたり使いやすくしたい時にインストールして簡単に使用できます。

便利ですが欠点もあり、プラグインをインストールしすぎると、新たに読み込む内容が増えるため、サイトの表示速度が遅くなる可能性があります。その為、なんでもかんでもプラグインをインストールするのは避けるようにしましょう。

PHPファイルは下記のように複数種類があり、WordPress内のそれぞれの箇所のレイアウトや機能を定めています。

WordPressのカスタマイズ方法は大きく分けて４つあります。

上記で説明したWordPress基本構造を編集する事で外観や機能をカスタマイズすることができ、同じテンプレートテーマでも独自性を持たせた自分だけのサイトを作ることができるのです。

※今回はテーマの変更、プラグインの追加によるカスタマイズについての説明は省かせていただきます。

PHPファイルの編集はWebサイトの機能やレイアウトを変更することができますが、Web制作の高度な知識が必要なので初心者の方は触らないようにしてください。

WordPressのテーマをカスタマイズする際、最も簡単な方法が、WordPressの標準機能である
「テーマカスタマイザー」を使用することです。

「テーマカスタマイザー」とは、テーマのレイアウトや表示などの設定を管理画面で編集できる機能です。

手順

WordPressのテーマごとでカスタマイザーの編集できる内容は変わってきます。

CSSとは、「カスケーティング・スタイル・シート」の略で、CSSを使用することで、色の追加やレイアウトの変更、Webサイトの外観の微調整などが可能です。

CSSをカスタマイズするには２種類の方法があります。

１つ目はstyle.cssに直接CSSを書き込む方法です。

手順

管理画面の左サイドメニューの「外観」から「テーマファイルエディター」を選択。
テーマエディター画面の右サイドメニューの「style.css」を選択すると、CSSをカスタマイズする画面が開きます。
※テーマやサイトによってstyle.cssの格納場所が違う時があるので他のCSSが記載してあるところに続けて記載するようにして下さい。

かわてつ

「Really Simple Security」というプラグインをインストールしている場合、テーマファイルエディターが消えている場合があるのでその際は一旦無効化してからテーマファイルエディターを編集するようにして下さい。

２つ目の方法は追加CSSでCSSを追加するです。

※上記で説明した「テーマカスタマイザー」を使用します。

手順