Geekly Articles each Day

WordPressでウィジェットを使用する便利で独創的な5つの方法

WordPressで少なくともいくつかのサイトを作成しているか、少なくともこの投稿を読んでいるなら、おそらくWordPressが単なるブログエンジン以上のものであることを既にご存じでしょう。 また、CMSとして使用することもできます。WordPressウィジェットは、WP開発者の強力なツールです。

多くの人は、 WordPressウィジェットは、コードに触れることなくブログのサイドバー構造を再編成する方法にすぎないと考えています。 これはウィジェットの非常に便利な機能ですが、ウィジェットが提供するすべての可能性の氷山の一角にすぎません。


1.複数のウィジェットゾーンの準備


2(1)

ウィジェットを備えたこのテーマは、ユーザーと開発者の両方にとって長い間一般的でした。 ただし、今日では、サイト上の 1つの ウィジェットエリアだけでは十分ではありません。 WordPressサイトでウィジェットを使用するための最初のステップは、テーマにウィジェットを付けることです。正しいコードを使用すれば、難しくありません。

ウィジェットゾーンを登録する


サイトにウィジェットをインストールするために準備されたいくつかのゾーンを作成するには、まずWPテーマのfunctions.phpファイルにそれらを登録する必要があります。 テーマが3つの列で構成され、左右に2つの独立したサイドバーが必要だとします。

 <？php
 register_sidebar（配列（
 'name' => 'left-sidebar'、
 「id」=>「左サイドバー」、
 'before_widget' => '<div id = "％1 $ s" class = "％2 $ sウィジェット">'、
 'after_widget' => '</ div>'、
 'before_title' => '<h3 class = "widget-title">'、
 'after_title' => '</ h3>'
 ））;
 register_sidebar（配列（
 'name' => 'right-sidebar'、
 'id' => 'right-sidebar'、
 'before_widget' => '<div id = "％1 $ s" class = "％2 $ sウィジェット">'、
 'after_widget' => '</ div>'、
 'before_title' => '<h3 class = "widget-title">'、
 'after_title' => '</ h3>'
 ））;
 ？>

ウィジェットゾーンをアクティブにする


次に、実際には、サイドバーファイルに動的サイドバーのコードを配置する必要があります。 原則として、 サイドバーのデータはsidebar.phpファイルにありますが、場所は選択したテーマによって異なります。 必要なコードは次のとおりです。

 <？php if（！dynamic_sidebar（ "left-sidebar"））：？>
左サイドバー：このテキストはデフォルトで表示されます...
 <？php endif;  ？>


 <？php if（！dynamic_sidebar（ "right-sidebar"））：？>
右サイドバー：このテキストはデフォルトで表示されます...
 <？php endif;  ？>

対応するウィジェット領域にアクティブなウィジェットがない場合、PHPタグ間のコードが表示されます。 たとえば、左側のサイドバーでウィジェットが使用されていない場合、「左側のサイドバー：このテキストはデフォルトで表示されます...」というテキストが表示されます。

ソース：

2.ウィジェットロジックプラグイン


cal

ブログのすべてのページに同じウィジェットを均等に表示したくない場合は、 Widget Logicプラグインが間違いなく役立ちます。

プラグインをインストールすると、使用されている各ウィジェットの設定に「ウィジェットロジック」という新しい入力ウィンドウが表示されます。 このフィールドでは、WordPressステータスタグを入力してウィジェットの表示オプションを制御できます。

上の画像では、カレンダーウィジェットは「悪」ページにのみ表示されるように構成されています。 ただし、さらに多くの異なるステータスタグを使用できます。
ウィジェットを表示する場所に応じて、必要なタグを入力するだけです。

ソース：

3.投稿のクエリ


que

知らない人にとっては、 query_postsテンプレートタグは非常に強力なWordPress機能であり、特定の投稿やページのループでの表示プロセスを制御できます。 ただし、PHPコードを追加する必要はなく、 query_postsタグを利用したい場合は、 Query Postsウィジェットを使用して、WordPressコンテンツを可能な限り表示できます。 プラグインをインストールしてアクティブにすると、新しい「 クエリ投稿 」ウィジェットがWordPressサイトのウィジェットメニューで利用可能になります。

彼にできること
ソース：

4. 404エラーパターン


2_2(1)

デフォルトのテーマを含む多くのWordPressテーマは、404エラーに対して興味深く有用なテンプレートを選択することを自慢できません。それがすべてです。 404番目のエラーのページにハイライトを追加し、コンテンツを探している訪問者にとってより便利なウィジェットを多数用意しています。 その中には、 「最近の投稿」、「カテゴリ」 、および「アーカイブ」ウィジェットがあります。

コード

最初のステップ：WordPressでウィジェットゾーンを登録します。 これを行うには、テーマのfunctions.phpファイルを開き、次のコードをそこに配置します。

 <？php
 register_sidebar（配列（
 「名前」=>「404」、
 'id' => '404'、
 'before_widget' => '<div id = "％1 $ s" class = "％2 $ sウィジェット">'、
 'after_widget' => '</ div>'、
 'before_title' => '<h3 class = "widget-title">'、
 'after_title' => '</ h3>'
 ））;
 ？>

ウィジェットが登録されたので、次のコードを追加して404.phpファイルを編集する必要があります。

 <？php dynamic_sidebar（ '404'）;  ？>

以上です。 これで、ウィジェットを「404」ウィジェットゾーンに挿入でき、訪問者が404番目のエラーページに到達するたびに表示されます。 検索ボックス、最近の投稿やカテゴリのリスト、または複数のクエリ投稿リストなどの便利な機能を備えています。

ソース：

5.投稿の間にreklannyブロックを配置します


3(2)

特定の数の投稿を通じてウィジェットを挿入できるようにするコードをテーマに追加できます。 多くの人がこれを使用してコンテキスト広告またはバナーを挿入しますが、実際には、このウィジェットを使用するためのオプションの数は無制限です。

コード

前の段落と同様に、 Index Insertウィジェットをセットアップする最初のステップは、ウィジェット領域を登録することです。 functions.phpファイルを開き、次のコードを貼り付けます。

 <？php
 register_sidebar（配列（
 「名前」=>「インデックス挿入」、
 'id' => 'index-insert'、
 'before_widget' => '<div id = "％1 $ s" class = "％2 $ sウィジェット">'、
 'after_widget' => '</ div>'、
 'before_title' => '<h3 class = "widget-title">'、
 'after_title' => '</ h3>'
 ））;
 ？>

メインページに配置するには、テーマのindex.phpファイルを開き、最後に「 endwhile 」と入力し、次のコードをその上に貼り付けて次のようにします。

 <？php if（$ count == 2）{？>
 <？php dynamic_sidebar（ 'index-insert'）？>
 <？php}？>
 <？php $ count = $ count + 1;  ？>
 <？php endwhile;  ？>


上記のコードは、2番目の投稿の直後にウィジェットゾーン「 index-insert 」を挿入します。 ウィジェットゾーンを表示するポスト番号を指定することにより、 $ count == 2を変更できます。 カテゴリやタグページなどのアーカイブリストの間にバナーを表示する場合は、上記のコードをarchive.php 、 category.php 、 tag.phpなどの他のファイルに貼り付けることができます。 ウィジェットロジックプラグインのis_archive（）、is_category（）、is_tag（）などのステータスタグを使用して、これらまたはそれらの広告ユニットを表示するページを制御することもできます。

ソース：
  1. テーマ別のWordPressテーマ

元の記事： WordPressウィジェットを使用する5つの便利で創造的な方法
サイトからの翻訳： WordPress for everyone！

Source: https://habr.com/ru/post/J64615/

More articles:


All Articles