こんな感じの物が作れます。
殆どのレイアウトで『HTMLの編集』ができると思います。
『HTMLの編集』ができればこのような階層のカテゴリを作ることができます。
このブログのテーマでは以下の手順でアクセスしてください。
- レイアウトを選択
- カスタマイズ設定を選択
- HTML編集を選択
すると、HTMLソースが表示され、その中のCSSやJavaScriptなどの編集ができます。
このHTMLソースに以下のJavaScriptを追記します。
▼ここから
<script language='javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'>
</script>
<script type="text/javascript">
function sub_cat(str){
(function($) {
$(function() {
$(str).each(function(){
var txt = $(this).text();
$(this).html(
txt.replace(/.*-(.*)/g,'$1')
);
});
});
})(jQuery);
}
(function($) {
$(function() {
$(".list-label-widget-content li:contains('-')").css( "margin-left", "20px" );
sub_cat(".list-label-widget-content a:contains('-')");
sub_cat(".post-labels a[rel='tag']:contains('-')");
});
})(jQuery);
</script>
▲ここまで
<head>の前にJavaScriptをコピペします。
コピペしたらその内容を保存します。
これで編集は完了です。
もしガジェットでラベルがない場合にはレイアウトから任意の位置に追加します。
階層の設定は投稿フォームのラベルから設置することができ、例えば雑談を1階層目する場合はそのまま『雑談』と入力します。
2階層目を設置する場合は、その『雑談,雑談-制作話し』と入力します。
これでカテゴリで階層を作ることができます。
0 件のコメント:
コメントを投稿
投稿された内容は予告なく削除する場合がありますのでご了承ください。