簡単にできた! 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">←</span> Previous', 'twentyeleven' ) ); ?></span> <span class="nav-next"><?php next_post_link( '%link', __( 'Next <span class="meta-nav">→</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(); ?>
今度は右側にサイドバーが表示されました
こんなわけで、簡単に個別記事にサイドバーが表示されます
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内の余分なタグを削除してみ