wp.Vicuna Ext. Custom にブログランキングリンクを追加

WordPress 2010 年 1 月 8 日 google+0 はてなブックマーク0 Evernote

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修正後

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

【ご連絡】WordPress、サイト制作関係の新しい記事は、こちらのサイトに書いてます

広告

CPI 激安ドメイン ロリポップ!レンタルサーバー @Next Style お名前.com お名前.com


人気ブログランキング にほんブログ村 blogram

関連記事

    コメントフォーム
    メールアドレスは必須ですが公開はされません

    トラックバックURL
    広告
    ブックマーク
    はてぶ人気記事
    過去ログ