WP_Queryを使用してWordPressでページ付けを作成する方法

公開: 2021-08-31

ウェブサイトのページビューを最適なバウンス率にする生産的な方法の1つは、WP_Queryを使用してWordPressでページ付けを作成することです。

このチュートリアルでは、ページ付けを使用してカスタムWordPressループを追加するための簡単なガイドを紹介します。

WP_Queryとは何ですか？
WP_Queryは、データベース内のレコード、投稿、ページ、カスタム投稿タイプにアクセスできるようにするため、WordPressで最も重要なクラスの1つです。

一方、開発者は、投稿、ページ、またはカスタム投稿タイプに関する必要な情報を受け取るために、データベースに対して複雑なSQLクエリを作成する必要はありません。これは、WP_Queryがすべてを処理してくれるためです。

WordPressのページ付けとは何ですか？なぜそれが必要なのですか？
ページ付けは、WordPressユーザーがさまざまな目的で使用できるコア機能の1つです。長い投稿をいくつかの部分に分割し、それぞれを新しいページで紹介することをお勧めします。

適切にコーディングされたWordPressテーマを自由に使用している場合は、おそらく、投稿を終了して次のページから開始する必要がある場所に追加された投稿でタグを使用することで問題を解決できます。

長い投稿は読み込みに時間がかかり、ウェブサイトのゲストやブログのフォロワーが読むのに不便になることは想像に難くありません。

記事や長い説明を適切と思われる数のページに分割すると、読者が煩わされることなくすべての情報を簡単に理解できるようになります。

あなたがWordPressウェブマスターまたはWordPressウェブサイトの所有者である場合、長い投稿を必要な数の異なる部分に分割し、前のページと次のページでそれらを紹介するためのリンクまたは数値のページ付けで簡単に使用できるWP組み込みのページ付け機能について知っていると確信していますによると。

記事や投稿をわかりやすく、読みやすくするだけでなく、ページネーションには他の利点もあります。

これにより、サイトの全体的なルックアンドフィールがより正確かつコンパクトになり、サイトのページビューが追加され、バウンス率が低下し、SEOランキングに貢献し、広告を掲載するためのページが増えます。

ただし、この方法は、最新のWordPressテーマおよびテンプレートで常に簡単に機能するとは限りません。したがって、WP_Queryを使用してWordPressでページ付けを作成することをお勧めします。

WP_Queryを使用してWordPressでページ付けを作成する方法を詳しく説明するプロセスを詳しく説明する前に、WordPressCodexのWPQueryクラス参照をよく理解しておくことをお勧めします：https：//codex.wordpress.org/Class_Reference/WP_Query#Usage 。

さて、WP_Queryとその使用法についての一般的な考え方がわかったら、クエリのサンプルを共有しましょう。

＆lt;？php

/ **

*テンプレート名：カスタムページ

* /

get_header（）; ？＆gt;

＆lt;？php

$ paged =（get_query_var（ 'paged'））？ get_query_var（ 'paged'）：1;

$ args = array（

'posts_per_page' =＆gt; 4、

'paged' =＆gt; $ paged

）;

$ custom_query = new WP_Query（$ args）;

？＆gt;

＆lt;！---- start --------＆gt;

＆lt; div class = "wrap"＆gt;

＆lt; div class = "content-area"＆gt;

＆lt; main class = "site-main" role = "main"＆gt;

＆lt;？php

while（$ custom_query-＆gt; have_posts（））：

$ custom_query-＆gt; the_post（）;

？＆gt;

＆lt; div＆gt;

＆lt; ul＆gt;

＆lt; li＆gt;

＆lt; h3＆gt;＆lt; a href = "＆lt;？php the_permalink（）;？＆gt;" ＆gt;＆lt;？php the_title（）; ？＆gt;＆lt; / a＆gt;＆lt; / h3＆gt;

＆lt; div＆gt;

＆lt; ul＆gt;

＆lt; div＆gt;＆lt; a href = "＆lt;？php the_permalink（）;？＆gt;"＆gt;＆lt;？php the_post_thumbnail（ 'thumbnail'）; ？＆gt;＆lt; / a＆gt;＆lt; / div＆gt;

＆lt; / ul＆gt;

＆lt; ul＆gt;

＆lt; p＆gt;＆lt;？php echo the_content（）; ？＆gt;＆lt; / p＆gt;

＆lt; / ul＆gt;

＆lt; / div＆gt;

＆lt; div＆gt;

＆lt; / li＆gt;

＆lt; / ul＆gt;

＆lt; / div＆gt; ＆lt;！-ブログ投稿を終了-＆gt;

＆lt;？php endwhile; ？＆gt;

＆lt;？php if（function_exists（ "pagination"））{

pagination（$ custom_query-＆gt; max_num_pages）;

}？＆gt;

＆lt; / main＆gt;＆lt;！-＃main-＆gt;

＆lt; / div＆gt;＆lt;！-＃primary-＆gt;

＆lt; / div＆gt;＆lt;！-。wrap-＆gt;

＆lt;！----終了--------＆gt;

＆lt;？php get_footer（）;

WP_Queryを使用してWordPressでページ付けを作成する方法
ページネーションをレンダリングするためのコード
テーマフォルダにCustomPage.phpという名前のテンプレートファイルを作成し、カスタム静的ページに以下のコードを追加します。

＆lt;？php if（function_exists（ "pagination"））{

pagination（$ custom_query-＆gt; max_num_pages）;

}？＆gt;

管理ダッシュボードに移動してページを作成し、テンプレートとしてカスタムページを選択します。
さらに、カスタムページ付けを機能させるには、次のコードを使用する必要があります。このコードをfunctions.php（テーマフォルダーにあります）に追加する必要があります。

関数のページ付け（$ pages =”、$ range = 4）

{{

$ showitems =（$ range * 2）+1;

グローバル$ paged;

if（empty（$ paged））$ paged = 1;

if（$ pages == ''）

{{

グローバル$ wp_query;

$ pages = $ wp_query-＆gt; max_num_pages;

if（！$ pages）

{{

$ pages = 1;

}

}

if（1！= $ pages）

{{

echo "＆lt; div class = \" pagination \ "＆gt;＆lt; span＆gt; Page"。$ paged。 "of"。$ pages。 "＆lt; / span＆gt;";

if（$ paged> 2 && $ paged> $ range + 1 && $ showitems <$ pages）echo“ <ahref = '”。get_pagenum_link（1）。”'>«最初</a>”;

if（$ paged> 1 && $ showitems <$ pages）echo“ <a href = '”。get_pagenum_link（$ paged – 1）。”'> ‹前へ</ a>”;

for（$ i = 1; $ i <= $ pages; $ i ++）

{{

if（1！= $ pages＆amp;＆amp;（！（$ i＆gt; = $ paged + $ range + 1 || $ i＆lt; = $ paged- $ range-1）|| $ pages＆lt; = $ showitems） ）。

{{

エコー（$ paged == $ i）？ "＆lt; span class = \" current \ "＆gt;"。$ i。 "＆lt; / span＆gt;"： "＆lt; a href = '"。get_pagenum_link（$ i）。 "' class = \" inactive \ " ＆gt; "。$ i。"＆lt; / a＆gt; ";

}

}

if（$ paged＆lt; $ pages＆amp;＆amp; $ showitems＆lt; $ pages）echo "＆lt; a href = \" "。get_pagenum_link（$ paged + 1）。" \ "＆gt;次へ›＆lt; / a＆gt; ";

if（$ paged＆lt; $ pages-1＆amp;＆amp; $ paged + $ range-1＆lt; $ pages＆amp;＆amp; $ showitems＆lt; $ pages）echo "＆lt; a href = '"。get_pagenum_link（$ pages） 。 "'＆gt;最後の»＆lt; / a＆gt;";

echo "＆lt; / div＆gt; \ n";

}

}

WP_Queryを使用してWordPressでページ付けを作成できたので、スタイリングの部分に移りましょう。当然、function.phpではなくstyle.cssファイルを使用する必要があります。

テーマフォルダでstyle.cssを見つけて、以下のコードを追加します。

/ *ページ付け* /
.pagination {
クリア：両方;
位置：相対;
font-size：11px; / *ページネーションテキストサイズ* /
line-height：13px;
float：right; / *ページネーションフロート方向* /
}

.pagination span、.pagination a {
表示ブロック;
float：left;
マージン：2px 2px 2px 0;
パディング：6px 9px 5px 9px;
text-decoration：none;
width：auto;
色：#fff; / *ページネーションテキストの色* /
背景：＃555; / *ページネーションの非アクティブな背景色* /
-webkit-transition：バックグラウンド.15sイーズインアウト;
-moz-transition：バックグラウンド.15sイーズインアウト;
-ms-transition：バックグラウンド.15sイーズインアウト;
-o-transition：バックグラウンド.15sイーズインアウト;
トランジション：バックグラウンド.15sイーズインアウト;
}

.pagination a：hover {
色：#fff;
背景：＃6AAC70; / *ホバーのページネーションの背景* /
}
.pagination .current {
パディング：6px 9px 5px 9px;
背景：＃6AAC70; / *現在のページの背景* /
色：#fff;
}

それでおしまい。私たちの記事が、WP_Queryを使用してWordPressで問題なくページ付けを作成するのに役立つことを心から願っています。このチュートリアルまたはこのチュートリアルで共有されているコードについて質問がある場合は、遠慮なくサポートを依頼してください。

WordPressでWebサイトを設定する場合、考慮したいことの1つは、 wp_queryを使用してWordPressでページ付けを作成することです。

もちろん、なぜページ付けを気にする必要があるのか不思議に思うでしょうが、ページ付けがWebサイトの重要な側面である理由はここにあります。

ページ付けとは、長い投稿を短い投稿に分割し、元の投稿のセクションを他のページに投稿して、元の投稿に戻るリンクを付けることができるプロセスです。

これはあなたのウェブサイトのページビューを増やすのを助け、SEOとランキングが関係しているところで非常に貴重であると証明することができます。

これが、WordPressでページ付けを作成するためにwp_queryを使用する必要がある理由です。これにより、投稿をカスタマイズし、短くして、処理中にユーザーエクスペリエンスを向上させることができます。ここに、ページ付けが重要である理由と、それがWebサイトに不可欠である理由に関するいくつかの理由があります。

すっきりとした鮮明な外観：ページ付けの結果として、投稿を短くして、その過程でフロントページをすっきりさせておくことができるはずです。これにより、顧客にすっきりとした鮮明な外観を提供できるようになります。
さらに、投稿が短くトリミングされると、空白を戦略的に最大限に活用し、ユーザーの注意をWebサイトの関連部分に向けることができます。おそらく、同じ部分をクリックできるように行動を呼びかけることができます。
マーケティング：ページ付けを使用すると、投稿の長さを短縮し、プロセスでも最適化できるはずです。
このプラグインを使用すると、どの投稿を短くトリミングするかを決定したり、投稿をカスタマイズしたりして、エンドユーザーにとってより魅力的に見えるようにすることができます。

その結果、トラフィックが増加し、その過程で、以前よりも多くのユーザーと交流できるようになるはずです。
ユーザーエンゲージメント：フロントページの長い投稿を読みたがるユーザーはいません。そのため、投稿を短くするためにページ付けを使用することが不可欠です。
ユーザーは、すっきりとした外観、高速な読み込みページを高く評価し、その結果、ユーザーとの交流を深めることができるはずです。
ページ付けが機能するようになると、バウンス率を最適なレベルに保ち、オーディエンスの関心を十分に保ち、さらに重要なことに、Webサイトのページビューを増やすことができるはずです。
その結果、あなたはあなたのランキングを上げるだけでなく、あなたのオンラインコンバージョン率を押し上げるに違いありません。

これらはあなたのウェブサイトが以前よりもさらに良く機能するのを助けることができるのであなたがあなたのウェブサイトにページ付けをする必要がある理由のいくつかです。

投稿の長さを決定できます。ページ付けを使用すると、投稿の長さ、さらには外観を決定できるはずです。この機能を使用すると、ユーザーに優れたユーザーエクスペリエンスを提供できるはずです。