WordPressの投稿内にウィジェットを配置する
2025/07/14 (月) - 09:00 Program
WordPressの投稿や固定ページの本文内に任意のウィジェットを挿入したい場合。まず、あらかじめにWordPressのfunction.phpにウィジェットの作成をし、WordPress管理画面の[外観]→[ウィジェット]からウィジェットの設定しておきます。
if(function_exists('register_sidebar')) {
register_sidebar(array(
'name' => 'ウィジェットのタイトル' ,
'id' => 'ウィジェットのID', //半角英数小文字
'description' => 'ウィジェットの説明文',
'before_widget' => '<aside>',
'after_widget' => '</aside>',
'before_title' => '<h2>',
'after_title' => '</h2>'
));
}
さらにfunction.phpにショートコードでウィジェットを呼び出す関数を作成します。
function widget_post_func($atts) {
$atts = shortcode_atts(array(
'id' => '',
), $atts, 'widget');
if (empty($atts['id'])) {
return false;
}
ob_start();
dynamic_sidebar($atts['id']);
$widget_content = ob_get_clean();
return $widget_content;
}
add_shortcode('widget', 'widget_post_func');
最後にWordPressの投稿画面の任意の位置にショートコードを埋め込みます。idの属性には設定したウィジェットのIDを入れておきます。
[widget id="ウィジェットのID"]
プレビューすると表示されると思います。ウィジェットを更新するとページや記事に埋め込んだすべてのウィジェットが一括更新されるので便利です。

例えば広告バナーやリンク集、CTAなどを設置したい場合に有効です。
おしまい♥
タグ:WordPress
おすすめ記事
- microCMS&Astroで記事のページネーションを実装
- さくらのレンタルサーバーでMovable Type(MT)の管理画面がForbiddenになる件
- WordPressでブログをAWS CloudFrontで配信する時のビヘイビア設定
- EC-CUBE4で商品タグを指定したアイテムをブロックに表示させる
- microCMS+Next.js で記事検索ページを作る
トラックバック & ピンバック
- この記事へのトラックバックURI:
- https://weblog.walk-life.me/wp_post_widget/trackback/