*

簡単にできた! 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

関連記事

アクセス数急降下中! ウェブマスターツールのURLパラメータで対処してみるの巻き

ちょっとURLパラメータを試してみます サイトのアクセス数が急降下中 135→86→

記事を読む

簡単便利!Perlで住所チェックの巻

必要に迫られて、住所チェックのモジュールを探したものの、なかったので、作ってしまいましたよ

記事を読む

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

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

記事を読む

Googleウェブマスターツールから怒られない! サイトに含まれるWordPressのバージョンを消してみるの巻

Googleのウェブマスターツールは、いろいろな情報を提供してくれます そんな中にはサイト

記事を読む

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

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

記事を読む

カレンダーで記事ポストの予定が立てれて便利! WordPress Editorial Calendar

WORDPREEの管理画面から、記事投稿の予定がカレンダーで見れて便利です 記事を一日

記事を読む

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

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

記事を読む

アマゾンのアソシエートタグが消えるのが直った! WordPress 3.5.1

WordPressのバージョンアップでHTMLタグが消えるのが直りました WordPr

記事を読む

本日もアクセス降下中!

あはは、昨日に引き続き、アクセス降下中 135→86→42→35 23時現在 明日ぐ

記事を読む

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

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

記事を読む

PC

PC

PAGE TOP ↑