☆【メモ】 WordPress のブログで投稿する時にサイドバー無しで広く表示する

2011年04月18日 15:32 category:WordPress

　WordPress のブログ記事で、写真をメインにした記事などサイドバー無しで広く使いたい時があります。スタイルシートに手を加え新たなテンプレートを作れば簡単に実現します。更に、この為の WordPress 用プラグインが必要です。

必要なプラグインは、
WordPress › Custom Post Template « WordPress Plugins
これをいつものようにインストールして、有効化しておきます。

スタイルシート関連
#content ←これを見つけて

#content {
float: left;
padding: 0px 20px 10px 20px;
width: 500px; /* ←サイドバー有りの幅 */
margin: 0;
}

#content → #widecontent に変えて、新たに次のものを付け加えます。

/* 新たに付け加えた　ワイドページ用 */
#widecontent {
float: left;
padding: 0px 20px 10px 20px;
width: 910px; /* ←サイドバー無しの幅 */
margin: 0;
}

テンプレート関連
付け加えるテンプレートは、お使いのテーマの単一記事の投稿「single.php」に少し手を加えます。
まず、はじめることは、
テンプレートの最上位に以下の３行を付け加えます。

<?php /*
Template Name Posts: ポスト・ワイド
*/ ?>

次に、<div id=”content”>を探しだし、<div id=”widecontent”> にする。

<?php get_header(); ?>
<div id="contentwrapper">
<div id="widecontent">

更に、

<?php get_sidebar(); ?>

これをテンプレートから削除します。

　ファイル名は、single-wide.php とでも名付け /www/wp/wp-content/themes/使用しているテーマ名/ にアップロードします。

投稿のテンプレートを「ポスト・ワイド」に設定しているところ。

理子

トラックバックURL:
https://serene.sakura.ne.jp/blog/2011/04/18/1532/771.php/trackback

固定ページ