WordPressテーマをカスタマイズする方法–初心者のためのDIYガイド

公開: 2020-12-17

あなたのサイトに適切なWordPressテーマを選択することになると、特に初心者の場合、それは常に挑戦です。以前の投稿の1つで、WordPressテーマの選択方法についてはすでに説明しました。サイトにWordPressテーマを選択したら、要件に応じてカスタマイズすることをお勧めします。 WordPressの初心者は、テーマのカスタマイズのプロセスに精通していない可能性があります。 WordPressテーマをカスタマイズしたいが、その方法がわからない場合は、この記事を読み続けてください。ここでは、WordPressテーマをさまざまな方法でカスタマイズする方法について説明します。

あなたは本当にWordPressのテーマをカスタマイズしたいですか？

WordPressテーマのカスタマイズを実際に開始する前に、それが本当に必要かどうかを自問する必要があります。

WordPressのテーマをカスタマイズする必要がない場合もあります。代わりに、プラグインをインストールする必要があります。テーマは、WordPressサイトのデザイン、つまり、サイトの外観とコンテンツの表示方法を設計するのに役立ちます。一方、プラグインはサイトに機能を追加するのに役立ちます。したがって、加えたい変更がデザインではなく機能に関連している場合は、WordPressプラグインの使用を検討する必要があります。たとえば、サイトにウィジェットを追加したり、カスタムフィールドを作成したり、カスタム投稿タイプや分類法を登録したり、オンラインストアやSEO拡張機能などの機能を追加したりする場合は、WordPressテーマをカスタマイズする代わりにプラグインを使用する必要があります。 WordPressプラグインディレクトリには何千ものプラグインがあります。プラグインディレクトリに移動し、使用するプラグインを検索して、Webサイトにインストールするだけです。

しかし、完全にデザインに焦点を当てた変更を加えたい場合は、WordPressテーマを確実にカスタマイズする必要があります。そして、それを行うにはさまざまな方法があります。あなたはあなたに最も適した方法を選ぶことができます。

WordPressテーマをカスタマイズするさまざまな方法

次に、WordPressテーマをカスタマイズする方法を学びます。しかし、WordPressテーマに飛び込んでカスタマイズを開始する前に、WordPressテーマをカスタマイズするさまざまな方法に精通している必要があります。以下は、状況に応じて利用可能なオプションの概要です。

WordPressには組み込みのカスタマイザーがあり、WordPressのテーマに応じて、フォント、色、ヘッダーイメージ、さらにはレイアウトも簡単にカスタマイズできます。テーマカスタマイザーはWordPressダッシュボードで利用できます。
WordPressテーマにページビルダーがある場合は、それを使用してWebサイトのデザインをカスタマイズすることもできます。
WebサイトのCSSまたはPHPファイルの編集に慣れている場合は、WordPressテーマのコードの編集を検討する必要があります。

＃1-WordPressカスタマイザーを使用する

WordPressテーマをカスタマイズする最も簡単な方法を探している場合は、WordPressテーマカスタマイザーを必ず使用する必要があります。 WordPressのテーマに応じて、WordPressサイトに加えることができる変更のセットが異なります。そのためには、カスタマイズページに移動する必要があります。以下に示す手順に従います。

ステップ1：まず、WordPressダッシュボードを開く必要があります。管理者としてログインしていることを確認してください。

ステップ2： WordPressダッシュボードで、[外観] >[テーマ]をクリックします。

Accessing themes from the WordPress dashboard

ステップ3：テーマページに移動します。ここでは、インストールしたすべてのテーマと、強調表示されているアクティブなテーマが表示されます。アクティブなテーマで[カスタマイズ]をクリックします。

ステップ4：これにより、WordPressサイトをリアルタイムでカスタマイズできるWordPressカスタマイザーページに移動します。ページの左側に利用可能なオプションのリストが表示されます。一方、ページの右側には、行う変更のライブプレビューが表示されます。

ステップ5：変更を加えたら、上部の[公開]ボタンをクリックするだけで変更を保存できます。

注：一部のWordPressテーマには、さまざまなカスタマイズオプションがある場合があります。したがって、Webサイトのデザインに関連するほとんどすべてを簡単にカスタマイズできます。

How to Customize a WordPress Theme – DIY Guide for Beginners 1

いくつかの有用な情報については、この記事を参照してください–プロのようにWordPressテーマカスタマイザーを使用する方法。

2 –ページビルダーを使用する

ページビルダーを使用してWordPressテーマをカスタマイズすることもできます。彼らはあなたのウェブページのレイアウトとデザインに多くの柔軟性を与えます。多くのWordPressテーマには、組み込みのページビルダーがあります。したがって、テーマにページビルダーがある場合は、それを使用してWordPressサイトのデザインとレイアウトをカスタマイズできます。 WordPressテーマにページビルダーがない場合は、 Elementorのようなページビルダープラグインをインストールするだけです。

Elementorのような助けを借りて、あなたは簡単にあなたのウェブサイトのデザインを設定することができます。 Elementorのユーザーフレンドリーなドラッグアンドドロップインターフェイスにより、行っている変更を確認できます。 Elementorには幅広いオプションがあり、これを使用してWebサイトを希望どおりにデザインできます。ページの左側に表示されるオプションから要素をドラッグアンドドロップするだけです。コンテンツがどのように表示されるかを確認できます。また、各Webページが一意に表示されることを確認できます。

3 –テーマのコードを編集する

WordPressテーマをカスタマイズするには、テーマのコードを編集してみてください。この方法ではカスタマイズを完全に制御できますが、CSSまたはPHPファイルの編集に慣れている場合にのみ試してください。この方法は、Webサイト用に特別に設計された独自のテーマを編集する場合に非常に役立ちます。 WordPressテーマのコードを編集するだけで変更を加えることができます。

注：サードパーティのWordPressテーマを使用していて、それを編集する場合は、最初に子テーマを作成する必要があります。これにより、テーマを更新するたびに変更が失われるのを防ぐことができます。

WordPressテーマのコードを編集する前に、編集する必要のあるテーマファイルを理解する必要があります。これは、テーマファイルごとに機能やコントロールが異なるためです。一般に、編集が必要になる可能性のある3つのメインファイルがあります。スタイルシート、関数ファイル、およびテーマテンプレートファイルです。

スタイルシート（CSS）を編集する

すべてのWordPressテーマには、 styles.cssというスタイルシートファイルがあります。名前が示すように、style.cssファイルには、フォント、色、レイアウトなど、Webサイトのスタイルを設定するためのすべてのコードが含まれています。たとえば、WordPressテーマに色関連の変更を加える場合は、スタイルシートを編集する必要があります。また、WordPressサイトに新しいフォントを追加する場合は、スタイルシートを使用して、新しく追加されたフォントを本文や見出しなどのさまざまな要素に適用する必要があります。詳細については、この記事を参照してください–方法WordPressのCSSファイルを編集します。

関数ファイルを編集する

関数ファイル（別名functions.php）は、すべてのWordPressテーマで使用できるもう1つの一般的なファイルです。 WordPressテーマには、レイアウトに必要なサイドバーの数、画像ごとに生成する必要のあるサムネイルの数など、多くの機能があります。このような各機能は、functions.phpというファイル内に登録されます。 WordPressテーマのコントローラーファイルとして機能し、必要な出力を生成します。

新しい関数型コードを追加したり、既存の関数型コードを編集したりする場合は、これが作業する必要のあるファイルです。詳細については、この記事を参照してください–functions.phpファイルを編集する方法。

注：関数ファイルを編集するときは、以下の点に注意してください–

関数ファイルは、非常に必要な場合にのみ編集する必要があります。可能であれば、関数に新しいコードを追加する代わりに、プラグインを作成するだけで済みます。このようにして、将来新しいテーマに切り替えるときに、新しく追加された機能を保持できます。
関数ファイルはPHPで書かれているので、よく知っていることを確認してください。 Googleからコピーしたコードを盲目的に使用しないでください。コードを追加する前に、コードについて詳しく理解してください。

テーマテンプレートファイルを編集する

WordPressテーマのほとんどのファイルは、テーマテンプレートファイルと呼ばれます。テンプレート階層に従って、WordPressが特定のページに表示するコンテンツのタイプを決定します。特定の投稿またはページでのコンテンツの表示方法を変更する場合は、テーマテンプレートファイルの1つを編集するか、使用できない場合は新しいファイルを作成する必要があります。

たとえば、WordPressテーマには、カテゴリとタグのアーカイブページを表示するために使用されるarchive.phpファイルがあります。タグの表示方法を変更したい。したがって、変更を加えたarchive.phpファイルに基づいて、 tag.phpという新しいファイルを作成する必要があります。

いくつかの有用な情報については、この記事を参照してください–WordPressテーマのHTMLを編集する方法を学びます。

結論

WordPressテーマをカスタマイズするということは、WordPressテーマに変更を加え、要件に従ってサイトを設計することを意味します。今日、ほとんどのWordPressテーマは完全にカスタマイズ可能です。そのため、WordPressテーマを簡単にカスタマイズして、Webサイトを思いどおりにデザインできます。この記事では、WordPressテーマをカスタマイズするさまざまな方法について説明しました。次に、選択する方法を決定する必要があります。

クレジット

vectorjuiceによって作成された抽象的なベクトル– www.freepik.com