wordpress:Simple Tags タグ・関連投稿設定
Posted on 月曜日, 10 月 13th, 2008 at 10:42 AMwordpressプラグインplugin導入。(日本語)
Simple Tags (similar posts はよくわからないので こっちにした)
tags機能は WP2.6に標準だが 管理画面のタグや関連記事表示など とても便利なプラグイン。
管理画面のタグ(クリックタグ)・・。タグが一覧表示されていて一目瞭然。(今までは毎回文字を入力していたがクリックで選択することによりタグを指定できる。)
自動タグ・・。勝手にタイトルや投稿内よりタグを付けてくれる。
タグ管理・・。タグ一括編集。などなど いろいろ便利な機能がついている。
関連記事・・。タグに関連して「関連する投稿」が自動で表示される。(関連する投稿の文字を管理画面にて変更したり投稿数できる)
タグ・・。標準についているのは使用せず このtagsを使用。<?php st_the_tags(); ?>
---------
任意の場所に表示。
【例】
関連投稿を指定した場所に表示させる。(もちろん・・・・管理画面の「自動的に表示」チェックは外す)
以下を表示させたいファイル・場所に記述するだけ。
<?php st_related_posts(); ?>
--------
更に例えば 関連投稿の右横に関連タグを表示したいとき~(テーブル使わずCSSにてレイアウトする場合)
<div id="postA">
<?php st_related_posts(); ?>
</div>
<div id="postB">
<?php st_the_tags(); ?>
</div>
と記述し
------
CSSに
#postA {
width:300px;
float:left;
}
#postB {
width:200px;
float:left;
}
と記述。次にくる部分のfloatを解除するに同じくCSSのその部分に
clear : both;
で多分おk。(数値は例)
-----------
別鯖にて こんな感じにしてみた。 のメモ
<div class="bt-links">
<div id="postA">
<?php st_related_posts(); ?>
</div>
<div id="postB">
<?php st_the_tags(); ?>
</div>
<div class="bt-links2">
<!--Category:<strong class="emp"><?php the_category(', ') ?></strong><br />
<?php the_tags('Tags: ',' <strong class="emp"></strong> '); ?>-->
</div>
</div>
------
CSS
.bt-links2{clear : both;}
.bt-links {
background: #f8f8ff; /*#EFEFEF;*/
border: 1px solid #DDDCDC;
margin:10px 0px 10px 0px;
padding:10px 0px 10px 15px;
font-family: Georgia, "Times New Roman", Times, serif;
}
関連記事
Leave a reply