Q.ヘッダーのグローバルメニューの上、電話番号の右か左にリンクボタンなどを設置したいのですが方法をお教えください。
header.phpをカスタマイズいただくことで対応可能です。
バックアップを取得の上お試しください。
※別途CSSにて細かい調整は必要です。カスタムCSSをご利用ください。
A.該当ファイルを編集してください
編集するファイル：header.php
編集する箇所；
<body <?php body_class(); ?>>
<?php do_action( 'tcd_before_header', $options ); ?>
<header id="js-header" class="l-header<?php if ( 'type2' === $header_fix ) { echo ' l-header--fixed'; } ?>">
<div class="l-header__inner l-inner">
<<?php echo $logo_tag; ?> class="l-header__logo c-logo">
<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
<?php
if ( 'type1' === $use_logo_image ) {
bloginfo( 'name' );
} else {
if ( $is_retina ) {
echo '<img src="' . esc_attr( $logo_image[0] ) . '" alt="' . get_bloginfo( 'name' ) . '" width="' . esc_attr( $logo_image[1] / 2 ) . '" height="' . esc_attr( $logo_image[2] / 2 ) . '">' . "\n";
} else {
echo '<img src="' . esc_attr( $logo_image[0] ) . '" alt="' . get_bloginfo( 'name' ) . '">' . "\n";
}
}
?>
</a>
</<?php echo $logo_tag; ?>>
<p class="l-header__desc"><?php bloginfo( 'description' ); ?></p>
<?php if ( ! wp_is_mobile() ) : ?>
//こちらに追加ください(左側)//
<div class="l-header__contact">
<?php get_template_part( 'template-parts/contact-info' ); ?>
</div>
<?php endif; ?>
</div>
<a href="#" id="js-menu-btn" class="p-menu-btn c-menu-btn"></a>
//こちらに追加ください(右側)//
<?php wp_nav_menu( $args ); ?>
</header>
この記事は役に立ちましたか？
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます！