WordPressでカスタム投稿後ウィジェットを追加する方法

読者が投稿の最後までたどり着いたとき、彼らはすでにあなたに貴重なものを提供しています。それは、彼らの注意です。彼らはあなたのコンテンツを読み終え、次に何をすべきかを決めているところです。

投稿後ウィジェットを使用すると、訪問者を単に離脱させるのではなく、その瞬間を意図的な次のステップに変えることができます。私たちはWPBeginnerで長年このアプローチを使用して、より多くのメール購読者を獲得し、ページビューを増やし、売上を伸ばしてきました。

このガイドでは、WordPressにカスタム投稿後ウィジェットを簡単に追加する方法をステップバイステップでご紹介します。

WordPressでのカスタム投稿後ウィジェットの例

投稿後ウィジェットには、メールリストへの参加を促すコールトゥアクション、ページビューを増やすための関連記事ブロック、さらには売上を増やすための商品バナーや割引など、ほぼ何でも追加できます。

WordPressテーマにカスタム投稿後ウィジェットを追加する簡単な方法は2つあります。

方法1. プラグインを使用して投稿コンテンツの後にコンテンツを追加する

「Add Widget After Content」プラグインは、投稿コンテンツの直後に専用のウィジェットエリアを追加し、クラシックテーマでもブロックテーマでも、あらゆるWordPressテーマで機能します。

開始するには、インストールして有効化してください。ヘルプが必要な場合は、WordPressプラグインのインストールに関するガイドに従ってください。有効化したら、外観 » ウィジェットに移動します。

クラシックテーマでは、この画面はすでに存在し、プラグインが「投稿後コンテンツ」エリアを追加します。ブロックテーマでは、WordPressは通常ウィジェット画面を表示しないため、プラグインが新しい「投稿後コンテンツ」エリアとともにそれを追加します。

そのブロック内のプラスアイコンをクリックして、好きなウィジェットを追加します。このチュートリアルでは、WPFormsプラグインで作成したニュースレターサインアップフォームを追加しました。

追加したウィジェットを自由に設定し、「更新」ボタンをクリックして変更を保存してください。

デフォルトでは、プラグインはすべての投稿とページに投稿後ウィジェットを表示します。特定の場所に表示したくない場合は、ウィジェットエリアからカテゴリ全体または投稿タイプを除外できます。

外観 » Widget After Contentに移動し、ウィジェットエリアを表示したくないカテゴリまたは投稿タイプを選択して、「変更を保存」をクリックするだけです。

個々の投稿またはページでウィジェットエリアを非表示にすることもできます。

これを行うには、除外したい投稿またはページを開き、「Widget After Content」メタボックスまでスクロールダウンします。「この投稿のウィジェットをコンテンツの後で削除」の横にあるチェックボックスを選択し、投稿を更新します。

これで、ウェブサイトにアクセスして、ウィジェットを表示するように設定した投稿を開くと、投稿コンテンツの直下に表示されているのがわかります。

方法2. カスタムコードを使用して投稿の後にコンテンツを追加する

コードの追加に慣れている場合は、ウィジェットの組み込みレイアウトを使用する代わりに、投稿の後に何が表示されるかを正確にカスタマイズできます。

ただし、テーマファイルにコードを追加する際にわずかな間違いを犯すと、サイトが破損する可能性があります。

スニペットを安全に追加および管理するには、無料のWPCodeプラグインの使用をお勧めします。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するチュートリアルをご覧ください。

WPCodeプラグインがアクティブになったら、Code Snippets » + Add Snippetに移動し、「Add Your Custom Code (New Snippet)」オプションを選択します。

新しい画面で、コードタイプとして「PHP Snippet」を選択します。次に、スニペットに名前を付け、次のコードをコピーして貼り付けます。

function wpb_add_content_after_post( $content ) {

    if ( is_single() && in_the_loop() && is_main_query() ) {
        $custom_content  = '<div class="wpb-after-post-content">';
        $custom_content .= '<h4>Enjoyed This Post?</h4>';
        $custom_content .= '<p>Sign up for our <a href="https://example.com/newsletter/">newsletter</a> to get more tips like this.</p>';
        $custom_content .= '</div>';

        $content .= $custom_content;
    }

    return $content;
}
add_filter( 'the_content', 'wpb_add_content_after_post' );

is_single()チェックは、コンテンツを個々の投稿に制限するため、ウィジェットはページやアーカイブの一覧には表示されません。スニペットの残りの部分は、投稿コンテンツの後に見出し、メッセージ、およびニュースレターリンクを追加します。スニペットを公開する前に、example.comアドレスを自分のニュースレターページのアドレスに必ず置き換えてください。

スニペットを「Active」に設定して保存します。最後に、サイトの投稿にアクセスして、記事の下にカスタムコンテンツが表示されることを確認します。

動画チュートリアル

ビデオでの説明をご希望の場合は、ご覧ください。

投稿後ウィジェットのFAQ

ウィジェットとプラグインの違いは何ですか？

ウィジェットは、サイドバー、フッター、またはこのガイドで説明されているコンテンツ後の領域など、サイトの特定の領域にドロップできる小さなコンテンツブロックです。

プラグインは、サイト全体に新しい機能を追加するもので、多くの場合、そもそも使用する新しいウィジェットやウィジェット領域を提供するものです。

WordPressで投稿後にウィジェットを追加するにはどうすればよいですか？

最も簡単な方法は、無料のAdd Widget After Contentプラグインを使用することです。これにより、投稿コンテンツの下にウィジェット領域が追加され、ニュースレター登録フォームや関連記事などのウィジェットを追加できます。

または、コードスニペットで同じ機能を追加することもできます。スニペットでサイトを誤って壊さないように、無料のWPCodeプラグインの使用をお勧めします。

投稿後のウィジェットが表示されないのはなぜですか？

最も一般的な原因は、プラグイン設定での除外です。その特定の投稿またはページでウィジェットを非表示にしたかどうか、またはAppearance » Widget After Contentの下でカテゴリまたは投稿タイプを除外したかどうかを確認してください。

この記事がWordPressでカスタム投稿後ウィジェットを追加する方法を学ぶのに役立ったことを願っています。また、カスタムWordPressウィジェットの作成方法に関するチュートリアルや、おすすめのWordPressプラグインに関するガイドもご覧ください。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。