☆【メモ】 WordPress のブログで「ページ」をサイドバー無しで広く使う

2011年04月11日 13:30 category:WordPress

　WordPress のブログで「ページ」をサイドバー無しで広く使いたい時があります。スタイルシートと新たなページ・テンプレートを作れば簡単に実現します。

スタイルシート関連
#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;
}

テンプレート関連
付け加える「ページ」テンプレート
まず、はじめることは、
テンプレートの最上位に以下を付け加えます。

<?php /*
Template Name: ページ・ワイド
*/ ?>

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

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

更に、

<?php get_sidebar(); ?>

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

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

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

【追記　2011/04/16】
一部、サイドバーを削除する工程を追加しました。