WordPressのウィジットを新しく作成する方法のメモ(例:yStandard)

このブログは広告を含んでいます。

WordPressのウィジットに関する話題です。

使用しているWordPressテーマで自分の使いたいところに、ウィジットのスペースがなかった場合、自分で追加したいところですよね。

結構簡単なステップでできますので、私が使っているコードを掲載します。

https://libre-co.com/wordpress/widget/

こちらのサイト様がわかりやすく解説してくださっています。ありがとうございます!

私の場合は、上記サイト様の方法でウィジットを作成してから、WordPressテーマのフックを使ってウィジットのコードを挿入して表示させています。

以下は一例です。

/*-----------------------------------------
	ウィジェットの登録
-------------------------------------------*/
function theme_slug_widgets_init() {
 register_sidebar( array(
    'name' => 'サイドバー2', //ウィジェットの名前を入力
    'id' => 'sidebar2', //ウィジェットに付けるid名を入力
    //---任意のパラメーター---------------------------
    //↓ウィジェットを囲うタグを変更 
    'before_widget' => '<div id="%1$s" class="widget %2$s">',//デフォルト:<li id="%1$s" class="widget %2$s">'
    'after_widget'  => '</div>',//デフォルト:</li>
    //↓ウィジェットのタイトルの出力を変更 
    'before_title'  => '<h3 class="sidebar-ttl">',//デフォルト:<h2 class="widgettitle">',
    'after_title'   => '</h3>',//デフォルト:</h2>',
    //---./任意のパラメーター---------------------------
  ) );
}
add_action( 'widgets_init', 'theme_slug_widgets_init' );

以上でウィジットを作成してから、

add_action(
	'ys_site_main_append',
	function() {
		?>
		 <ul class="sidebar2">
    <?php dynamic_sidebar('sidebar2');?>
  </ul>
		<?php
	}
);

以上のようにWordPressテーマyStandardのフックys_site_main_appendにサイドバーを差し込んでいます。

あんまり難しいことはしてないですが、私がウィジットがない時よくやる方法なのでメモしました。

フックは適宜テーマによって変えてくださいね。

あとは外見を整えるCSSもお好みでお願いします。

以上ですー。