WordPress テーマ「Duster」単一記事にサイドバーを表示する

̃Gg[͂ĂȃubN}[Nɒlj

シンプルな「Duster」が気に入っている。
でも、単一記事にサイドバーが表示されないのが残念なのでテーマを改造した。
以下に改造箇所をご紹介。



single.php


まず、single.phpに<?php get_sidebar(); ?>を追加する(以下31行目)

<?php
/**
 * @package WordPress
 * @subpackage Duster
 */

get_header(); ?>

		<div id="primary">
			<div id="content" role="main">

				<?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?>

					<nav id="nav-single">
						<h1 class="section-heading"><?php _e( 'Post navigation', 'toolbox' ); ?></h1>
						<span class="nav-previous"><?php previous_post_link( '%link', __( '&larr; Previous', 'duster' ) ); ?></span>
						<span class="nav-next"><?php next_post_link( '%link', __( 'Next &rarr;', 'duster' ) ); ?></span>
					</nav><!-- #nav-single -->

					<?php get_template_part( 'content', 'single' ); ?>

					<?php duster_content_nav( 'nav-below' ); ?>

					<?php comments_template( '', true ); ?>

				<?php endwhile; // end of the loop. ?>

			</div><!-- #content -->

		</div><!-- #primary -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

 
 
 
 

style.css


次に、style.cssのSingularの配置を変更する。
before

/* Singular */
.singular #primary {
	margin: 0;
}
.singular #content {
	margin: 0 7.6%;
	position: relative;
	width: auto;
}


after

/* Singular */
.singular #primary {
	float: left;
}
.singular #content {
}

 
 
 
 
最後に、記事欄の横幅が.singular #comments-titleに追従して狭くなっていたので以下を削除した。

.singular #comments-title {
	margin: 0 auto;
	/* width: 68.9%; */ /* 削除 */
}

 
 
 
 


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>