- 2008-01-13 (日) 1:15
- wordpress
テーマは「vicuna」 使用しているskinは「style-flat」。
3カラム/右端にサイドバーをまとめたレイアウトへ。
デフォルトでは2カラムになっているので、上記のレイアウトに変更する。「5-module.css」を開き、ラストのモジュールを適用させる。デフォルトでは以下の部分が/* */でコメントアウトされているので、コメントアウトを削除。
@import url(module/mod_multiCol-Type2.css);
「wp.vicuna」フォルダ内の、index.phpを開き、4行目を
<body class=”mainIndex multi”>
に変更。
マルチカラムのサイドバーの位置変更。
デフォルトでは、ナビゲーション(最近のエントリー、カテゴリーなど)部分のサイドバーが一番右、その他(検索、フィードなど)が真ん中に来ていたけれど、記事の右端にはすぐにナビゲーションがあった方がわかりやすいし、最近のエントリーがぱっと目に入るほうがいいのでカラムの位置を変更する。od_multiCol-Type2.css を開き、「* 1-3-2. div#utilities」の赤色部分を追加・修正。
body.multi div#utilities dl.navi {
margin-right: 10px;
margin-left: 10px;
float: left;
width: 185px;
display: inline; /* for IE */
}
body.multi div#utilities dl.others {
display: inline; /* for IE */
width: 175px;
float: right;
}
以下、もろもろ。
メインのビジュアル写真(上部アイキャッチ写真)を挿入する。
「5-module.css」を開き、Eye Catch [Long] Moduleのコメントアウトを削除する。(これはロング画像を使う場合) 画像を変更する場合は、「style-flat > images > eyeCatch > long.png」を同サイズで自分の写真を置き換えるだけでOK。
feedをfeedburnerのurlに変更
header.phpを開いて、以下を変えておく。
<link rel=”alternate” type=”application/rss+xml” href=”自分のfeedburnerのurlに変更” title=”RSS 2.0″ />
<link rel=”alternate” type=”application/atom+xml” href=”自分のfeedburnerのurlに変更” title=”Atom cite contents” />
ナビゲーションをつける
上部にナビゲーションをつけたかったので、sidebar.phpの
<!–
<dt>Pages</dt>
<dd>
<ul class=”pages”>
<?php wp_list_pages(’sort_column=menu_order&title_li=0′); ?>
</ul>
</dd>
–>
この部分をコメントアウト。 そして、index.php、archive.php等必要なページの9行目以下にナビゲーションを挿入。本日はここまで!
to do list
- サイドバーに、プラグイン(あわせて読みたい、ブログスカウター、フィードメーター、フィードバーナー)、ブックマーク、ブログリスト、お気に入りグッズ、フィード登録ボタン、はてブカウンターをつける
- タイトルまわり
- 連絡フォームか、メールアドレスか…
- サイト内検索をgoogleのにする?
- カレンダー
- サイトマップページの作成
- はてブ数等を各エントリー記事に表示するスクリプトをつける
- 携帯閲覧用プラグイン導入
- photo album
- lightbox
Comments:0
Trackback+Pingback:0
- この記事へのTrackBack URL
記事への言及のないもの等は削除する場合があります。また、スパム判定ですぐに反映されない場合があります。 - http://www.sky-s.net/sky-blog/archives/2008/01/13-011506.php/trackback
- Listed below are links to weblogs that reference
- WPのテーマ「vicuna」に「style-flat」skin適用後のカスタマイズ(覚え書き) from sorarium












![TAMRON SP AF 17-50mm F2.8 Di II LD Aspherical [IF] デジタル専用 αシステム用 A16M](http://ecx.images-amazon.com/images/I/51DA8G1QP7L._SL75_.jpg)




