WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマBeauty:ヘッダーのグローバルメニューの上、電話番号の右か左にリンクボタンなどを設置したい

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>
The following two tabs change content below.

ハリー

スペシャルティコーヒーにはまりました。一杯のコーヒーにかける情熱と探究心。少しでもいいものをとこだわりぬく姿勢。自分が求めていたのはこれだったと思えるコーヒーに出会うことができたなら、想像以上に幸せな日常が流れはじめます。

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。