初心者のためのワードプレスのテーマチートシート

初心者のためのワードプレスのテーマチートシート

あなたはすぐに変更するワードプレスのテーマチートシートを探しています あなたのテーマや新しいカスタムテーマを作成しますか?ワードプレスは、多くの付属 頭の開始を取得するために使用できる組み込みのテンプレートタグ。この 記事, 私たちは、初心者のための WordPress のテーマチートシートを共有します.

作業を始める前に

wordpress は、テーマ開発者が wordpress のパワードウェブサイトのための美しいデザインを作成することができます強力なテンプレートエンジンが付属しています。あなたのウェブサイトにインストールすることができ、プレミアムと無料の WordPress のテーマの両方があります。

各ワードプレスのテーマは、カスタマイズオプションの数が付属しています。これらのオプションを使用すると、色の変更、ヘッダー画像の追加、ナビゲーションメニューの設定などを行うことができます。

ただし、テーマでサポートされている機能に制限はありません。時には、いくつかのコーディングを必要とする WordPress のテーマにわずかな変更を加えたい場合があります。これを行うには、いくつかの基本的な PHP、HTML、および CSS を知っている必要があります。

あなたがしたいと思う最初の事は、wordpress が舞台裏と wordpress のテーマテンプレートの背後にどのように動作するかを理解することです。

その後、いくつかのベストプラクティスに従うことをお勧めします。たとえば、テーマファイルに直接変更を加えるのではなく、子テーマを作成します。

また、お使いのコンピュータに WordPress をインストールすることによって、あなたのテーマに練習することができます。

基本的なワードプレスのテーマテンプレート

基本的なワードプレスのテーマファイル

各ワードプレスのテーマは、テンプレートと呼ばれる異なるファイルで構成されています。 すべてのワードプレスのテーマは、スタイルシートとインデックスファイルを持っている必要がありますが、 通常、彼らは他の多くのファイルを思い付く。

以下は、すべてのテーマが持っている基本的なファイルのリストです:

  • Style.css
  • Header.php
  • Index.php
  • Sidebar.php
  • フッター。
  • シングル php
  • ページ php
  • コメント. php
  • 404. php
  • Functions.php
  • アーカイブ php
  • searchform php
  • 検索 php

あなたが独自のテーマを構築している場合は、WordPress のスターターテーマのいずれかで開始することができます。これらのテーマは、あなたの上に構築するためのフレームワークを与える WordPress のテンプレートファイルと CSS を使用する準備ができて付属しています。

ヘッダーのテンプレートタグ

ワードプレスは、に使用することができます便利な機能の多くが付属しています あなたのテーマ全体で異なるものを出力します。これらの関数は テンプレートタグと呼ばれます

まず、おそらく最も重要な機能は、 すべての標準に準拠した WordPress のテーマは、wp_head と呼ばれ、それが見えます このように:

1<?php wp_head();=""?>

このコードは、すべての重要な HTML ワードプレスを追加する必要がありますをフェッチ<head>あなたのウェブサイト上のすべてのページのセクション。</head> それはまた、多くの WordPress のプラグインがあなたのウェブサイト上で正常に動作するために不可欠です。

一般的に見つかるテンプレートタグの一覧を次に示します。 テーマのヘッダーの php ファイルで使用します。しかし、それらはまた使用することができる あなたがそれらを必要とするときにあなたのテーマの他の場所。

1234567891011121314151617181920212223242526ブログのタイトル、またはブログ名<?php bloginfo('name');=""?> /<?php wp_title();=""> </?php> /特定のページの<?php bloginfo('url');=""?>タイトル//サイトの説明<?php bloginfo('description');=""?>の正確な URL//サイトのテーマファル<?php bloginfo('template_url');=""?>の場所//スタイルにリンクしています。css の<?php bloginfo('stylesheet_url');=""?>場所//サイト<?php bloginfo('rss2_url');="">の RSS フィードの url</?php>サイト<?php bloginfo('pingback_url');=""?> //ワードプレスのバージョ番号のためのピングバック URL<?php bloginfo('version');=""?>

他のテーマファイルで使用されるテンプレートタグ

それでは、他の一般的に使用されるテンプレートタグとその操作について見てみましょう。

他のテンプレートを含むテンプレートタグ

次のテンプレートタグは、他のテンプレートを呼び出して含めるために使用されます。 たとえば、テーマのインデックス php ファイルでは、 ヘッダー、フッター、コンテンツ、コメント、およびサイドバーのテンプレート。

1234567891011<?php get_header();="">php ファイル</?php>の内容表示します。php ファイルの内容//を表示します。php ファイルの内容を表し<?php get_footer();=""?> <?php get_sidebar();=""> </?php>ます。<?php comments_template();=""?>

以下のテンプレートタグは WordPress ループ内で使用され、投稿からコンテンツ、抜粋、およびメタデータを表示します。

123456789101112131415161718192021222324252627282930ポスト<?php the_content();=""?>の内容を表示//特定のポストの投稿///カテゴリ<?php the_excerpt();=""?>の特定のポスト//カテゴリー<?php the_title();=""> </?php> <?php the_permalink()=""> </?php> <?php the_category(',="" ')=""> </?php>の特定の投稿//リンクのタイトルで使用されている抜粋を表示//<?php the_author();=""> </?php> //IDポスト/<?php the_id();=""> </?php> /Oonly のための特定のポスト//編集リンクは、前のページの<?php edit_post_link();=""?>次のページ<?php next_post_link('="" %link="" ')=""?> //url の編集権限//url でログインしていユーザーに表示されます<?php previous_post_link('%link')=""?>

WordPress のテーマは、サイドバーと呼ばれるウィジェット対応の領域が付属しています。これら ユーザーがドラッグアンドドロップできるテーマファイル内の場所 ワードプレスのウィジェット。多くの場合、テーマには複数の場所があり、ユーザーは ウィジェットを追加します。

ただし、ほとんどの場合、これらのウィジェット領域は右または テーマのレイアウトの左サイドバー。詳細については、ガイドを参照してください。 あなたのワードプレスのテーマにダイナミックウィジェットレディサイドバーを追加します

ここでは、テーマにサイドバーを表示するために使用されるコードです。

123456789<?php if="" (="" !="" is_active_sidebar(="" 'sidebar-1'="" )="" )="" {return;}?=""?> <aside id="secondary" class="widget-area" role="complementary"><?php dynamic_sidebar(="" 'sidebar-1'="" );=""?></aside><!-- #secondary -->

あなたは、その特定のウィジェット対応領域またはサイドバーのためにあなたのテーマで定義された名前でサイドバー-1 を置き換える必要があります。

ナビゲーションメニューを表示するテンプレートタグ

ワードプレスは、強力なメニュー管理システムが付属しています web サイトのナビゲーションメニューを作成できます。ワードプレスのテーマ 複数のナビゲーションメニューの場所を持つことができます。

WordPress のテーマで独自のカスタムナビゲーションメニューを作成する方法については、当社のガイドを参照してください

次のコードは、ナビゲーションメニューを表示するためにテーマで使用されます。

12345<?phpwp_nav_menu( array(="" 'theme_location'=""?>「マイスタムメニュー」、「container_class」→「カスタムメニュクラス」)。

テーマの場所は、あなたのテーマを登録するために使用される名前に依存します ナビゲーションメニュー。CSS コンテナクラスは何でも呼び出すことができます。 という感じで。それはあなたがそれをスタイルすることができるように、あなたのナビゲーションメニューを囲みます したがって。

その他のテンプレートタグ

以下は、WordPress テーマ全体で一般的に使用されるタグの一部です。

123456789101112131415161718192021222324現在の投稿が書き込ま<?php echo="" get_the_date();=""?>れた日付を表示//最後に投稿が modifiedget_the_modified_time された日時を表示//ポストサム<?php echo="" the_modified_time('f="" d,="" y');=""?>ネイルまたは注目画像<?php the_post_thumbnail(="" );=""?> //ディスプレイの投稿の最終変更時刻を表示/毎月のアーカイブを表示<?php wp_get_archives(="" );=""?>カテゴリ<?php wp_list_categories();=""?>の一覧を表示///32 ピクセルがサイズである電子メールアドレ//からのユーザーの gravatar を表示し、必要<?php echo="" get_avatar(="" 'email@example.com',="" 32="" );=""?>にじて変更することができます//現在の投稿の作者の gravatar を表示します<?php echo="" get_avatar(="" get_the_author_meta(="" 'id'="" ),="" 32="" );=""?>

ワードプレスのテーマのコンディショナルタグ

条件付きタグは、True または False の結果を返す関数です。 これらのコンディショナルタグは、テーマまたはプラグイン全体で使用でき 特定の条件が満たされているかどうかを確認し、適切な操作を行います。

たとえば、現在の投稿に注目の画像があるかどうかを示します。それは、注目の画像を持っていない場合は、代わりにデフォルトの注目の画像を表示することができます。

123456789<?phpif (="" has_post_thumbnail()="" )="" {the_post_thumbnail();}else="" {echo=""?><img src="' . src=""></img src="' .> get_bloginfo (' stylesheet_directory ')「/images/thumbnail-default.jpg」>

使用できるいくつかの条件付きタグを次に示します。

12345678910111213141つの投稿が displayedis_single されているかどうかをチェックし、ージが displayedis_page されているかどうかをチェックしメインブログページが displayedis_home であるかどうかをチェックします ()//、静的フロントページが displayedis_front_page であるかうかを確認します ()//現在のビューアがログに記録されているか_logged_in ()

使用できる多くのコンディショナルタグがあります。完全なリスト コンディショナルタグについては、ワードプレスコーデックスのページを参照してください

ワードプレスのループ

ループまたは WordPress のループは、フェッチして表示するために使用されるコードです ワードプレスの投稿. 多くの WordPress のテンプレートタグは、内部でのみ動作します post または post_type オブジェクトに関連付けられているループ。

以下は、単純な WordPress のループの例です。

12345678910111213141516171819202122232425262728293031<?php  checks="" if="" there="" are="" any="" posts="" that="" match="" the="" queryif="" (have_posts())="" : //="" if="" there="" are="" posts="" matching="" the="" query="" then="" start="" the="" loopwhile="" (="" have_posts()="" )="" :="" the_post(); //="" the="" code="" between="" the="" while="" loop="" will="" be="" repeated="" for="" each="" post?=""?> <h2 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title();=""?></a></h2> <p class="date-author">投稿: <?php the_date();=""?><?php the_author();=""?></p> <?php the_content();=""?> <p class="postmetadata">で提出: <?php the_category();=""?> |タグ: <?php the_tags();=""?> |<a href="<?php comments_link(); ?>" title="Leave a comment">コメント</a></p> <?php  stop="" the="" loop="" when="" all="" posts="" are="" displayedendwhile; //="" if="" no="" posts="" were="" foundelse="" :?=""?><p>条件に一致する投稿はありません。</p><?phpendif;??>

ループについての詳細を学ぶためには、ワードプレス (インフォグラフィック) のループが何であるかをチェックしてください

言われていること, 初心者のための私たちの WordPress のテーマチートシートに飛び込みましょう.

出典: WP の初心者

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です