WordPressテーマの完全ガイド

公開: 2020-08-27

この初心者向けの投稿では、WordPressテーマについて知っておく必要のあるすべてのことを共有します。

あなたがベテランのWordPressユーザーなら、あなたはおそらくすでにこの情報の多くを知っています。 ただし、WordPressを初めて使用する場合は、この投稿を使用すると、テーマを理解できるだけでなく、テーマを使用およびカスタマイズして、希望どおりの見栄えの良いWebサイトを作成する方法を学ぶことができます。に。

これが私たちがカバーするすべてです:

  • WordPressのテーマとは
  • WordPressテーマの選び方(無料テーマと有料テーマを含む)
  • WordPressテーマとテーマビルダーおよびテンプレート
  • WordPressテーマの使用方法-例:インストール、変更、更新、カスタマイズなど。
  • 独自のWordPressテーマを作成する方法

WordPressのテーマとは何ですか?

WordPressテーマは、WordPressサイトのフロントエンドデザインを制御します。 良い例えは、テーマをサイトの「衣服」と考えることです。

  • 服を着替えると、外の世界への見方が変わります。
  • WordPressテーマを変更すると、訪問者に対するサイトの外観が変わります。

すべてのWordPressWebサイトにはWordPressテーマが必要です。これはプラットフォームの基本的な要件です。 服の例えを続けるとしたら、テーマがないということは、服を着ずに人前で出かけるようなものです。 実際、テーマがインストールされていないとサイトは機能しません。そのため、WordPressにはデフォルトのテーマが付属しています。

理解しておくべき重要なことは、WordPressのテーマは基礎となるWebサイトのコンテンツを変更しないことです(服を着替えても下の人は変わらないのと同じです)。基礎となるWebサイトのコンテンツの外観を変えるだけです。

たとえば、すでにいくつかのブログ投稿を公開している場合、WordPressテーマを変更しても、それらのブログ投稿のコンテンツは削除または編集されません。 代わりに、そのコンテンツの外観を変更するだけです。

人気のあるOceanWPテーマのデフォルトのブログ投稿は次のとおりです。

そして、これがHestiaをテーマにしたまったく同じブログ投稿です。

内容は両方のスクリーンショットでまったく同じです-それはただ異なって見えます。

WordPressテーマとプラグイン

WordPressのテーマとプラグインは非常に異なる機能を提供するため、これを覚えておくことが重要です。

  • テーマはデザイン/外観を制御します
  • プラグインは機能を制御します

テーマ自体に組み込みの機能を含めることは、実際にはテーマにとって悪い習慣です。 代わりに、テーマ開発者はデザインをテーマに任せ、必要な機能を別のプラグインに含める必要があります。

たとえば、ローカルのイベントリストWebサイトを作成するとします。 するでしょう:

  • プラグインを使用して、イベントカレンダー機能を追加します
  • テーマを使用して、そのイベントカレンダー機能の外観を制御します

デザインと機能を分離することで、将来的にテーマを簡単に変更できることを意味します。 ただし、テーマに機能も含まれている場合、テーマを変更すると必要な機能が失われるため、基本的にそのテーマを永久に使用することに「ロックイン」されます。

WordPressのテーマを選択する方法

WordPressテーマはサイトのデザインを制御するため、サイトを成功させる上で重要な役割を果たします。 テーマは、次のような複数の領域に影響します。

  • ユーザー体験
  • パフォーマンス(Webサイトの読み込みにかかる時間)
  • ブランディング
  • NS。

そのため、完璧なテーマを選ぶことを考えたいと思います。 このセクションでは、その方法に関するヒントと、無料またはプレミアムのテーマを見つける場所(および無料とプレミアムのテーマに違いがあるかどうか)について説明します。

質の高いテーマを選ぶためのヒント

開発者でない場合、テーマが「高品質」であるかどうかを判断するのは難しい場合があります。 開発者はテーマを理解するためにコードを直接見るオプションがありますが、非開発者にはそのような贅沢はありません。

基になるコードを分析できない場合でも、優れたテーマを選択するのに役立つヒントを次に示します。

  • レビューを読む–ほとんどのテーマディレクトリにはユーザーレビューが含まれています。 群衆の叡智を利用することは、テーマの品質をすばやく評価するための優れた方法です。
  • 最終更新日を確認します–ほとんどのディレクトリには最終更新日も表示されます。 テーマが開発者から定期的にメンテナンスを受けていることを確認する必要があります。 理想的には、テーマは過去6か月かそこら以内に更新されているはずです。
  • さまざまなデバイスでデモを表示します。現在、ほとんどのインターネットトラフィックはモバイルデバイスで発生しています。 したがって、テーマのデモを見るときは、デスクトップバージョンだけを見るのではありません。 また、スマートフォンでデモを開き、両方のバージョンがどのように表示されるかを確認する必要があります。
  • カスタマイズオプションを検討する–開発者でない場合は、テーマを独自のものにできるように、使いやすいカスタマイズオプションを探す必要があります。 テーマをカスタマイズする方法については後で説明します。これは、これがどのように機能するかをよりよく理解するのに役立ちます。
  • パフォーマンスのテスト–サイトの読み込みを高速化するテーマを選択することが重要です。 残念ながら、これは非開発者として評価するのが最も難しいものです。 理想的には、テーマをテストサイトにインストールし、GTmetrixなどのツールを使用して分析することをお勧めします。 または、テーマのデモサイトを分析することもできます。

無料と有料のWordPressテーマ

WordPressテーマの選択に関する他のトピックを読むと、プレミアムテーマは本質的に無料テーマよりも優れているという考えに出くわすかもしれません。

あなたは人々が次のようなことを言うのを見るかもしれません:

  • プレミアムテーマは、無料テーマよりも適切にコーディングされています。
  • プレミアムテーマは、無料テーマよりも優れたデザインです。
  • プレミアムテーマは、無料テーマよりもSEOに適しています。
  • プレミアムテーマは無料テーマよりも安全です。
  • NS。

これらの記述はどれも真実ではありません。 それらは確かに個々のテーマに当てはまりますが、すべての単一のテーマに適用される無料のテーマとプレミアムのテーマの間に固有の違いはありません。

無料のテーマは単なるコードであり、プレミアムのテーマは単なるコードです。

  • 適切にコーディング/設計/最適化された無料のテーマと、不十分にコーディング/設計/最適化された無料のテーマを使用できます。
  • 適切にコーディング/設計/最適化されたプレミアムテーマと、不十分にコーディング/設計/最適化されたプレミアムテーマを使用できます。

さらに、多くのテーマは「フリーミアム」モデルで動作します。つまり、コアテーマ自体は無料ですが、追加機能を追加するために料金を支払うことができます。 これは無料版と有料版でまったく同じコアテーマであるため、一方が他方より優れているとは言えません。

言うまでもなく、好きな無料のテーマを見つけて、それが必要なすべてを実行するのであれば、それはまったく問題ありません。 ウェブサイトを成功させるためにプレミアムテーマが「必要」だとは思わないでください。 たとえば、独自のHelloテーマは100%無料で、300,000を超えるサイトで使用されています。

そうは言っても、プレミアムテーマを選択する理由はいくつかあります。

  • サポート–通常、無料のテーマにはサポートが付属していないか、サポートが制限されています。 プレミアムテーマでは、通常、開発者から直接1対1のサポートを受けられます。
  • より多くの機能–これは難しいルールではありませんが、プレミアムテーマは、開発者がより多くの時間を投資できるため、通常、より多くの機能を備えています(報酬が支払われるため)。
  • より多くのデモ/テンプレート–これは上記の「より多くの機能」と同じ理由に従います。
  • 寿命–無料のテーマを使用すると、収益源ではないため、開発者がそれを放棄する可能性が平均より高くなります。 有料のテーマでは、開発者はそれを維持し続けるための金銭的インセンティブを持っています。

無料のWordPressテーマを見つける場所

無料のWordPressテーマを見つけるのに最適な場所は、公式のWordPress.orgテーマディレクトリです。

2020年8月の時点で、公式ディレクトリには7,600を超える無料のテーマがあり、そのすべてが基本的なコーディング基準を満たす必要があります。


7,600以上のテーマすべてに目を通したくない場合は、無料のWordPressテーマの厳選されたリストを確認してください。

プレミアムWordPressテーマの場所

無料のWordPressテーマとは異なり、プレミアムWordPressテーマを見つけるための公式ディレクトリはありません。

プレミアムテーマの最大のマーケットプレイスはEnvatoのThemeForestマーケットプレイスで、2020年8月の時点で11,000を超えるプレミアムテーマが含まれています。価格はテーマによって異なりますが、通常、ThemeForestのテーマには最大60ドルを支払います。

多くの開発者は、独自のWebサイトを介して直接販売しています。 これらの独立した売り手は、Googleまたは口コミで見つけることができます。

WordPressテーマvsテーマビルダーvsテンプレート

それでは、「WordPressテーマ」の周りで遭遇する可能性のあるいくつかの用語を理解するのに役立ついくつかの比較を見てみましょう。

WordPressテーマとテーマビルダー

既製のWordPressテーマを使用するというアイデアに制限があると感じる場合は、テーマビルダー(WordPress Webサイトビルダーとも呼ばれます)をお勧めします。

テーマビルダーを使用すると、基本的に、ある種のエディターを使用してWordPressテーマの一部またはすべてを「構築」できます(コードは不要です)。 たとえば、Elementor Theme Builderを使用すると、視覚的なドラッグアンドドロップインターフェイスを使用してテーマをデザインできます。

テーマビルダーを使用して、テーマを100%デザインすることができます。 または、それを外科的に使用して、テーマの特定の部分を置き換えることもできます。 たとえば、テーマビルダーを使用してテーマのカスタムヘッダーをデザインし、テーマを使用してデザインの他の部分(ブログ投稿の外観など)を制御することができます。

テーマビルダーを使用している場合でも、WordPressテーマをインストールする必要があります(テーマのデザインを完全に置き換えたとしても、これは基本的なWordPress要件です)。 そのシナリオでは、Helloテーマのような非常に軽量な「基本テーマ」を選択する必要があります。

WordPressテーマとテーマビルダーの詳細を説明

WordPressテーマvsテンプレートvsテンプレートキット

テンプレートは、Webサイトの外観を制御するために使用できるもう1つのツールです。

「テンプレート」はさまざまな状況でさまざまな意味を持つ可能性があるため、これは少し混乱する可能性があります。

WordPressテーマのコンテキストでは、一部のWordPressテーマには、コンテンツの作成時に使用できるさまざまなテンプレートが付属しています。 たとえば、サイドバーを含む「全幅テンプレート」と「狭幅テンプレート」を取得する場合があります。

内部的には、WordPressテーマは、WordPressテンプレート階層と呼ばれるものを介してすべてが組み合わされたさまざまなテンプレートで構成されています。 ただし、テンプレート階層を理解することは高度なトピックであり、開発者だけが実際に学ぶ必要があることです。

Elementor Theme Builderのようなツールのコンテキストでは、「テンプレート」はテーマの特定の部分の1つです。 たとえば、サイト用に個別のテンプレートがあります。

  • ヘッダ
  • ブログ投稿のデザイン
  • ブログリストのデザイン
  • フッター
  • NS。

次に、これらのテンプレートをレゴのような完全なWebサイトにまとめることができます。 時間を節約するために、Elementorは、まとまりのあるデザインを作成するために必要となる可能性のあるすべてのテンプレートのビルド済みセットを提供するテンプレートキットと呼ばれる機能も提供します。

この詳細なガイドで、WordPressテーマとテンプレートの違いについて詳しく読んでください。