記事が終わった後、サインアップボックスのあるサイトに出くわしたことがありますか? または、ボタン、署名、著者の経歴、関連記事などを共有します。 ? このチュートリアルでは、投稿の後にウィジェット領域を追加して、好きなカスタムウィジェットを追加する方法を説明します。

サイドバーとも呼ばれるウィジェット領域は、 ワードプレスのテーマ 任意のウィジェットをドラッグ アンド ドロップできます。

通常、これらのウィジェット領域はサイドバーまたはフッター領域に表示されます。 カスタムウィジェット領域は確かに保存できますが、それにはコードを微調整する必要があります。

幸いなことに、初心者にとって簡単な方法があります 意味しない コードなし。

最初に行うことは、プラグインをインストールしてアクティブ化することです コンテンツの後にウィジェットを追加。 プラグインをアクティブ化した後、画面に移動するだけです 外観»ウィジェット 、ここに「 コンテンツの後"。

ワードプレスプラグインコンテンツの後のウィジェット領域

あとは、必要なすべてのウィジェットをウィジェットエリアにドラッグアンドドロップするだけです。 コンテンツの後"。

完了したら、上の任意のアイテムにアクセスできます サイトのWeb のウィジェットを表示するには コンテンツ あなたの記事の。

このソリューションは、Genesis、Thesis、HeadwayThemesなどのすべてのカスタムテーマフレームワークで機能します。

最も良いです プラグインを共有するメーリング リスト作成プラグイン 、著者の伝記用のプラグインなどにより、ユーザーはこのソリューションを使用せずに、記事の後にウィジェットを追加できます。

パーソナライゼーション

特定の項目の後にウィジェット領域を表示したくない場合は、無効にすることができます。

投稿後にウィジェットを表示したくない問題の投稿を編集するだけです。 出版物の編集画面のエディターに、「 ウィジェットコンテンツの後"。 [はい]の横のチェックボックスをオンにすると、その特定のアイテムの後のウィジェット領域の表示を無効にできます。

特定の投稿後のコンテンツの表示を無効にする

記事の後にコンテンツのスタイルを設定する

この部分では、いくつかの基本的なCSSスキルが必要になります。 ウィジェットの表示はテーマによって処理され、ウィジェットの数が非常に多いため、すべてのテーマで機能する基本スタイルを提供することはできません。 したがって、投稿後のウィジェットが正しく表示されない場合は、この問題を修正するためにCSSを追加する必要があります。

プラグインはCSSクラスを追加します awacet awac-wrapperウィジェット領域へのCSS。 これらのクラスを使用して、ウィジェット領域の外観を変更できます。 これが、TwentyThirteenで試した小さなことです。

.awac-wrapper {margin:0px auto; 幅:30%; float:left; パディング:10px; }

上記のコードにより、ウィジェットを次のようにグリッド形式で表示できました。

記事後の表示例

この記事が、WordPressの記事の後にウィジェット領域を追加するのに役立つことを願っています。