*

簡単にできた! WordPressの個別記事にサイドバーを表示させる巻

公開日: : WEB

個別記事をホーム画面のようにサイドバーつきに変更します

WordPressでちょっと不満な点は個別記事にサイドバーがつかないこと
ナビゲーションの操作が悪くなってしまいますもんね
なら、つけてしまえ、と思い調べてみたら簡単でした
以前、子テーマを作りましたが、その子テーマに手を加えることで簡単に実現します

内容は
1)CSSを書き換えるて記事を左に寄せる
2)個別記事にサイドバーを表示させる
の2点です

これが標準で表示される個別記事
センターに寄るのは良いのですが、サイドバーが表示されず、操作性に不満が

1)記事を左に寄せます
CSSを書き換え

/*
Theme Name: Child
Template: twentyeleven
*/
@import url('../twentyeleven/style.css');
/* Singular */
.singular #primary {
    float: left;
    margin: 0 -26.4% 0 0;
    width: 100%;
}
.singular #content,
.left-sidebar.singular #content {
    margin: 0 34% 0 2%;
    width: 64%;
}
.singular .entry-header,
.singular .entry-content,
.singular footer.entry-meta,
.singular #comments-title {
    margin: 0 auto;
    width: 100%;
}

これで、記事が左に寄ります

2)個別記事(single.php)にサイドバーを表示させます
といっても、これを追加するだけなんですけどね

<?php get_sidebar(); ?>	
<?php
/**
 * The Template for displaying all single posts.
 *
 * @package WordPress
 * @subpackage Twenty_Eleven
 * @since Twenty Eleven 1.0
 */
get_header(); ?>
		<div id="primary">
			<div id="content" role="main">
				<?php while ( have_posts() ) : the_post(); ?>
					<nav id="nav-single">
						<h3 class="assistive-text"><?php _e( 'Post navigation', 'twentyeleven' ); ?></h3>
						<span class="nav-previous"><?php previous_post_link( '%link', __( '<span class="meta-nav">&larr;</span> Previous', 'twentyeleven' ) ); ?></span>
						<span class="nav-next"><?php next_post_link( '%link', __( 'Next <span class="meta-nav">&rarr;</span>', 'twentyeleven' ) ); ?></span>
					</nav><!-- #nav-single -->
					<?php get_template_part( 'content', 'single' ); ?>
					<?php comments_template( '', true ); ?>
				<?php endwhile; // end of the loop. ?>
			</div><!-- #content -->
		</div><!-- #primary -->
<?php get_sidebar(); ?>		
<?php get_footer(); ?>

今度は右側にサイドバーが表示されました

こんなわけで、簡単に個別記事にサイドバーが表示されます

【参考サイト】
個別記事にサイドバーを表示-ワードプレスtwentyelevenカスタマイズ|ウェブシュフ

PC

関連記事

WordPressの写真に白枠をつける巻

WORDPRESSの写真に白枠をつけてみました WORDPRESSのバージョンアップを繰り返し

記事を読む

WordPressのテーマをtwentytenからtwentyelevenに変えたの巻

WordPressのテーマをtwentytenからtwentyelevenを変更するのは簡単

記事を読む

【サイト運営】2016年9月にサイトの利益を計算したら0.2円/PVで今後の方針を決めたの巻

はじめに RSSで人気ブロガーの記事を読んでいます ここ立て続けにサイト運営の記事が出ました

記事を読む

人気記事が更新されないと思ったら、WordPress Popular Postsのリセットが必要だった

人気記事が更新されないなあ、と思っていたら、そのモジュールのリセットが必要でした 別ブ

記事を読む

改善しないなあ、どうしたもんでしょ! アクセス数低下

いろいろ手を打っているのですが、アクセス数の低下に歯止めがかかりません う~ん

記事を読む

WordPressのテーブル作表はこのプラグイン! Editor Extender

WordPressでテーブルの表作りが簡単になります ちょっとした表を作りたくて、テー

記事を読む

ブログにWordPressのメンテナンス表示が出てしまったの巻

一瞬、焦りましたが無事に回復できてよかったです ちょっとした不注意で慌てましたので、ご

記事を読む

WordPressの子テーマを作る巻

WORDPRESSの子テーマを作ります 子テーマを作る理由 WORDPRESSのバー

記事を読む

12月だ! 大掃除の季節! WordPressのHeader内を掃除をしてみるの巻

12月です 大掃除の季節です WordpressのHeader内の余分なタグを削除してみ

記事を読む

簡単便利! 選択した商品のテキストをアマゾン、楽天で同時検索するブックマークレットを作ったの巻

はじめに ブログを運営してると、その上達方法の中に記事を量産する話がでます 1日5本の記

記事を読む

PC

PC

PAGE TOP ↑