気まぐれ!素人のＩＴ我流メモ、もうＩＴワールドが止まらない!![ベータ版]

「テーマ、ジャンルのフォントサイズ」
「ユーザータグ」

です。

「テーマとジャンルのフォントサイズ」は、
本文よりも大きく、
主張が強いし、
見映えもイマイチ

「ユーザータグ」は、
気まぐれ!素人のＩＴ我流メモ、もうＩＴワールドが止まらない!!や
eあしあと
で適用しているテンプレートと違い、
記事下部にユーザータグを表示できない状態でした。

まあ、テンプレートの仕様かいなということで、
あまり気にしていなかったのです
(というより気がついていなかった)。

一応、環境設定でユーザータグ変換を利用すれば、
本文中へのリンク変換ができ、
ユーザータグを使用できるのですが、
通常リンクなどと混在するため止めることにしました。


そんなもんで、DTP検定情報、受験アドバイスにも、
ユーザータグなるものを設置することを決意。

FC2のマニュアルを見ると、
ユーザータグのテンプレート対応について
で簡単に説明されています。
これでも一応設置できました。

ですが、もう少しWebやフォーラムを見てみると、
ユーザータグリストをエントリに下部に表示させる方法
ユーザータグの設置（２）〜＜週別集計＞
などが見つかりました。
ユーザータグの概念的なものも記述されています。

とりあえず、私は設置さえできればよいので、
出人さんの「ブログ内検索隠し機能つきのすぐれもの」という
言葉に乗っかることにしました。

そのままコピペするだけで利用できるようですが、
スタイルシートできちんと表示の設定をすることを推奨しています。
class名が一致するように書き換えてやると、なお良い模様です。

そんなことで、
HTMLやスタイルシートをにらめっこ
class名やら、HTMLコードを幾分変更しながら作業、作業
また、幾つかのブログから、
HTMLやCSSを保存して、肉眼で確認

そうこう格闘して、下記の通り作成

スタイルシートの変更箇所は

.entry_more{
	margin:10px 0px;
	padding:0px;
	text-align:right;
	color:#47282b;
	font-size:12px;
}
/*ここから追加************************************/
.entry_community{
	margin:5px 0px 10px 0px;
	padding:5px 0px 0px 0px;
	text-align:right;
	border-top:solid 2px #826265;
	color:#47282b;
	font-size:10px;
}
.nowrap{
    white-space: nowrap;
}
/*ここまで************************************/
.entry_state{

です。

・「entry_state」を見つける
・「entry_community」を作成
・各要素を「entry_date」と同様に構成
・「nowrap」を追加

という感じ

一方、
HTMLの変更箇所は

<!--/more-->
<!--ここから変更-->
<div class="entry_community">
タグ:
<!--tag_list-->
&nbsp;<span class="nowrap">
<a href="<%url>?q=<%topentry_tag_list_parsename>"
 style="border:0;"
 title="ブログ内で [<%topentry_tag_list_name>] を全文検索">・</a>
<a href="<%url>?tag=<%topentry_tag_list_parsename>"
 title="タグ [<%topentry_tag_list_name>] をもつエントリを検索">
<%topentry_tag_list_name></a></span>
<!--/tag_list-->
<!--community--><p>テーマ:<a href="<%topentry_thread_link>"><%topentry_thread_title></a> - ジャンル:<a href="<%topentry_community_janrelink>"><%topentry_community_janrename></a></p><!--/community-->
</div>
<!--変更ここまで-->
<div class="entry_state">

です。

・<!--community-->を見つける
・上部に<!--tag_list-->〜<!--/tag_list-->をコピペ
・これらを<div class="entry_community">のクラスでひとまとめに


というもの
ユーザータグについては、名鏡恵さんのソースを
ほぼコピペさせていただきました。

その後、カスタマイズしたテンプレートを更新し、
FxとIEでの表示を肉眼で確認
まずまずのしあわせといったところでしょうか

まあ、

これにて一件落着(黄門様、風味で)

という気持ちですが、
また何か気がついた時には、
ブログやWeb本などを参考に、
適宜対応していこう。

そして、徐々にレベルアップしていけるだろうか
今日からあなたもデザイナー！
FC2ブログ>>>