賢威7(スタンダード版)では、サイトの説明文(“抜粋”や“description”)自体がサイト上に表示されない仕様となっています。

また、デフォルトでは各記事の説明文も表示されない仕様です。

今回は、全てのページにサイトタイトルの下にサイトの説明文を表示させる方法をご紹介します。

子テーマの「header.php」を修正

当サイトの場合では、賢威の子テーマで運用しているため、子テーマディレクトリの「header.php」に

<div class="site-description"><?php bloginfo('description') ; ?></div>

を追記します。

「class=”site-description”」は任意の名前でかまいません。

追記する前

			<div class="site-header-conts">
<?php if (is_singular(LP_DIR)) {
				echo '<h1 class="site-title">';
				echo get_h1_keni();
				echo "</h1>\n";
				echo (get_post_meta($post->ID, 'catch_text', true)) ? "<p class=\"lp-catch\">".esc_html(get_post_meta($post->ID, 'catch_text', true))."</p>\n" : ""; ?>
<?php } else if (is_front_page()) { ?>
				<h1 class="site-title"><a href="<?php bloginfo('url'); ?>"><?php echo (the_keni('site_logo') != "") ? "<img src=\"".the_keni('site_logo')."\" alt=\"".esc_html(get_bloginfo('name'))."\" />": esc_html(get_bloginfo('name'));  ?></a></h1>
<?php } else { ?>
				<p class="site-title"><a href="<?php bloginfo('url'); ?>"><?php echo (the_keni('site_logo') != "") ? "<img src=\"".the_keni('site_logo')."\" alt=\"".get_bloginfo('name')."\" />": get_bloginfo('name');  ?></a></p>
<?php } ?>
			</div>

追記した後

			<div class="site-header-conts">
<?php if (is_singular(LP_DIR)) {
				echo '<h1 class="site-title">';
				echo get_h1_keni();
				echo "</h1>\n";
				echo (get_post_meta($post->ID, 'catch_text', true)) ? "<p class=\"lp-catch\">".esc_html(get_post_meta($post->ID, 'catch_text', true))."</p>\n" : ""; ?>
<?php } else if (is_front_page()) { ?>
				<h1 class="site-title"><a href="<?php bloginfo('url'); ?>"><?php echo (the_keni('site_logo') != "") ? "<img src=\"".the_keni('site_logo')."\" alt=\"".esc_html(get_bloginfo('name'))."\" />": esc_html(get_bloginfo('name'));  ?></a></h1>
<?php } else { ?>
				<p class="site-title"><a href="<?php bloginfo('url'); ?>"><?php echo (the_keni('site_logo') != "") ? "<img src=\"".the_keni('site_logo')."\" alt=\"".get_bloginfo('name')."\" />": get_bloginfo('name');  ?></a></p>
<?php } ?>
				<div class="site-description"><?php bloginfo('description') ; ?></div>
			</div>

サイトタイトルの表示まわりの下に追記しています。

ちなみに、

<?php bloginfo('description') ; ?>

<php description_keni(); ?>

にすると、各記事の概要が表示されますので、ご注意ください。

CSS(スタイルシート)の修正

子テーマディレクトリの「base.css」と「rwd.css」を修正します。

「base.css」の修正内容

.site-description{
	color: #666;
}

「rwd.css」の修正内容

/*--------------------------------------------------------
解像度1200px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 1200px){

.site-description{
	margin-left:15px;
}

}

文字を若干薄くしたのと、スマホでは左の余白がデフォルトでは15pxなので、それに合わせてずらしてあります。

これで、サイトタイトルの下に、サイトの説明文が表示されます。