wp.Vicuna Ext. Customのテンプレートにランキングサイトのボタンを足してみた。
ちょうど、WordPress記事の下に人気ブログランキングと、にほんブログ村のリンクが表示される形。
追加したのは以下の文字
<div class="ranking">
<?=mb_convert_encoding('ランキングサイトのバナーやテキスト','utf-8', 'shift-jis');?>
</div>
<?=mb_convert_encoding('ランキングサイトのバナーやテキスト','utf-8', 'shift-jis');?>
</div>
実際は「ランキングサイトのバナーやテキスト」の部分にランキングサイトのリンクが入ります。
アイコンをマウスオンで動かすのにクラス名rankingも入れているけど。
ただリンクを追加したいだけなら、textBodyにしてよいと思います。
追加箇所は、記事別ページを例にすると、
single.php 54行付近
<div class="textBody">
<?php the_content(__('Continue reading', 'vicuna')); ?>
</div>
<?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>
<?php the_content(__('Continue reading', 'vicuna')); ?>
</div>
の下に同じく追加。
こんな風に入りました。アイコンは後で代える予定。
役だった時、面白かった時、押してくれると嬉しいです。
コメント
トラックバックURL