ホーム > Wordpress-xrea > 【進行中】シンプルなイラストサイト向けにVicunaテーマをカスタマイズ

【進行中】シンプルなイラストサイト向けにVicunaテーマをカスタマイズ

イラストサイト運営に、wp.Vicunaテーマをカスタマイズして使用するという魂胆。

wp.Vicunaは、WordPress専用のテーマです。サイト構築時にベースとして利用できる超汎用テンプレートとして、シンプルなHTML構成と柔軟性の高い専用のCSSスキンを用意しています。

全部のサイトにカスタムしたvicunaテーマつかってます。
参考:Vicuna CMSテーマカスタマイズ+wordpressプラグイン使用一覧メモ – みついれ@うぇぶろぐ
問題は、wp.Vicunawp.Vicuna Extwp.Vicuna Ext. Customどれ使ってたかだ…!

wp-contentsのthemeにアップロード

どうやらwp.Vicuna Ext使ってた模様。うーんでも今回wp.Vicuna更新したしそっちつかってみたいんだけどなー(´ρ`)
vicunaだとphpを直接いじってレイアウトかえますけど、(wp.Vicuna – レイアウトの変更)extだとプラグインのように編集画面でいろいろ変えられます。

現在カスタマイズ可能な項目一覧
スキンの切り替え
表記言語の切り替え
Eye Catchの切り替え
グローバルナビゲーションの表示切り替え
各ページ毎のレイアウト設定
Widgetによるサイドバーのカスタマイズ

ma38su.org – wp.Vicuna Ext
まあいいや…更新した新vicunaつかってみる!
wp.Vicuna – 本体の入手と設置手順 DLして解凍してうpしてphpファイルの属性を666にかえる。
マルチ化してる場合はファイル名を変えて共存させる。
スキンが他にもあるのでそっちもうpしてみるー wp.Vicuna – CSSスキン
好みでflatを選択。wp-themeにうpして属性ry

vicuna phpをいじってレイアウトかえてくよー

ここがvicunaのオススメポイント wp.Vicuna – レイアウトの変更

Vicuna CMSで配布しているスキンは、body要素に付加されるクラス名によってレイアウトが変わる仕組みになっています。Vicuna テーマ・マネージャーを利用することで、wordPressの管理画面からスキンの対応する好みのレイアウトに簡単に変更することができます。

ということで早速イメージにあったクラス名を選択して挿入

<body class="mainIndex single eye-h">

どんどん変えていきます。
ちなみにテンプレートは

  1. ヘッダー (header.php)
    1. メインインデックスのテンプレート (index.php)
    2. ページテンプレート (page.php)
    3. アーカイブ (archive.php)
    4. カテゴリーテンプレート (category.php)
    5. タグテンプレート (tag.php)
    6. 検索結果 (search.php)
    7. 404 テンプレート (404.php)
    8. 単一記事の投稿 (single.php)
      1. コメント (comments.php)
  2. サイドバー (sidebar.php)
  3. フッター (footer.php)
  4. テーマのための関数 (functions.php)

これにスタイルシート (style.css)で装飾していきます。

グローバルナビゲーション挿入するよー

これは手動でglobalnavi.phpをつくって挿入したいテンプレートへ

<?php include (TEMPLATEPATH.'/globalnavi.php'); ?>

を入れる。
中身はこんな感じ

<ul id="globalNavi"><li><a href="<?php bloginfo('url'); ?>/guide" title="guide:ガイド・このサイトについて">guide</a></li>
<li><a href="<?php bloginfo('url'); ?>/memo" title="memo:お知らせとか日記とか">memo</a></li>
<li><a href="<?php bloginfo('url'); ?>/img" title="img:絵">img</a></li>
<li><a href="<?php bloginfo('url'); ?>/offline" title="offline:通販・イベント情報">offline</a></li>
<li><a href="<?php bloginfo('url'); ?>/bkm" title="bkm:ブクマ">bkm</a></li>
<li><a href="<?php bloginfo('url'); ?>" title="index:インデックス・最初のページ">index</a></li>

グローバルナビゲーションをページ最上部に移動します。

<body class="mainIndex double gt>

サイドバー編集

ごちゃごちゃしてるので最近のpostだけにしとく

	<dt><?php _e('Recent Entries', 'vicuna'); ?> --<a href="/tag" title="tags/記事一覧">All 
<?php $numposts = $wpdb->get_var("SELECT count(*) FROM $wpdb->posts WHERE post_status = 'publish' AND post_type = 'post'");  
if (0 < $numposts)  
     $numposts = number_format($numposts);  
echo $numposts.' posts.';  
?>  </a></dt>
<dd class="recentEntries">
			<ul><?php
$lastposts = get_posts('numberposts=10&orderby=post_date');

foreach($lastposts as $post) :
    setup_postdata($post);
    ?>
                <li><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a> -<?php the_time('m/d'); ?></li>
<?php endforeach; ?></ul>

		</dd>

ここで、全記事表示のための頁 tag ぺーじを生成する。
あとでDagon Design Sitemap Generatorプラグインで全部表示するー

<!-- ddsitemapgen -->

DDDSGの日付表示は Y-m-d が好きだな

フッターにカウンター

conterizerⅡを改造してカウンター入れます。
(footer.php)いじる

<?php counterize_add();?>Y:<?php echo number_format(counterize_gethitsyesterday()); ?>/<?php echo number_format(counterize_getuniquehitsyesterday()); ?> T:<?php echo counterize_gethitstoday(); ?>/<?php echo counterize_getuniquehitstoday(); ?> all[<?php echo counterize_getamount(); ?>/<?php echo counterize_getuniqueamount(); ?>]

ちなみにconterizerⅡはマルチ化している場合ネットワークで有効化せずに
各々のWPで有効化しないとテーブル生成しないらしく動きませんでした。びびった

ページのコメント欄を削除

(page.php)でコメントのphpを削除

<?php comments_template(); ?>

※追記あり

外部リンク


wp.Vicuna – テーマ・テンプレート
ma38su.org – wp.Vicuna Ext
ma38su.org – Vicuna Adaptor
wp.Vicuna Ext. Custom | the Fang of Sky

  • 2011年6月20日 11:12
  • 52,205 views
  • 1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
    Loading...

これもだうぞ

コメント:0

コメントフォーム
入力した情報を記憶する

トラックバック:1

この記事のトラックバック URL
http://www.mi210.com/weblog/web/wordpress-xrea/simple-illust-site-vicuna-theme-custom_202.html/trackback
トラックバックの送信元リスト
【進行中】シンプルなイラストサイト向けにVicunaテーマをカスタマイズ - みついれ@うぇぶろぐ より
pingback - 落伍者がネットビジネスで稼ぐ - ブログの構築 より 2012年12月1日

[…] いろいろWebを探し回った結果解決できたんですが、おそらく今からVicunaを使う人はほとんどいない(笑)と思いますので、 解決方法が書いてあるページへのリンクだけ貼っておきますね。 Typo みついれ@うぇぶろぐ […]

ホーム > Wordpress-xrea > 【進行中】シンプルなイラストサイト向けにVicunaテーマをカスタマイズ

アーカイブ
    あわせて読みたいブログパーツ
    フィード
    メタ情報

    ページの上部に戻る