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

TCDテーマSTORYのロゴを非表示にする方法

グローバルナビのメニューが多い場合、横幅に入りきれいないのため、ロゴと文字が重なったり、ロゴの横にグローバルナビが表示できなくなったりします。

今回は、ロゴを非表示にするというカスタマイズ方法でこの問題を解決していきたいと思います。

※カスタマイズをされる場合は必ずバックアップしてからおこなってください。

1.カスタマイズするCSSを表示させる

管理画面から【外観】にマウスをあてていただき、【テーマの編集】ボタンをクリックしていただきます。

次に画面を右側に【header.php】がありますのでクリックして下さい。

2.下記コードを削除します。

<削除コード>


if ( ! empty( $header_logo_image ) ) :
if ( is_front_page() ) :
?>
<h1 class="logo logo-image"><a href="<?php echo esc_url( home_url( '/'
) ); ?>" data-label="<?php bloginfo( 'name' ); ?>"><img class="h_logo"
src="<?php echo esc_attr( $header_logo_image[0] ); ?>" alt="<?php
bloginfo( 'name' ); ?>"></a></h1>
<?php
else :
?>
<div class="logo logo-image"><a href="<?php echo esc_url( home_url(
'/' ) ); ?>" data-label="<?php bloginfo( 'name' ); ?>"><img
class="h_logo" src="<?php echo esc_attr( $header_logo_image[0] ); ?>"
alt="<?php bloginfo( 'name' ); ?>"></a></div>
<?php
endif;
else :
if ( is_front_page() ) :
?>
<h1 class="logo logo-text" style="font-size: <?php echo esc_attr(
$logo_font_size ); ?>px;"><a href="<?php echo esc_url( home_url( '/' )
); ?>"><?php bloginfo( 'name' ); ?></a></h1>
<?php
else :
?>
<div class="logo logo-text" style="font-size: <?php echo esc_attr(
$logo_font_size ); ?>px;"><a href="<?php echo esc_url( home_url( '/' )
); ?>"><?php bloginfo( 'name' ); ?></a></div>
<?php
endif;
endif;
                               

The following two tabs change content below.

関連記事

TCD LABO ご利用上の注意

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

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

お問合せ・ご要望

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