
「ログイン」「会員登録」ボタンをヘッダーに追加するため、ここにテキストウィジェットを作成した。
functions.php に、以下を追加。
/*-------------------------------------------*/
/* <head>タグ内に自分の追加したいタグを追加する
/*-------------------------------------------*/
function add_wp_head_custom(){ ?>
<!-- head内に書きたいコード -->
<?php }
// add_action( 'wp_head', 'add_wp_head_custom',1);
// ここから追記部分
/* ヘッダー右ウィジェットの作成 */
function my_register_sidebar() {
register_sidebar( array(
'name' => 'ヘッダー右',
'id' => 'header-right-widget',
'description' => '画面右上に表示されるウィジェットです。',
'before_widget' => '<aside class="widget %2$s" id="%1$s">',
'after_widget' => '</aside>',
) );
}
add_action( 'widgets_init', 'my_register_sidebar', 999 );
/* ヘッダー右ウィジェットの表示 */
function my_lightning_site_header_logo_after() {
if ( is_active_sidebar( 'header-right-widget' ) ) {
echo '<div class="site-header-sub">';
dynamic_sidebar( 'header-right-widget' );
echo '</div>';
}
}
add_action( 'lightning_site_header_logo_after', 'my_lightning_site_header_logo_after' );
/* ヘッダーのクラス名を変更 */
function my_lightning_get_class_names( $class ) {
$class['site-header'][1] = 'site-header--layout--sub-active';
$class['global-nav'][1] = 'global-nav--layout--penetration';
return $class;
}
add_filter( 'lightning_get_class_names', 'my_lightning_get_class_names' );
この記述によって「外観」ー「ウィジェット」 に、「右ウィジェット」 が作成される。
「htmlウィジェット」を追加して、ボタンを追加するコードを既述し、ボタンを設置。