TopWordPressテーマ > 2007年2月
2007年2月 5日

WordPress テーマ(テンプレート)・3カラム版

February 5,2007 12:02 AM
Tag:[, ]
Permalink

WordPress 用のテーマ(テンプレート)・3カラム版を作りました。

小粋空間 WordPress テーマ・3カラム版

スクリーンショットの3カラム固定レイアウトの他、3カラムリキッドレイアウトや2カラム・1カラムレイアウトなどに変更することも可能です。カラムレイアウトの設定方法につきましては本エントリーを参照ください。

1.利用規定

ご利用の前にテンプレートのページを必ずご覧くださいますよう、よろしくお願い致します。

2.ダウンロード

下のリンクからテーマ(テンプレート)をダウンロードしてください。

2007.02.05 初版
2007.02.06 クレジットバナーにアンカーを追加
2007.02.11 サイドバーのアンカーのない文字への color プロパティ追加
2007.02.24 リキッドレイアウトのサイドバーの垂直開始位置修正
2007.03.13 日付表示のテンプレートタグを変更と、それに伴う5項の JavaScript 削除
2007.07.22 XHTML 1.0 Strict 等、変更
2007.12.03 月別アーカイブリストの件数表示、0件のカテゴリーの非表示等、変更
2008.06.16 floatのクリア方法変更、フッタのWordPress MEへのリンクを変更
2008.10.25 記事ページの title 要素修正
2009.07.07 画像に本文が回り込まない不具合を対処
2010.03.17 検索結果でレイアウトが崩れる不具合を対処
2010.12.07 WordPress 3.0 対応
2011.03.17 ブログのパス変更でバナー画像が表示されなくなる不具合を修正
2011.11.03 v3.0.20「Commented entry listプラグイン」機能を同梱/パンくずリスト表示の不具合を対処/非推奨テンプレートタグの削除/フォントサイズ変更
2012.11.29 v3.0.21 リキッドレイアウトの背景色の不具合を対処/404ページの不具合を対処

プラグインのご利用および質問に対する回答等について、ご支援・ご賛同くださる方からの寄付をお待ち申し上げます。

3.テーマの切り替え

ダウンロードしたファイルを展開し、中にある koikikukan3 というフォルダを、wp-content/themes 配下にアップロードしてください。

そのあと、管理画面の「外観」→「テーマ」をクリックすれば、アップロードしたテーマとサムネイルが表示されます(下)。

テーマの表示

サムネイルまたは「プレビュー」をクリックすれば、テーマをプレビューできます。「有効化」をクリックすれば即座にテーマが切り替わります。

プレビューの状態からテーマを切り替えるには、プレビュー画面右上の"koikikukanを有効化"をクリックします。

有効化

4.カラムレイアウト変更方法

カラムレイアウトを変更するには、テーマエディタで「ヘッダー」を選択し、下記の赤色部分を変更するだけです。

<?php global $layout; $layout = 'layout-three-column'; ?>

各レイアウトの設定値は次の通りです。記事冒頭の画面は「3カラム固定(左右サイドバー)」です。

  • 3カラム固定(左右サイドバー):layout-three-column
  • 3カラムリキッド(左右サイドバー):layout-three-column-liquid
  • 3カラムリキッド(右サイドバー):layout-three-column-liquid-right
  • 2カラム固定(左サイドバー):layout-two-column-left
  • 2カラム固定(右サイドバー):layout-two-column-right
  • 2カラムリキッド(左サイドバー):layout-two-column-liquid-left
  • 2カラムリキッド(右サイドバー):layout-two-column-liquid-right
  • 1カラム固定:layout-one-column
  • 1カラムリキッド:layout-one-column-liquid

以下に切り替えイメージをいくつか示します。

3カラムリキッド(左右サイドバー)
3カラムリキッド(左右サイドバー)

3カラムリキッド(右サイドバー)
3カラムリキッド(右サイドバー)

2カラムリキッド(右サイドバー)
3カラムリキッド(左右サイドバー)

5.注意事項

サイドバーのリストマークは画像を用いて表示しています。この画像が表示されない場合、アップロードしたテーマの中にある images ディレクトリのパーミッションを変更してください。755 等になっていれば大丈夫と思います。

また、リキッドレイアウトを選択した場合、背景色は必ず「#ffffff」を設定してください。他の色や背景画像を設定していると正常に表示されません。

6.記事の日付表示について

本項目は 2007.03.13 以前にダウンロードされた場合のみ該当します。
本テンプレートでは、タイトル前方に記事の公開日を表示するようにしており、JavaScript を用いてページの前方に同一日付の記事がある場合、日付を重複して表示しないようにしています。なおデフォルトの環境設定でのみ動作確認していますので不具合ございましたらご連絡ください。
この機能を無効にする場合はベースHTMLテンプレート下にある

<script type="text/javascript">
<!--
var elements = document.getElementsByTagName('p');
var work;
var work_old = '';
for (i=0; i<elements.length; i++) {
    if (elements[i].getAttribute('class') == 'date' ||
        elements[i].getAttribute('className') == 'date') {
        work = elements[i].innerHTML;
        if(work == work_old){
            elements[i].style.display = 'none';
        }
        work_old = work;
    }
}
//-->
</script>

を削除してください。

7.XHTML1.0 Transitional valid

Valid XHTML 1.0 Transitionalテンプレートを設定した状態で W3C Markup Validation Service での XHTML1.0 Transitional valid および、Another HTML-lint gateway で高得点になるようにしています。

2007.02.06 追記
リストマークが表示されない問題について記述を追加しました。またテーマの右サイドバー下にあるクレジットバナーにリンクが設定されていなかったため、修正しました。

2010.12.07 追記
記事本文をWordPress 3に合わせて全面改訂しました。

2011.01.13
Commented entry listのリンク先を変更しました。
旧:http://hirobee.jp/archives/2005/05/commented-entry-list-11/
新:http://www.koikikukan.com/archives/2011/01/13-005555.php

Comments [187] | Trackbacks [16]
Now loading...
ギターに入った猫
掲載広告募集
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

AMN
Categories
Monthly Archives
2020年
2019年
2018年
2017年
2016年
2015年
2014年
2013年
2012年
2011年
2010年
2009年
2008年
2007年
2006年
2005年
2004年
2003年
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
Powered by
Movable Type 6.0.3