サツぽろ、ニッキ。 » wp.Vicuna Ext. Custom http://1day.sorezore.net 札幌の生活と、ネットの毎日と、少しの遊びと、日常の細々。なんだかんだでいろいろとツッコミ募集ちゅう。 Thu, 09 Feb 2012 09:50:48 +0000 ja hourly 1 http://wordpress.org/?v=3.3.1 wp.Vicuna Ext. Customをカスタマイズして、RSS feedのアイコン表示 http://1day.sorezore.net/2010/11/28/8937/ http://1day.sorezore.net/2010/11/28/8937/#comments Sat, 27 Nov 2010 15:18:57 +0000 くろむ http://1day.sorezore.net/?p=8937 私の使っているテンプレートはwp.Vicuna Ext. Custom。
前から気になっていた部分。

wp.Vicuna Ext. Custom
各項目に出るアイコンとRSSのアイコン。

出来ればRSSのマークだけにしたいなぁと思ってはいたけど。
自分のブログなので、そのまま放置していたのですが。

今回、他のアイコンを替えるのと同時にちょっと直してみました。

ソースを見るとRSSのアイコンは直接画像を書き出しているので、テンプレートを修正。

scriptの中のwidgets.phpを開き
488行目あたりから

echo ‘<ul>’;
echo ‘<li style="list-style-image: url(‘.get_bloginfo(‘template_directory’).’/script/image/feed.png);">’;
echo ‘<a href="’. $rss2_url .’" title="RSS Feed">RSS Feed</a></li>’;
echo ‘<li style="list-style-image: url(‘.get_bloginfo(‘template_directory’).’/script/image/feed.png);">’;
echo ‘<a href="’. $atom_url .’" title="Atom Feed">Atom Feed</a></li>’;
echo ‘</ul>’;

という風にliから
style="list-style-image: url(‘.get_bloginfo(‘template_directory’).’/script/image/feed.png);"
を削除して、

echo ‘<ul class="rssfeed">’;
echo ‘<li>’;
echo ‘<a href="’. $rss2_url .’" title="RSS Feed">RSS Feed</a></li>’;
echo ‘<li>’;
echo ‘<a href="’. $atom_url .’" title="Atom Feed">Atom Feed</a></li>’;
echo ‘</ul>’;

という風に
class="rssfeed"
を　ulに追加。

あとはスタイルシート側で、rssfeedのアイコンを指定すればOK。

wp.Vicunaもwp.Vicuna Ext. Customも当初入れた時からバージョンアップされていて、新しいのに入れなおしたいところなのだけど。

カスタマイズしたところを修正しなおすのが、少しだけ手間で、その少しがなかなか出来なかったりする。

PHPによるWordPressカスタマイズブック―3.x対応WordPressスーパーカスタマイズ 3.0対応　ポテンシャルを100％引き出すテクニックXHTML&CSS超高速コーディング術


タグ：｜｜｜
]]> http://1day.sorezore.net/2010/11/28/8937/feed/ 0 WordPressでフロントページに固定ページと最新投稿を同時に表示 http://1day.sorezore.net/2010/10/19/7691/ http://1day.sorezore.net/2010/10/19/7691/#comments Tue, 19 Oct 2010 14:04:25 +0000 くろむ http://1day.sorezore.net/?p=7691 WordPressで固定記事と最新記事と新着記事タイトルを表示したい場合。

企業サイトなどで、基本固定の内容を表示したいのだけど、新着情報も載せたい。という事とかありますよね。
Wordpress表示設定でフロントページに固定ページと最新投稿を同時に表示したいという言い方がいいのかな？

こんな形で。

Wordpressのフロントページ設定を固定ページに設定すれば、選んだページがトップージに一応固定で表示されますが。
それだと、最新の投稿はトップに表示できないワケです。

トップページに
・固定ページを表示して、後で簡単に修正できるようにしたい。
・最新投稿を新着情報として表示したい。（タイトルと本文）
・最近の記事タイトルもついでに数件表示したい。（タイトルのみ）
これを全部一度にしたいんだい！そう思う場合があったりします。

方法
まずページテンプレート（page.php）を複製します。
そして、それをトップページ（フロントページ）にしたい固定ページのテンプレートとして設定します。

固定ページのテンプレート作成については以下をご覧下さい。
・WordPressでページによってテンプレートを変更する場合

複製したpage.phpに以下の記述を追加します。（長いけどザーッと書いてしまいます。）

太字部分が追加した部分です。

テンプレートはwp.Vicuna Extを使っているので、使っているテンプレートに合わせて、必要な部分を変更するのがいいと思います。
（「１．固定ページ」など日本語の部分は実際にはないです。）

<!–end dynamic_sidebar header –>

１．固定ページ
<!–start front page –>

<div class="entry">
<div class="textBody">
<?php the_content(__(‘Continue reading’, ‘vicuna’)); ?>
</div>
<?php comments_template(); ?>
</div><!–end entry–>

<!–end front page –>

2．最新の投稿
<!–start news item –>

<?php $my_query = new WP_Query(‘&cat=0&showposts=1′); ?>
<?php if ($my_query->have_posts()) : ?>
<?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
<h1><?php the_title(); ?></h1>
<div class="entry">
<div class="textBody">
<?php the_content(__(‘Continue reading’, ‘vicuna’)); ?>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>

<!–end news item –>

3．最近の投稿タイトル
<!–start news title –>

<?php $my_query = new WP_Query(‘&cat=0&showposts=10&offset=1′); ?>
<?php if ($my_query->have_posts()) : ?>
<?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
<h1><?php the_title(); ?></h1>
<?php endwhile; ?>
<?php endif; ?>

<!–end news item –>

<?php wp_reset_query(); ?>

<!– end loop –>

<!–start dynamic_sidebar footer –>

追加した部分（太字）は記事を表示するループです。

複数ループについては以下のサイトを参考に。
ぞのものズバリが判りやすく書かれています。
・wordpressでトップページを固定ページに設定して新着記事も表示する | DAICHIFIVE blog

続いて、各部分の説明を分解して書いてみます。

１．固定ページ

<!–start front page –>
　略
<!–end front page –>

は、固定ページを読み出して表示している部分。
そのままだけど、判りやすいようにコメント。

２．最新の投稿

<!–start news item –>

<?php $my_query = new WP_Query(‘&cat=0&showposts=1′); ?>
<?php if ($my_query->have_posts()) : ?>
<?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
<h1><?php the_title(); ?></h1>
<div class="entry">
<div class="textBody">
<?php the_content(__(‘Continue reading’, ‘vicuna’)); ?>
</div>
</div>
<?php endwhile; ?>
<?php endif; ?>

<!–end news item –>

で、最新の投稿のみ表示するようにしている。
具体的には3行目

<?php $my_query = new WP_Query(‘&cat=0&showposts=1‘); ?>

の&showposts=1で、一番新しい記事を呼び出している。
かつ、&cat=0はカテゴリIDが0の記事という記述。

3．最近の投稿タイトル

<!–start news title –>

<?php $my_query = new WP_Query(‘&cat=0&showposts=10&offset=1′); ?>
<?php if ($my_query->have_posts()) : ?>
<?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
<h1><?php the_title(); ?></h1>
<?php endwhile; ?>
<?php endif; ?>

<!–end news title –>

で、最近の投稿タイトルを表示するようにしている。
具体的には3行目

<?php $my_query = new WP_Query(‘&cat=0&showposts=10&offset=1‘); ?>

の&showposts=10&offset=1で、最新の記事一つを除き、最近の記事を10個を呼び出している。

最新記事と最近記事の表示分けについては
・wordpressのインデックスで表示を分割する方法 – さかどん記録
を参考にしています。

最近の投稿はタイトルのみ表示なので

<h1><?php the_title(); ?></h1>

を残し、本文を出力している部分は削除されています。

これを元にCSSなどで上手く表示調整したり、投稿日時も表示するようにすれれば、固定記事+最新記事（最新の投稿）+最近記事タイトル（最近の投稿のタイトル）、というトップページに仕上がります。

そして、最後の呼び出しループを終わらせます。

<?php wp_reset_query(); ?>

これで私が思うように表示できてヨカッタ。
もっと他にスマートな方法がありそう（複数ループの部分がイマイチ判らないので…）なのですが、とりあえずメモしておきます。

2011年9月1日追記：
書いてある内容を一部修正しました。

投稿一覧のループが閉じられていませんでした。

<?php wp_reset_query(); ?>

が必要なので、説明を追加しています。

（固定ページの記事を、投稿一覧の後に表示する場合、前のままでは上手くいかなかったです。）

基本からしっかりわかる　WordPress 3カスタマイズブック (Web Designing Books) [単行本（ソフトカバー）] WordPress レッスンブック 3.x対応 [単行本]WordPress ポケットリファレンス (POCKET REFERENCE)WordPress関数リファレンスガイド


タグ：｜｜｜
]]> http://1day.sorezore.net/2010/10/19/7691/feed/ 1 続きを読む　をWordPressで表示させてみた http://1day.sorezore.net/2010/07/20/5418/ http://1day.sorezore.net/2010/07/20/5418/#comments Tue, 20 Jul 2010 12:03:34 +0000 くろむ http://1day.sorezore.net/?p=5418 続きを読むをこのWordPressでも使う事にしました。（カテゴリとタグクラウドのみ）

ブログによっては途中までの文が書かれ　続きを読む　というリンクが表示されている、アレです。
この機能を使うには、続きにしたい記事の途中に以下のタグをいれればOK。

<!–more–>

それだけなので、Tipsにもならないのだけど。
記事数が400超えたので、全文見るのが億劫になりつつあったり。

そうそう、このテンプレートだと、全文を読む　と表示されているけど後で直そうかな。


タグ：｜｜｜
]]> http://1day.sorezore.net/2010/07/20/5418/feed/ 0 wp.Vicunaでタイトル名から Archiveの文字削除 http://1day.sorezore.net/2010/07/17/5244/ http://1day.sorezore.net/2010/07/17/5244/#comments Sat, 17 Jul 2010 05:36:40 +0000 くろむ http://1day.sorezore.net/?p=5244 特に難しい事もないのだけど、以前の記事が意外と検索されてたので、一応メモしておきます。



カテゴリーページを表示した時に赤でくくった Archive部分をなくしたい、という事で。
以前MovableTypeでやったのと同じく、簡単にできます。

修正するのは以下のファイル
category.php

上から2行目のArchiveを削除

<title><?php vicuna_title(sprintf(__(‘%s Archive‘, ‘vicuna’), single_cat_title(”, false))); ?></title>

　↓

<title><?php vicuna_title(sprintf(__(‘%s’, ‘vicuna’), single_cat_title(”, false))); ?></title>


上から21行目のArchiveを削除

<h1><?php echo single_cat_title(); ?> Archive</h1>

　↓

<h1><?php echo single_cat_title(); ?></h1>

wp.Vicunaも新しいバージョンが出ているようですが、趣味の日記ブログという事もあり。
今ので普通に使えるので当分このままかな。

Movable Typeでの削除は以下参照
・mt.Vicunaでタイトル名からArchiveの文字削除


タグ：｜｜｜
]]> http://1day.sorezore.net/2010/07/17/5244/feed/ 1 WordPressでページによってテンプレートを変更する場合 http://1day.sorezore.net/2010/04/16/3577/ http://1day.sorezore.net/2010/04/16/3577/#comments Fri, 16 Apr 2010 14:31:52 +0000 くろむ http://1day.sorezore.net/?p=3577 wordpressのページテンプレートのデザインを記事によって変更したい場合。
固定ページのデザインをページ別に変更する方法と書いた方が判りやすいかな。

１．page.phpを複製。
WordPress ページテンプレート

元となる固定ページのテンプレートであるpage.phpを複製して、新しくファイル名をつけます。（注意ですが、テーマテンプレートファイル一覧 と違うファイル名にしてください。）

ここでは、仮にpage-tagonly.phpに変更しています。

２．複製したテンプレートをエディタで開き、テキスト追加。
先ほどファイル名を変えたpage-tagonly.phpを開き、一番最初に

<?php
/*
Template Name: tagonly
*/
?>

を追加します。

WordPress ページテンプレート

tagonlyの部分は何でもいいです。判りやすい名前をつけて下さい。

作成したファイルを元のテンプレートと同じデレクトリにアップします。

３．管理画面にログインして、作成したテンプレートを選択して保存。

WordPressの管理画面にログインし、ページ（固定ページ）の記事を開きます。
属性のメニューの中にテンプレートが表示されます。
デフォルトの下の、作成したテンプレート（tagonly）を選んで、保存（または更新）します。

WordPress ページテンプレート

これで、作成したテンプレート（page-tagonly.php）が個別ページに反映されます。

このテンプレートの変更方法は、WordPressに最初からある機能です。
WordPressとフォーラムに書かれています、
個別の固定ページ用のテンプレートが適用されない
「ページ」→「新規追加」画面の「デフォルトテンプレート」はどのテン
Pages – WordPress Codex 日本語版

また、固定ページのみでなく、投稿ページ一つ一つのデザインを変更に対応できるプラグインがあるそうです。

詳しくは以下のページに説明があります。
投稿ごとにデザインテンプレートを変更するプラグイン

ほか、カテゴリ別にデザインを変更する場合は、以前の記事を見てください
・WordPressの個別記事ページをカテゴリ別に変更

PHPによるWordPressカスタマイズブック―3.x対応基本からしっかりわかる　WordPress 3カスタマイズブック (Web Designing Books)WordPress ポケットリファレンス (POCKET REFERENCE)


タグ：｜｜｜
]]> http://1day.sorezore.net/2010/04/16/3577/feed/ 4 WordPressのカテゴリを並び替えるプラグイン http://1day.sorezore.net/2010/02/27/3479/ http://1day.sorezore.net/2010/02/27/3479/#comments Sat, 27 Feb 2010 07:33:34 +0000 くろむ http://1day.sorezore.net/?p=3479 My Category Order
WordPressのカテゴリを並び替えるプラグイン。

日本語版はこちら
My Category Orderの日本語版を配布 | Lovelog+*

My Category Orderの使い方は簡単です。
My Link Orderとほぼ同じなので、こちらを見てください。

プラグインを入れ有効にしたら、投稿のページにMy Category Orderの設定が出てきます。ドラッグ&ドロップで順番を入れ替えて、ボタンを押すと完了。

基本的にそのままで反映されますが、テーマによってはsideber.phpを書き換えます。

テーマをVicunaにしている場合は
sideber.php内の

<?php wp_list_cats(‘sort_column=name&optioncount=0&hierarchical=1′); ?>

を

<?php wp_list_categories(‘orderby=order&style=list&hide_empty=1&title_li=’);?>

に変更。

orderby=order
を入れるのが大切らしい？

簡易的な表示なら以下でもOK。

<?php wp_list_categories(‘orderby=order&title_li=’); ?>

ついでに…

ほか変更方法の色々
My Category Orderに限らず、カテゴリの表示はパラメータ指定で変更できます。
基本　パラメータ=値　を&でつないで入れる形。

・記事数を表示

<?php wp_list_categories(‘orderby=order&show_count=1&title_li=’); ?>

　　show_countで記事数の表示を設定できます
　　show_count=1　表示　
　　show_count=0　非表示（デフォルト）

・一部カテゴリを表示したり非表示にする
　ID1、2を表示

<?php wp_list_categories(‘orderby=order&include=1,2&title_li=’); ?>

　　include=表示の投稿ページid

　ID1、2を非表示

<?php wp_list_categories(‘orderby=order&exclude=1,2&title_li=’); ?>

　　exclude=非表示の投稿ページid

ほかのパラメーターは

style　　リストかもしくは改行で表示
　list　リスト（デフォルト）
　none　改行タグ

hide_empty　投稿記事のないカテゴリー表示
　１　非表示（デフォルト）
　0　表示

depth　カテゴリ階層の深さを指定
　0　全て表示 (デフォルト).
　-1　全てを並列に表示
　1　階層で1番上のカテゴリーのみ表示
　n　n（整数）番目までのカテゴリーを表示

以下参考にさせていただいたページです。

使い方
WordPressのカテゴリを並べ替えるプラグイン、My Category Order – ミblog : レビューや日常など
Vicunaでの導入方法
My Category Orderでカテゴリを並べ替える – blog.yuco.net
エントリー数を指定
WordPress -My Category Orderプラグイン導入 – ITめもりーにょ
パラメータの説明
カテゴリーリストを表示するテンプレートタグwp_list_categories() | WordPress & Business メモ

WordPressスーパーカスタマイズ 3.0対応　ポテンシャルを100％引き出すテクニック WordPressスーパーカスタマイズ 3.0対応　ポテンシャルを100％引き出すテクニック
下野 宏 下野 理子

WordPress 3　サイト構築スタイルブック PHPによるWordPressカスタマイズブック―3.x対応 WordPress レッスンブック 3.x対応 基本からしっかりわかる　WordPress 3カスタマイズブック (Web Designing Books)


タグ：｜｜｜｜
]]> http://1day.sorezore.net/2010/02/27/3479/feed/ 0 wp.Vicuna Ext. Custom にブログランキングリンクを追加 http://1day.sorezore.net/2010/01/08/2702/ http://1day.sorezore.net/2010/01/08/2702/#comments Thu, 07 Jan 2010 15:10:43 +0000 くろむ http://1day.sorezore.net/?p=2702 wp.Vicuna Ext. Customのテンプレートにランキングサイトのボタンを足してみた。
ちょうど、WordPress記事の下に人気ブログランキングと、にほんブログ村のリンクが表示される形。

追加したのは以下の文字

<div class="ranking">
　　<?=mb_convert_encoding(‘ランキングサイトのバナーやテキスト’,'utf-8′, ‘shift-jis’);?>
</div>

実際は「ランキングサイトのバナーやテキスト」の部分にランキングサイトのリンクが入ります。
アイコンをマウスオンで動かすのにクラス名rankingも入れているけど。
ただリンクを追加したいだけなら、textBodyにしてよいと思います。

追加箇所は、記事別ページを例にすると、
single.php　54行付近

<div class="textBody">
　　<?php the_content(__(‘Continue reading’, ‘vicuna’)); ?>
</div>

<div class="ranking">
　　<?=mb_convert_encoding(‘ランキングサイトのバナーやテキスト’,'utf-8′, ‘shift-jis’);?>
</div>

<ul class="flip" id="flip2">
<?php if ( $newer_post ) : ?>

mb_convert_encoding　は文字化け防止のため。
文字化けについては、以下のページに書かれています。
[WordPress]テーマをカスタマイズして文字化けしたときはこの方法。

他にも表示されやすいページを修正。

トップページ　index.php　39行目付近
カテゴリ別ページ　category.php　42行目付近
タグ別ページ　tag.php　37行目付近

<div class="textBody">
　　<?php the_content(__(‘Continue reading’, ‘vicuna’)); ?>
</div>

の下に同じく追加。

wp.Vicuna Ext. Custom修正後

こんな風に入りました。アイコンは後で代える予定。
役だった時、面白かった時、押してくれると嬉しいです。


タグ：｜｜｜
]]> http://1day.sorezore.net/2010/01/08/2702/feed/ 0 Add-Meta-Tags以外の余計なdescriptionを削除 http://1day.sorezore.net/2009/08/28/1264/ http://1day.sorezore.net/2009/08/28/1264/#comments Fri, 28 Aug 2009 11:32:25 +0000 くろむ http://1day.sorezore.net/?p=1264 メタタグを変更するプラグイン、Add-Meta-Tags。

でも、wp.Vicuna Ext. Customに、Add-Meta-Tagsプラグインを追加すると、descriptionやkeywordsが2つになってしまう。

元々テンプレートにあったものと、
Add-Meta-Tagsで追加されたものがダブルという事なんだけど。

なんでかなー。
という事で、2重になっているdescriptionを削除する事に。

wp.Vicuna Ext. Custom　の　header.php
26行目付近

<?php if ( $description = get_bloginfo(‘description’) ) : ?>
<meta name="description" content="<?php bloginfo(‘description’); ?>" />
<?php endif; ?>

を削除。

keywordsは、Simple Tagsというプラグインを入れているせいみたい。
管理画面の設定メニューからSimple Tags表示し、設定を変えます。
設定画面

設定の中のメタキーワードから、自動的にヘッダーに含めるのチェックマークを外します。

そうすると、プラグインのひとつだけに統一。スッキリですね。
HTMLソース


タグ：｜
]]> http://1day.sorezore.net/2009/08/28/1264/feed/ 3 WordPressでmeta descriptionタグを記事別指定 http://1day.sorezore.net/2009/08/27/1222/ http://1day.sorezore.net/2009/08/27/1222/#comments Thu, 27 Aug 2009 13:15:55 +0000 くろむ http://1day.sorezore.net/?p=1222 WordPressで書かれるメタタグ、meta name=”description”　…。
私のWordPressでのこの部分（メタタグ）は、設定で書いたキャッチフレーズ（私の場合、札幌の生活と、ネットの毎日～のところ。）に全て統一されています。

（Vicuna以外のテンプレートなら、また別なのかな？）

元々、descriptionはそのページの簡単な説明を書いたりするんですが、これは各記事ページで変更すると、SEO的にいいみたいです。

そんな事で、各記事ページに個別のメタタグを簡単に表示できるプラグイン。
Add-Meta-Tagsを入れてみました。

メタタグをページごとに設定できるWordPressのプラグイン:Add-Meta-Tagsの日本語版

上のリンクから行くと、日本語のページに行き着きます。
解凍するとファイルが一つ現れますので、それをプラグインとして追加。

設定ページから、基本設定を。

Add-Meta-Tagsの設定

サイトの説明は、トップページ等のmeta description（説明文）を入れます
サイトのキーワードは、同じくトップページ等のmeta keywords（カンマ区切りキーワード）を入れます。

さて、各記事のメタタグについて。

デフォルトでは、先頭の文字を少し抜き出して、descriptionの欄に入れてくれます。
keywordsは記事のあるカテゴリ名がそのまま入ります。

だけど、やっぱり自分で書きたい！
という人は各記事に以下のように設定します。
Add-Meta-Tagsの記事別設定

抜粋：meta description（説明文）
カスタムフィールド：名前をkeywordsに、値にキーワードをカンマ区切りで、カスタムフィールド追加。

後はそのまま記事を保存すると、内容が反映されます。

気になる点がひとつあるけど、このブログではちゃんと反映されました。
キーワードも説明文も、とりあえず入れたのでSEOになってるかは不明なんですけどねー。


タグ：｜｜
]]> http://1day.sorezore.net/2009/08/27/1222/feed/ 1 ウィジェットでサイドバーに固定ページが追加出来ない http://1day.sorezore.net/2009/08/13/742/ http://1day.sorezore.net/2009/08/13/742/#comments Thu, 13 Aug 2009 02:24:51 +0000 くろむ http://1day.sorezore.net/?p=742 このブログ、wp.Vicuna Ext. Customを使っているのだけど。
何故かウィジェットで固定ページを追加出来なくなった。

サイドバーに追加出来ないのは、固定ページのリストのみ。
他の項目は追加できるんだけど。

これはWordPress 2.8.3にしたから？
とはいえ、このためにバージョンダウンするのも何だか億劫です。

この他にも
wp.Vicuna Ext. Customでclassが行方不明？
なんて事もあったのだけど、やっぱりソースいじるの面倒なので、今のところ放置中。

とりあえずは、普通のテキスト項目として追加しています。


タグ：｜
]]> http://1day.sorezore.net/2009/08/13/742/feed/ 7