WPのテーマ「vicuna」に「style-flat」skin適用後のカスタマイズ(覚え書き)

スポンサーリンク

テーマは「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のにする?
  • カレンダー
  • サイトマップページの作成
  • はてブ数等を各エントリー記事に表示するスクリプトをつける
  • 携帯閲覧用プラグイン導入
  • twitter
  • photo album
  • lightbox
スポンサーリンク
NO IMAGE
この記事をお届けした
sorariumの最新ニュース情報を、
いいねしてチェックしよう!

シェアする