Facebook
RSS Feed
Feb 8, 2012

WordPress初心者講座・Q&A:カテゴリーごとにシングルページのデザインを変えれるの?

こんなご質問をいただきました。

カテゴリーごとにデザインを変えることはできますか?
ギャラリーページだけサイドバー無しで写真を大きく表示出来るレイアウトにしたいです。

写真ギャラリーページでは写真を大きく見せたい!と言う要望はありますよね。
Minimal WPのテーマはほとんどが「全体幅910px/本文エリア618px」を基本にしています。
なんでかって言うのはまあナイショなんですけど、ちゃんと理由があります。
その理由については長くなるのでまた追々。

今回の要望に簡単に答えるとすると、
「ギャラリーカテゴリーのシングルページはサイドバー無しにして、
最大横幅910pxのでっかい写真を載せられるようにカスタマイズする」のが簡単でいいかなーと。
ちなみに割と人気なテーマ「Miracle Summer」は最初っからそうなってます。

というわけで、カスタマイズ方法をズン!とご説明します。
わりと簡単ですよ。


 

カテゴリーごとにシングルページのデザインを変える(作業時間3分)

◎基本の準備

single.php テンプレートを複製して、single-1.php を作成します。
番号の部分はカテゴリーのIDと同じ番号を付けます。

以上!
基本はこんだけです。

【関連記事】Q&A:カテゴリーの番号はどこで分かるの?
 

いや、本当はfunction.phpっていうWordPressのテンプレートの一番複雑な部分(ワタクシはこれを悪の巣窟と呼んでいます)にコードを追加したりとかしないといけないんですが、そこを適当にいじるとなんか失敗して面倒なことになったらねぇ、真っ白になってヒャー全部消えたー!みたいなことになって直すの大変だしアレしちゃうし夜寝れなくなっちゃうし、ってことで、できるだけ簡単にしちゃおうと思って、Minimal WPのテーマは最初っからコードを仕込んでありますのよ。なので、余計な所をいじる必要はありませんよ!

 

◎横幅を広げて、サイドバーを消す

1)single-1.php のたぶん10行目辺りにある <div id=”main-single”> の
「-single」を削除して、<div id=”main”> にします。

2)single-1.php 内のサイドバー部分 <?php get_sidebar(); ?> を削除します。

以上です!スーパー簡単!
簡単に説明するとsingleって付いてるのはサイドバーありのレイアウトで、
single付いてなかったらサイドバーも付いてないレイアウトにしますよって意味です。
あ、もちろんこの部分はMinimal WPのテーマに限った話ですよ。スタイルシートの話なのでね。
 
 
これを応用すれば、サイドバーも複製してカテゴリーごとにサイドバーを変えたりとかもできます。
それについてはまた今度詳しく書きますかね。

上のやり方以外にもプラグインを使う方法もあります。
Custom Post Templateが簡単です。ググってください。

Posted in Blog, WordPress初心者講座Comments Closed 

関連記事

今月の人気のワードプレステンプレートBEST 3

WordPressテーマ(スマホ対応レスポンシブデザイン)「Slauson」
公式サイト/マガジン/ビジネス・企業
WordPressテーマ(スマホ対応レスポンシブデザイン)White Studio
ビジネス・企業/コーポレートサイト/公式サイト
WordPressテーマ(スマホ対応レスポンシブデザイン)「Pantomime」
ギャラリー・ポートフォリオ / 公式サイト