12月 10, 2021

6つの簡単な手順でWordPressのテーマを作る方法(2021)

あなた自身の主題を作成することを計画しているか。 この記事では、WordPressのテーマを作る方法を正確に共有しています。

WordPressは、世界中で使用されている人気のあるオープンソースのコンテンツ管理システム（CMS）です。 強力なWordPress website builderソフトウェアの助けを借りて、このプラットフォームを使用して、強力なオンラインプレゼンスを簡単に構築し、オンラインでビジネスを開発することもできます。 WordPressは非常に簡単で、使い始めるのが最も簡単です。 そして、それはすべての開発者があなたのウェブサイトの基盤としてそれを使用するように助言するこの理由のためです。

WordPressのテーマがどのように動作するかを真に把握する唯一の方法は、最初に頭の中で取得し、すべてを自分で行うことです。 はい、コードの方法がわからない場合は、WordPressがすべてを処理できるため、これを避けるのは魅力的です。 このチュートリアルの終わりまでに、あなたは、WordPressのテーマを作るすべてが一緒にどのようにフィットするかのより良い把握を持っている方法を学び、

ワードプレスのテーマは、正確には何ですか？

WordPressのテーマは、あなたのブログやウェブサイトがどのように見えるかを決定するファイル（グラフィックス、スタイルシート、およびコード）のコレクシ テーマは、サイトのスタイルからハイパーリンクの色まで、何かを支配することがあります。 それはあなたのウェブサイトのための”スキン”としてテーマを考えるのは簡単ですが、彼らはそんなに多くです。

テーマは、あなたのブログの外観を管理するのではなく、単にそれをルックアンドフィールを与えることができます。

WordPressは、テーマの独自のセットが付属しています。 実際には、プラットフォームは、プリインストールされたテーマの様々な付属しています。 しかし、あなたのウェブサイトに新しいテーマを選択してインストールしたい理由はいくつかあります：

あなたのウェブサイトの審美的な魅力を強 適切なテーマを選択し、あなたのサイトのための特別なビジョンを持っている場合は、要件を満たすためにそれを調整することができます。

追加の設計の柔軟性を提供します。 多くのテーマは、デザインやコーディングの知識がない場合に完璧なデザインを構築するのに役立つ調整の茄多を提供します。 テーマは、あなたの要求に応じて、あなたがどこにも見つからないあなたのニッチに関連する機能を備えているかもしれません。

テーマの基本版または修正版は、幅広いウェブサイトに役立つことができますが、それぞれがユニークなニッチや目的に対処する何百ものテーマがあ

では、なぜあなた自身のWordPressのテーマを作成しますか？

テーマの選択は、WordPressサイトを作成または維持する上で最も重要な側面の一つです。 通常、あなたから選択する選択肢の数を持っています。 あなたのニーズに応じて、特定のテーマの基盤を選択し、そのフレームワークの上に構築されたテーマを選択することができます。

記事は以下に続きます

ほとんどの消費者は、彼らにアピールし、密接に彼らが望むものを反映しているものを選択する前に、無料と有料の両方のテーマの数百を通過します。 それらのほとんどは、箱から出していくつかのレベルに変更するための変更オプションが付属していますが、一般的な外観と感触は同じままです。

しかし、最良の選択は、ゼロから開始し、オーダーメイドのテーマを設計することです。 明らかに、これはいくつかの技術的な知識だけでなく、ウェブサイトを設計する能力を必要とします。 あなたのために働く設計を見つけたら、注文の主題は行為にそれを置く最もよい方法である。

サードパーティのテーマや子テーマを使用するのと比較して、カスタムテーマを作成することには多くの利点があります。

  • 個性：あなたのウェブサイトに固有のテーマを作成しました。 それはあなたのウェブサイトがそれを使用する唯一のものであり、同じテーマを使用するが異なる配色を持つ数万人の他のものとは異なることを意
  • 安全性の向上：カスタムテーマは、使用する機能が少なく、コードが少ないため、深刻なセキュリティ上の問題が発生する可能性が低くなります。 バグを特定するのが難しい場合でも、サードパーティのベンダーがセキュリティやバグ修正をリリースするのを待っているわけではありません。 あなたがそれらに遭遇したとき、あなたはそれらの世話をすることができます。
  • 任意の機能のオーバーロードはありません：カスタムテーマは、あなたが使用したり、必要とすることはありません機能のスルーを必要としません。 これらの望ましくない機能のすべては、潜在的にそれを遅く、あなたのウェブサイトに実行可能コードのかなりの量を追加します。
  • プラグインの使用は制限されるべきです：これは特に、あなたがあなたの材料を変更し、配置するために使用するプラグインに当てはまります。 これにより、実行時にプラグインコードを挿入する必要がなくなり、サードパーティのプラグインへのテーマの依存関係を軽減すると同時に、それをスピー ただし、提供する機能によっては、すべてのプラグインを組み込むことはできません。
  • 小さなサイズの静的ファイル：これは、合計ページサイズを最小限に抑え、必要以上にCSSルールやJavaScriptコードが送信され、提供されないことを保証します。 すべてのコンテンツはカスタムテーマのデザインに既に適応されているため、調整可能にするために多くのコードは必要ありません。 この変更コードのすべては、特に間違って行われた場合、あなたのウェブサイトを重く、遅くするかもしれません。
  • 検索エンジン最適化（SEO）：ウェブサイトを最適化するプロセスを指す用語です。 カスタムテーマは、一般的にソースコードに非常に軽いもので、新しいコードはほとんどありません。 ウェブサイトを信じられないほど軽くするリーンコードは、ここでの主要なSEOの利点です。 常にオプションである速度に専用の様々なフレームワークやテーマがありますが、カスタムテーマは常に最善の解決策です。

WordPressテーマを開発するための前提条件は何ですか？

始めるにはウェブサイトが必要です。 任意のサイトで十分です。 PHPを知っている必要はありませんし、WordPressの事前の知識もありません。 しかし、WordPressテーマを設計するには、Apache、PHP、MySQL、およびWordPressがインストールされた開発環境が必要です。 公式ウェブサイトからWordPressを入手できますが、最初にデータベースの資格情報を変更する必要があります。

テーマの構造も理解しておく必要があります。 その最も単純な形式では、WordPressのテーマは、次のファイルで構成されている通常のHTMLページです:

  • ヘッダ。php-ヘッダーコードを格納するファイル。
  • php-フッターのコードを保持します。
  • サイドバー。php–ページの横にあるボタンを設定する場所。
  • スタイル。
  • php-メインページで提供される設定はここに含まれています。
  • シングル。php-記事を独自のページに表示するためのコードが含まれています。
  • ページ。php-単一のページのコンテンツを表示するためのコードが含まれています。
  • アーカイブ。php-アーカイブ内のアイテムのリストと、ユーザーが定義したカテゴリを表示します。
  • 関数。php-このファイルには、ロゴ、メニュー、色、サムネイル、スクリプト、スタイルシートなどのテーマ機能を強化する関数が含まれています。
  • 404.php-要求されたファイルが見つからなかったことを示すエラーコード。

テンプレートをパーソナライズするには、特定のブートストラップ設定も組み込む必要があります。 私たちは、この記事では、このカスタマイズの最初のステップを順を追って説明します。 以下のリストを参照してください。

ステップ1：追加するファイルを保持するフォルダを作る

テーマを構築する場合は、WordPressテーマを構成するファイルがWordPressインストールのどこにあるかを知 これは簡単な作業です。 私たちは、WordPressのインストールは、通常、そのルートディレクトリとしてWordPressのディレ ここでは、ルートディレクトリがどのように表示されます。

Files:

  • composer.json
  • index.php
  • license.txt
  • readme.html
  • wp-activate.php
  • wp-blog-header.php
  • wp-comments-post.php
  • wp-config.php
  • wp-config-sample.php
  • wp-cron.php
  • wp-links-opml.php
  • wp-load.php
  • wp-login.php
  • wp-mail.php
  • wp-settings.php
  • wp-signup.php
  • wp-trackback.php
  • xmlrpc.php

フォルダ

  • wp-admin
  • wp-content
  • wp-includes
WordPressのテーマを作る方法

テーマはwp-contentフォルダ内のフォルダです。 “テーマ”フォルダ内の新しいテーマの場所は、オンラインで有効にして使用することが可能になります。 また、WordPress webサイトで利用する1つ以上のテーマを見つけるフォルダです。

記事は以下に続きます

クラウドウェイズ

ステップ2: インデックスを作成します。phpとスタイル。cssファイル

さらに、必要な二つのファイルインデックスを作成する必要があります。phpとスタイル。テーマフォルダの構築が完了したときのcss。

  • スタイル。css

スタイルにはテーマ名のみが必要です。あなたがそれを活性化することができるように、WordPressはあなたのテーマを見つけてリストすることができるようにcss。

  • /*
  • テーマ名:customtheme
  • 著者:WPlift
  • 著者URI: https://wplift.com
  • バージョン:1.0
  • */

この例では、テーマ名、作成者、作成者URI、およびバージョン番号をテーマに割り当てるだけです。 しかし、よりまともなテーマが必要な場合は、以下の情報を含めることができます：

テーマ名–テーマ名は常に指定する必要があります。 そうしないと、フォルダ名が使用されます。

テーマURI–テーマについての詳細を知ることができるwebサイトにユーザーを誘導する必要があります。

著者–これはあなたの名前を置く場所です。

著者URI–ここでは、あなたの個人的なまたはビジネスのウェブサイトへのリンクを追加することができます。

説明–wp-adminテーマモーダルとWordPressテーマリストの両方に表示されます。

Version–バージョン番号は、開発者が変更を追跡し、顧客が最新のバージョンを使用していることを確認するのに役立ちます。 更新の変更の重大度を示すために、SemVer番号付けシステムを使用します。

ライセンス–テーマのライセンス方法を選択できますが、GPLと互換性がない場合は、WordPressで配布することはできません。

記事は以下に続きます

クラウドウェイズwoocommerce

ライセンスURI-単なるリンク。

Text Domain–text-domainは、テーマを他の言語に翻訳するときに利用されます。 心配しないでください、私たちは後でこれについての詳細を取得します。 今のところ、テーマフォルダとtext-domainは、スペースではなくハイフンで区切られたテーマ名でなければならないことを知っていれば十分です。

タグ–WordPressにテーマをアップロードする場合のみ。orgのテーマディレクトリは、これらの変数が利用されています。 “機能フィルタ”プロセスは、それらの周りに構築されています。

いずれのフィールドも技術的に必須ではありませんが、wp-adminでテーマを適切に表示したい場合は強くお勧めします。 また、WordPressを使用してテーマを配布する場合にも不可欠です。

  • php

WPは、このファイルを使用して画面に表示される投稿をロードします。 さらに、WPベースファイルが欠落している場合、wpはそれを使用します。

  • <h1>カスタムテーマ！</>

ステップ3: WordPressダッシュボードで、テーマを有効にします

WordPressダッシュボードに移動し、「外観」、「テーマ」を選択し、新しく作成されたテーマが可能性の中に表示されているかどうかを確認します。

スタイルに入力された情報が正しいかどうかを確認するには、”テーマの詳細”に移動します。”

CSSファイルは正しいです。

WordPressでは、テーマページに移動し、テーマを管理します。

WPであなたの新しいそれらをアクティブにするには、”アクティブ化”をクリックし、変更が適用されているかどうかのウェブサイトかどうかを確認し

ステップ4: インデックスの設定を変更します。phpファイル

テーマが動作するかどうかをテストするには、インデックスに戻ります。phpのコマンドラインとあなたが入力したコンテンツを消去します。

その後、データベースから投稿を取得してページに表示するために、WPのコマンドラインを作成します。 すべてのファイルがホームページに表示されるように、投稿のタイトルとコンテンツを復元する必要があります。

“投稿を持っている”コマンドは、データベース内のブログ投稿を検索するようにWPに指示します。 新しいリストがある場合は、ページが更新されます。 そうでない場合は、コードで設定した負の応答条件のメッセージが表示されます（false）。

“投稿がある”条件が真であるときにWPがそのファイルを表示するために、while doingループ”投稿がある”に追加する必要がある”the post”という名前の関数があります。 WordPressはこのループ内の新しいエントリを探し、必要に応じてページに表示します。

実際には、データベースに投稿が含まれている場合、ループ内のすべてのアクションは、検出中に識別されたすべての投稿ファイルに対して実行されます。 それ以外の場合、WPはアクセス可能な投稿がないことをユーザーに通知します。 以下のコードを見てください:

<?php if ( have_posts() ) :while ( have_posts() ) : the_post(); ?> <h2><a href="<?php the_permalink() ?>"><?php the_title() ?></a></h2> <?php the_content() ?> <?php endwhile; else :echo '<p>There are no posts!</p>'; endif; ?>

このループでは、「have posts」と「the post」の2つの機能が最も基本的な形式で利用されます。 データベース内の投稿を繰り返す必要がある場合は、”投稿を持つ”メソッドを使用します。 この関数によってTrueまたはfalseが返され、trueは表示する投稿があることを示します。 Falseを返す場合はnoneがあります。

“the post”メソッドは、最新の投稿を取得し、テーマページに時系列に表示するために必要な調整を行います。 これはループなので、関数がtrueを返すと、新しい投稿が作成されるたびに即座に追加されます。

コンテンツは、”コンテンツ”機能を使用してページに置かれたファイルタイトルに添付されます。 “パーマリンク”機能は、ユーザーがメインページ上のテキスト全体をスクロールすることなく、情報を表示することができ、個々の投稿へのリンクを作成します。

“the content”メソッドの代わりに”the excerpt”メソッドを使用するだけで、コンテンツの最初の200文字でファイルタイトルの下に簡単な要約を追加できます。 その結果、ユーザーがリンクをクリックすると、テキスト全体のみが取得されます。

この例では、テーマのフォルダに”index”に似た新しいファイルを作成する必要があります。php”（単にインデックスをコピーして貼り付けます。phpはループし、”抜粋”関数を”コンテンツ”に置き換えます）。

ステップ5：ヘッダーとフッターを追加

次のステップのように、テーマと同じフォルダに新しいファイルを作成します。cssとインデックス。phpはすでに存在しています。 ヘッダ。phpとフッター。phpはその名前です。

ヘッダーの出力をラップする特定の関数であるため、すべてのテーマにwp headを含めることをお勧めします。phpファイルのhead>セクション。 このフックはhead>リージョンにスタイル、スクリプト、またはメタコンポーネントを追加するために使用される可能性があるため、サイトにプラグインを追加しやすくするために、/head>タグを閉じる前に配置する必要があります。

  • フッター

フッター。phpファイルは、以下で説明するように、関数で使用されるタグを閉じることができます:

ステップ6：関数を作成します。phpフォルダ

この段階では、カスタムテーマにはindexという四つのファイルフォルダがあります。php、スタイル。css、ヘッダー。php、およびフッター。php。 次に書くべきファイルはfunctionsです。phpは、コマンドラインがCMSのデフォルトの動作を変更できるようにすることで、WordPressの個性を与えます。 その特徴は次のとおりです:

  • テーマがアクティブな場合にのみ機能します。
  • は現在のテーマにのみ適用されます;

このコードには、カスタムテーマのスタイルシートが含まれているか、有効化されます:

ラッピング

完成しました！ あなたの主題は組み立てられ、各記事のための排他的なページに訪問者を送るリンクはよく作動する。 さらに、カスタムテーマのヘッダー、フッター、およびCSSがすでに含まれています。

このレッスンでは、WordPressテーマを作成するための基礎を学びました。 Webサイトの外観は、特にビジネスアプリケーションにとって不可欠であるため、Bootstrapを使用して、既製のテンプレートスクリプトの行をページに追加し、新機能 私たちはあなたがこれに乗る方法を知ってみましょう！

コメントを残す

メールアドレスが公開されることはありません。