WordPressの先頭固定表示でできる6つのクールなこと

カテゴリー：WordPressの先頭固定表示は非表示の宝石です。そして、それを追加するには、強力な結果をもたらす簡単なトリックが必須です。

戦略的に使用することで、重要なコンテンツをブログの先頭に固定表示することができます。これにより、重要なメッセージが常に注目され、サイトのコンバージョンとエンゲージメントを高めることができます。

この投稿では、WordPressの先頭固定表示でできる6つのクールなことをご紹介します。

先頭固定表示とは何か、なぜ使うべきなのか？

スティッキー投稿とは、サイトのブログページの先頭に固定表示するコンテンツのことです。トップページ、カテゴリー、アーカイブ、その他のページにも表示することができます。

WordPressサイトの柱となる記事、人気商品、お知らせ、割引キャンペーンなどを先頭固定表示することで、より多くの人の目に留まるようにすることができます。

時間が経つにつれてコンテンツが増えると、過去の投稿が新しいブログ投稿の下に埋もれてしまうため、先頭固定表示が威力を発揮します。その結果、ユーザーはあなたのトップ記事の存在に気づかず、サイト内でこれらの投稿を見つけることが難しくなります。

しかし、多くのサイトオーナーは、WordPressの先頭固定表示機能を最大限に活用する方法を知らない。

以下のカテゴリーでは、先頭固定表示でできるクールなことをいくつかご紹介します。以下のリンクから興味のあるセクションにジャンプしてください：

• 先頭固定表示投稿をサイドバーに最近の記事として表示
• カテゴリーへの先頭固定表示
• 最新の先頭固定表示投稿
• カスタム投稿タイプの先頭固定表示
• WordPressループから先頭固定表示を非表示にする方法
• カテゴリー：WordPressの先頭固定表示のスタイリング

始めよう。

1.サイドバーに先頭固定表示を最近の投稿日: として表示する。

WordPressは、あなたのサイトのブログ投稿ページの先頭に固定表示します。しかし、サイトのサイドバーに最新の投稿として表示することもできます。

これを行うには、Recent Posts Widget With Thumbnailsプラグインをインストールして有効化する必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法のガイドをご覧ください。

有効化したら、WordPress管理画面から外観 ” ウィジェットにアクセスします。次に、「+」記号をクリックして、「Recent Posts With Thumbnails」ウィジェットブロックを追加することができる。

ウィジェットブロックの設定では、「最近の投稿」などのタイトルを入力し、表示する投稿数を選択することができます。

次に、ウィジェット設定の「先頭固定表示」セクションまでスクロールダウンしましょう。

ここでは、付箋の付いた投稿のみを最近の投稿として表示し、リストの先頭に表示するオプションを有効化することができます。

完了したら、「更新」ボタンをクリックするだけです。

これで、サイトにアクセスすると、「先頭固定表示」にした投稿がサイドバーに最近の記事として表示されるようになります。

2.カテゴリーへの先頭固定表示

初期設定では、付箋投稿はWordPressブログのフロントページにのみ表示されます。しかし、カテゴリーアーカイブページに特集コンテンツを表示したい場合はどうすればいいでしょうか？

Sticky Posts – Switchプラグインを使用することで可能です。インストール方法については、WordPressプラグインのインストール方法をご覧ください。

有効化した後、WordPressの管理メニューから設定 ” Sticky Posts – Switchに行くことができます。カテゴリーページ “の下にある “カテゴリー “ボックスにチェックを入れるだけで、先頭固定表示投稿が表示されます。

プラグインはまた、WordPressダッシュボードの「投稿日」ページに星のアイコンを追加します。

これにより、アイコンをクリックするだけで、素早く投稿を先頭固定表示にすることができます。コンテンツエディターを開いたり、クイック編集の設定を表示したりする必要はありません。

より詳細な手順については、WordPressでカテゴリーに先頭固定表示を追加する方法のチュートリアルをご覧ください。

3.最新の先頭固定表示投稿

通常、固定表示はおすすめ投稿に使用され、最も目立つコンテンツを表示します。そのため、しばらくすると古いおすすめ投稿はアーカイブの下に消えてしまいます。

良いニュースは、カスタムアーカイブページやサイト上の任意の場所にそれらを表示することにより、古い特集コンテンツを復活させることができることです。

コードスニペットを扱う必要がある場合は、WPCodeプラグインを使用することを強くお勧めします。スニペットをWordPressに貼り付ける方法については、こちらをご覧ください。

上級ユーザーであれば、このコードをテーマのfunctions.phpファイルに貼り付けることもできる。

しかし、テーマファイルを直接編集することはお勧めしません。わずかなミスでサイトが壊れてしまう可能性があるからです。

function wpb_latest_sticky() { 

/* Get all sticky posts */
$sticky = get_option( 'sticky_posts' );

/* Sort the stickies with the newest ones at the top */
rsort( $sticky );

/* Get the 5 newest stickies (change 5 for a different number) */
$sticky = array_slice( $sticky, 0, 5 );

/* Query sticky posts */
$the_query = new WP_Query( array( 'post__in' => $sticky, 'ignore_sticky_posts' => 1 ) );
// The Loop
if ( $the_query->have_posts() ) {
	$return .= '<ul>';
	while ( $the_query->have_posts() ) {
		$the_query->the_post();
		$return .= '<li><a href="' .get_permalink(). '" title="'  . get_the_title() . '">' . get_the_title() . '</a><br />' . get_the_excerpt(). '</li>';

	}
	$return .= '</ul>';

} else {
	// no posts found
}
/* Restore original Post Data */
wp_reset_postdata();

return $return; 

}
add_shortcode('latest_stickies', 'wpb_latest_sticky');

このコードを追加したら、最新の先頭固定表示したい場所にショートコード [latest_stickies] を追加するだけです。

詳しい手順については、WordPressで最新の先頭固定表示投稿を表示する方法の投稿をご覧ください。

4.カスタム投稿タイプの先頭固定表示

WordPressでカスタム投稿タイプを先頭固定表示にできることをご存知ですか？

通常、先頭固定表示機能はWordPressの初期設定の投稿にしか利用できませんが、他の投稿タイプにこの機能を追加できないわけではありません。

Sticky Posts – Switchプラグインを使用すると、カスタム投稿タイプをサイトに固定表示することができます。

その前に、プラグインをインストールして有効化する必要があります。WordPressプラグインのインストール方法については、こちらをご覧ください。

有効化したら、WordPressダッシュボードから設定 ” 先頭固定表示 – 切り替えにアクセスするだけです。投稿タイプ」カラムの下に、投稿日に作成したすべてのカスタム投稿タイプのリストが表示されます。

次の投稿では、先頭に固定表示したいカスタム投稿タイプのチェックボックスをクリックします。この例では、「Book Reviews」投稿タイプを先頭固定表示にします。

より詳細な手順については、WordPressカスタム投稿タイプに先頭固定表示を追加する方法のチュートリアルをご覧ください。

5.WordPressループから先頭固定表示を非表示にする方法

スティッキー投稿を使用すると、WordPressの初期設定では、WordPressのすべての投稿の先頭に投稿が表示されることに気づくでしょう。

付箋投稿をWordPressのループから除外し、先頭に表示するには、WordPressサイトに次のカスタムコードを入力するだけです。

<?php
 
// The loop arguments
$args = array(
    'posts_per_page' => 10,
    'post__not_in' => get_option( 'sticky_posts' ) // do not display the sticky posts at all.
);
 
// The loop
$the_query = new WP_Query($args);
if ($the_query->have_posts()) {
    while ($the_query->have_posts()) {
        $the_query->the_post();
 
         }
}

このコードは先頭固定表示をループから完全に除外する。

より詳細な手順については、WordPressのループから先頭固定表示を除外する方法のチュートリアルをご覧ください。

6.カテゴリー：WordPressの先頭固定表示のスタイリング

カスタムスタイルを先頭固定表示に追加しますか？

多くのWordPressテーマはpost_class()関数を使用して、各投稿に投稿クラスを自動的に追加します。すでにテーマがpost_class()関数を使用している場合、スティッキー投稿に「スティッキークラス」が追加されます。

これで、WordPressテーマで.stickyCSSクラスを使用できるようになります。

ここでは、基本的なCSSをご紹介します：

.sticky { 
background-color:#ededed;
border:1 px solid #f5f5f5;
color:#272727;
padding:5px;
}
 
.sticky:before {
  content: "Featured";
  color: #FFF;
  background: #f20000;
  padding: 10px;
  display: inline-block;
  text-align: right;
  float: right;
  font-weight: bold;
  text-transform: uppercase;
}

詳しくは、WordPressでカスタムCSSを追加する方法をご覧ください。

ボーナスのヒントもっとクールなブログのトリック

さて、いくつかのクールな先頭固定表示トリックを学んだところで、あなたのブログの訪問者体験を向上させるための他のブログのヒントを探ってみましょう。このカテゴリーでは、推定投稿時間、ブログロール、再編集機能について説明します。

新規にブログを立ち上げる場合、訪問者を惹きつけ、できるだけ長くサイトに滞在してもらうことが重要です。長く訪問してもらうことで、ユーザーはより深くコンテンツに関わることができ、メールマガジンに登録したり、購入したり、将来的に再訪問してくれる可能性が高まります。

最も一般的な方法の1つは、ユーザーが投稿をスクロールする際に読書進捗バーを表示することです。もう一つの方法は、投稿の推定読書時間を表示することです。

さらに詳しく知りたい方は、WordPressの投稿に推定投稿時間を表示する方法のステップバイステップガイドをご覧ください。

次に、ブログロールとは、あなたの他のサイトや好きなブログ、ユーザーにチェックしてもらいたいサイトなど、WordPressブログに関連する他のブログへのリンクのリストです。

ブログはもともと、ブロガーが他の楽しいブログにリンクを張ることで、個人的なつながりで繁栄してきました。WPBeginnerは、ブログロールを使って、私たちの製品ファミリーへのリンクを紹介しています。

WordPressにブログロールを追加することで、ユーザーが自分のサイトや尊敬するブログなど、他のおすすめサイトを発見しやすくなります。より詳細な手順については、WordPressサイトにブログロールを追加する方法のガイドを参照してください。

最後に、テキストの再編集も学ぶべきクールな機能だ。

再編集では、テキストを編集して機密情報をブラックアウトし、機密情報を非公開にしたままドキュメンテーションを公開できます。個人情報を編集した履歴書を共有するなど、プライバシーポリシーに違反することなく事例を示すのに便利です。

WordPressでは、再編集されたコンテンツは、後で削除するためにアクセス可能なままです。再編集はまた、会員制サイトでコンテンツをプレビューし、訪問者に完全版へのアクセスを購入するよう促すこともできます。詳しくは、WordPressでテキストを再編集する方法の投稿をご覧ください。

この投稿が、WordPressサイトでの先頭固定表示のクールな使い方を学ぶのにお役に立てば幸いです。また、WordPressで投稿シリーズを効率的に管理する方法や、専門家が選んだ最高のブログの例もご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.