最高のWordPressテーマを作成し、間違いを犯さない方法

公開: 2020-10-22

WordPress は、The New York Times、スウェーデンの公式サイト、TechCrunch、Vogue など、何百万もの Web サイトが実行されているため、他の CMS の中でも際立った位置を占めていました。 プラットフォームの構造は非常に多機能であるため、小規模な個人ブログのサイトから大企業のサイトに適しています。

この CMS の人気は、膨大な数の無料テーマ、プラグイン、更新頻度の高さなど、いくつかの要因によるものです。 また、他の多くのプラットフォームとは異なり、WordPress には巨大なユーザー コミュニティがあります。 システムの操作中に問題が発生した場合、または同じ考えを持つ人々と話す必要がある場合は、何千もの利用可能なフォーラムのいずれかを通じてコミュニティに連絡できます。 WordPress テーマは、Web サイトの外観を定義するファイルの集まりです。 テーマにはJavaScript および HTML プログラミングが含まれ、 JavaScript 開発者またはjQuery 開発者が関与することがよくあります。

WordPress は信じられないほどユーザーフレンドリーで、意欲的なブロガーにとって最高のプラットフォームの 1 つになっています。 よく整理されたメニューとシンプルなコントロールにより、コードを掘り下げる必要がなくなります。 ユーザーが HTML の基本的な知識を持っていなくても、WordPress サイトの作成にそれほど時間はかからず、さらに作業を進めることができます。

ただし、この記事では、テーマの作成に注意を払いたいと思います。この問題にできるだけ効率的に取り組み、間違いを避ける方法です。

画像1

ソース: kinsta.com

独自の WordPress テーマを作成することが重要な理由

WordPress には、何百もの無料テーマを含む内部ライブラリがあります。 それらはあらゆる目的と好みに適合します。 では、無料のテーマがたくさんあるのに、なぜJS 開発者はカスタマイズされたテーマを作成する必要があるのでしょうか?

カスタム テーマには、無料のテーマよりも多くのメリットがあります。その理由は次のとおりです。

  • デザインの独自性。

インターネット上の全サイトの 29% が WordPress を利用していることに注意してください。 誰かがあなたと同じトピックを持っている可能性は非常に高いです。 ブランドがあなただけに関連付けられるようにするには、フリーランスの JS 開発者または社内の専門家の助けを借りて、事前にこれを処理する必要があります。

  • パーソナライズされた機能。

WordPress とプラグインでは、個々の要素を保存する必要があります。 独自のテーマについて、開発者は特定のニッチで優れているために必要な要素を正確に作成できます。

  • デフォルトのテーマを変更する機能が制限されています。

ほとんどの場合、標準テーマのユーザーは、色、フォント、画像などの単純なものに影響を与えることができます。 テーマを作成するときに、無制限の数の機能と機能を追加できます。 あなたのサイトが発展するにつれて、そのようなアイデアが浮かぶかもしれません.そして、あなたのテーマの機能性を高める機会は常にあなたと共にあります.

その結果、デフォルトのテーマ開発者からの予期しない更新ではなく、変更に影響を与える独自のブログまたは Web サイトのデザインが作成されます。

WordPressテーマの開発でよくある間違いとは

独自のテーマを作成することを決定した場合、知っておくべきよくある間違いがいくつかあります。

  • アクションとフィルターを使用せずにテーマを作成する

アクションとフィルターを使用して、スタンドアロンのテーマを作成します。 このようにして、元のテーマを編集せずに機能を変更できます。 さらに、オリジン テーマに依存するプレミアム拡張機能を後で構築する場合は、簡単に拡張できる可能性のあるオリジン テーマを開発する必要があります。

  • 余分な仕事を見つける

何かを改善しようとするときは注意してください。特に、既存の別の関数とほぼ同じことを行う関数を作成する場合は注意してください。 追加する「きれいな」コードが多ければ多いほど、将来それを維持することが難しくなります。 キーストロークは、開発者としての生産性の尺度ではありません。 コードを書くよりも、コードについて考えることに多くの時間を費やす方がよいでしょう。

  • テーマでの変数の使用

不必要な最適化を行うと、テーマ内の変数が大幅に減っていることに気付くでしょう。 いくつかの論理条件が不可欠ですが、変数を放棄することをお勧めします。 この場合、テーマから不要なものを可能な限り削除して、テーマの可読性に取り組むことが最善です。

WordPress テーマの作成手順

JavaScript 開発者が最初にすべきことは、コンピューターに WordPress をダウンロードしてインストールすることです。 また、作業にはテキスト エディタを使用する必要があります。 次に、WordPress がインストールされているドライブで wp-content \ themes ディレクトリを見つけ、その中に将来のテーマの名前で新しいフォルダーを作成する必要があります。 標準の WordPress テーマもここに保存されます。

各テーマには、index.php と style.css の 2 つのファイルと、テーマの画像を含む images フォルダーが含まれている必要があります。 まず、これらのファイルを作成してから、入力を開始するだけです。 index.php ファイルは、テキスト エディターで個別に作成したり、専門家に注文したり、別のトピックから既製のコンテンツを取得したりできます。

テーマについては、必要な拡張子 1200×900 ピクセルの screenshot.png ファイルをテーマ フォルダーにアップロードする必要があります。 指定された形式に適合する任意の画像を指定できます。 index.php のコードをメモ帳にコピーし、PHP 拡張子を指定して新しいテーマ フォルダーに保存する必要があります。 さらに、このファイルには、サイトで見たい要素を追加できます。

次に、style.css ファイルに入力する必要があります。 前の手順と同様に、テキスト エディターを開き、次のコンテンツを追加します。

/ *

テーマ名：テーマ名

テーマ URI: このトピック専用のサイトの URL

説明: テーマの説明

バージョン: テーマのバージョン

作者：作者名

著者 URI: トピックの著者アドレス

* /

index.php ファイルには、サイトに関する一般的な情報が含まれています。 各ページで繰り返される要素が含まれています。 すべてのコンテンツが正しく機能するには、ヘッダー、サイドバー、およびフッター用に個別のファイルを作成する必要があります。 それらはすべて共有フォルダーに保存され、それぞれに PHP 拡張機能が割り当てられます。

たとえば、最初に header.php ファイルを作成しましょう。 これを行うには、index.php からヘッダー行を選択してコピーします。 残りのファイルについても同じ手順を実行する必要があります。

それらは、あなたの裁量で補足および編集することができます。 たとえば、検索バー、ロゴ、その他の要素を含む独自の画像をヘッダーに追加できます。

ヘッダー、サイドバー、フッターを正しく表示するには、それらの個別のファイルをメイン (インデックス) にリンクする必要があります。 これを行うには、index.php ファイルの先頭に次の行を追加します。

<? php get_header (); ?>

すべての WordPress テーマの中心には、index.php と style.css の 2 つのファイルがあります。 それらを作成したら、テーマのさまざまな要素と機能を試して、各ページに独自のデザインを作成できます。

結論

WordPress のテーマを作成すると、ビジネス オーナー、ブロガー、サービス販売者に多くの機会が提供されます。 JavaScript プログラマーは、固有のテーマを使用して、特定のサイトに最も便利な機能セットを備えた特別なテーマを作成できます。