ほとんどのWebデザイナーがWordPressのテーマ階層について間違っていること

ほとんどのWebデザイナーがWordPressのテーマ階層について間違っていること

ほとんどのWebデザイナーがWordPressのテーマ階層について間違っていること
СОДЕРЖАНИЕ
02 июня 2020

WordPressテーマのデザインは、最初はかなり困難に思えるかもしれません。ベテランのWebデザイナーにとっても。最も単純なテーマは、何らかの形で相互に関連付けられている複数のファイルで構成されているようです.


しかし良いニュースはこれです: 混乱の背後には論理的なシステムがあります. 袖をまくってPHPを少し習得したい場合は、静的なHTMLデザインを動的なWordPressウェブサイトに変えることができます.

もちろん、代わりに当社のサービスを使用することもできますが、私たちはあなたに選択肢を提供したいと思います!

この記事では、まず、WordPressのテーマテンプレート階層を操作する際に、ほとんどのWordPressのテーマデザイナーが行う重要な間違いに焦点を当ててから、WordPressのテーマがどのように統合されるかについての概要を説明します。.

WordPressテーマ開発の最大の秘密

WordPressテーマの開発は明らかに複雑なものですが、独自のWordPressテーマを簡単に作成できます。.

2つのファイルだけで簡単なWordPressテーマを作成できると言ったら?

これら2つのファイルは、index.phpとstyle.cssです。彼らは最終的にあなたが望むすべてではありませんが、あなたが必要とするすべてです.

index.htmlとstyle.cssファイルを使用して静的デザインを既に作成している場合は、それぞれのコンテンツを文字通りコピーして新しいindex.phpとstyle.cssファイルに貼り付け、少し追加の情報を追加し、ファイルを圧縮できます。フォルダに入れて、WordPressにアップロードします。 Hey presto —最初のWordPressテーマ!

私のポイントを証明するために、それをやりましょう。まず、index.phpファイルから始めます。

私の最初のワードプレスのテーマ

こんにちは世界!

ご覧のとおり、PHPが見えない状態で、通常と同じ基本的なHTMLを使用しています。理論的には、テーマ開発に関してはPHPはオプションですが、本格的なWordPress Webサイトを設計する場合は、PHPが必要になることは間違いありません。テーマファイルでPHPを省略すると、WordPressが冗長になる.

style.cssファイルに関して言えば、動作する必要があるのは1つだけです。 スタイルシートヘッダー. これは、WordPressがテーマを識別できるようにするいくつかの情報で構成されています.

以下に、style.cssファイルにコメントとして挿入する必要のある簡単な例を示します。

/ *

テーマ名:最初のWordPressテーマ
作成者:私の名前
説明:初めてのWordPressテーマ!
バージョン:1.0

* /

スタイルシートに含めることができる他の多くのヘッダー項目がありますが、必須のものはほんの一部です。完全なリストは次のとおりです。

  • テーマ名.
  • テーマURI. テーマにホームページがある場合は、ここに追加します.
  • 著者. 恥ずかしがらないで!
  • 著者URI. 個人/ポートフォリオのウェブサイトをお持ちの場合は、こちらからリンクできます.
  • 説明.
  • バージョン.
  • ライセンス. ここをクリック WordPressのライセンスの詳細については、.
  • ライセンスURI. テーマに選択したライセンスへのリンクを含めることをお勧めします.
  • タグ. これらのタグはWordPress.org内で使用され、特定の特性(例:. "一列", "カスタムヘッダー").
  • テキストドメイン. これは、国際化/翻訳の目的で使用されます.

(テーマの名前は一意である必要があります。既存の名前を選択すると、WordPress内で競合が発生します)。

index.phpファイルとstyle.cssファイルをフォルダに保存し、一意の名前を付けます。スペースの代わりにハイフンを使用します。完了したら、ファイルを圧縮します.

次に、[外観]に移動します > WordPressインストールのテーマを追加し、[新規追加]ボタンをクリックします。結果の画面から、新しいテーマをアップロードしてアクティブ化できます.

それが終わったら、ホームページに移動すると、初めてのWordPressテーマが表示されます。

初めてのWordPressウェブサイト

これがWordPress内のテーマとして認識されたことを確認するには、[外観]に戻ります > テーマ。あなたのサイトにインストールした他のテーマの中からあなたのテーマがリストされ、それをクリックしてスタイルシートのヘッダーに含めた詳細を表示することもできます:

WordPressテーマの詳細

確かに、あなたのテーマはこの段階ではあまり書けませんが、上記の例はWordPressテーマのデザインがいかにシンプルかを示しています.

それはまた、私が前述した大きな秘密を明らかにします: index.phpは、サイトのホームページを表すだけではありません(それが可能です)— WordPressテーマデザインのすべての基礎です.

index.phpとWordPressテーマテンプレートの階層を理解する

index.phpがWordPressウェブサイトのホームページであると想定されていることを容認されます。そうではありません。それははるかに重要です.

上記で述べたとおり、WordPressテーマは2つのファイルのみで作成でき、そのうちの1つはindex.phpです。まあ、それはあらゆる意味で-シンプルな "こんにちは世界!" 例.

WordPressのテーマテンプレート階層は、より具体的なテンプレートファイルが存在しない場合、デフォルトで次に上位の「上位」ファイルに戻るように機能します。そして、最も古いファイルは何でしょうか。 WordPressの最終的なデフォルトは何ですか?そうです:index.php.

私の意味をよりよく理解していただくために、WordPressテーマテンプレート階層の視覚的表現を以下に示します。

WordPressテーマテンプレート階層

ご覧のように、WordPressテーマの作成に使用できるテンプレートファイルは多数あります。1つのブログ投稿ページ(single-post.php)から404エラーページ(404.php)まですべてが含まれます。しかし、最も重要なことはこれです: WordPressが最も具体的なファイルを見つけられない場合、デフォルトで次に上位の上位のファイルに戻ります.

最終的には、index.phpに戻ります。Daddyof WordPressテーマテンプレートファイル.

したがって、index.phpはまったくホームページではありません。理想的には、WordPressは最初にfront-page.phpを検索するか、またはその目的でhome.phpを検索します。 Index.phpは最後の手段です.

ここからどこへ行くのですか?

この記事では、WordPressテーマの開発のほんの一部を取り上げましたが、WordPressテーマの各テンプレートファイルは、フロントエンドに表示される特定のタイプのページに関連していることを理解しておく必要があります。たとえば、単一のブログ投稿は、single-post.php、single.php、index.phpの順に最も具体的に表されます。.

WordPressは何かを見つけるまで逆戻りし続けますが、より具体的なテーマファイルを使用すると、サイトのさまざまなページ用にカスタマイズされたデザインとレイアウトを作成できます.

それを理解したら、簡単な位置(つまり、index.php)から始めて、そこからデザインを具体化できます。私が言ったように; 2つのファイルだけでWordPressテーマを作成できますが、実際には、WordPressが提供するものを最大限に活用し、テーマテンプレート階層をより完全に活用する必要があります.

WordPressテーマテンプレートの階層をさらに詳しく調べたい場合は、次の2つのリソースをお勧めします。

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    
    2020年のReactJSに最適な20の無料ブートストラップテンプレート सफल ब्लॉग कैसे शुरू करें
    0 комментариев
    
    2020 में एक सफल ब्लॉग कैसे शुरू करें सफल ब्लॉग कैसे शुरू करें
    0 комментариев
    
    次のプロジェクトに最適なブートストラップ管理テンプレートの20以上 सफल ब्लॉग कैसे शुरू करें
    0 комментариев
    
    独自のポートフォリオを作成する前に確認できる20以上の素晴らしいデザインポートフォリオ सफल ब्लॉग कैसे शुरू करें
    0 комментариев
    Adblock
    detector