SeesaaブログのHTML編集ネタです。
「記事タイトルの横にカテゴリー」で、カテゴリーページに行きやすくなったので、カテゴリーページに、そのカテゴリー内の記事一覧を表示してみました。
デザイン＞コンテンツ＞記事＞コンテンツHTML編集ページ
<% if:page_name eq 'category' -%>
<div class="menu">
<div class="menu-title"><% category.name %>カテゴリー内記事一覧</div>
<div class="menu-body">
<% loop:list_article -%>
<a href="<% article.page_url %>" class="title"><% article.subject | shorten(36) %></a>
<% /loop -%>
<br style="clear:both "></div>
</div>
<% /if -%>
赤字部分を追加します。
そしてスタイルシートの適当なところに
.menu {
font-weight:normal;
line-height:100%;
margin:5px 0px 5px 0px;
padding:0px;
background-color: #eeeeee;
border-right:2px solid #000;
border-bottom:2px solid #000
}
.menu-title {
font-size: 90%;
font-weight:bold;
padding:5px;
margin:0px;
background-color: #cccccc;
}
.menu-body {
font-size: 12px;
padding:0px 5px 5px 5px;
margin:0px;
}
.menu-body a {
margin:0px;
padding:0px;
width: 225px;
float: left;
background-color: #eeeeee;
font-weight: normal;
color: rgb(0, 0, 255);
text-decoration: none;
}
.menu-body a:visited {
color: #0099FF;
text-decoration: none;
}
を追加します。
これで、個別記事から、カテゴリーページ、そしてカテゴリーページから関連性の高い同じカテゴリー内の個別記事に移動しやすくなりました。
これは他のブログに以前つけたのですが、それ以降訪問者数に対するページビュー数が増えました。
つまり、一人の方がたくさんのページを見てくれるようになったようです。
と言っても、これをつけた一番の目的は、自分が過去の記事を参照するのに便利だからなのですが(^^ゞ
「記事タイトルの横にカテゴリー」で、カテゴリーページに行きやすくなったので、カテゴリーページに、そのカテゴリー内の記事一覧を表示してみました。
デザイン＞コンテンツ＞記事＞コンテンツHTML編集ページ
<% if:page_name eq 'category' -%>
<div class="menu">
<div class="menu-title"><% category.name %>カテゴリー内記事一覧</div>
<div class="menu-body">
<% loop:list_article -%>
<a href="<% article.page_url %>" class="title"><% article.subject | shorten(36) %></a>
<% /loop -%>
<br style="clear:both "></div>
</div>
<% /if -%>
赤字部分を追加します。
そしてスタイルシートの適当なところに
.menu {
font-weight:normal;
line-height:100%;
margin:5px 0px 5px 0px;
padding:0px;
background-color: #eeeeee;
border-right:2px solid #000;
border-bottom:2px solid #000
}
.menu-title {
font-size: 90%;
font-weight:bold;
padding:5px;
margin:0px;
background-color: #cccccc;
}
.menu-body {
font-size: 12px;
padding:0px 5px 5px 5px;
margin:0px;
}
.menu-body a {
margin:0px;
padding:0px;
width: 225px;
float: left;
background-color: #eeeeee;
font-weight: normal;
color: rgb(0, 0, 255);
text-decoration: none;
}
.menu-body a:visited {
color: #0099FF;
text-decoration: none;
}
を追加します。
これで、個別記事から、カテゴリーページ、そしてカテゴリーページから関連性の高い同じカテゴリー内の個別記事に移動しやすくなりました。
これは他のブログに以前つけたのですが、それ以降訪問者数に対するページビュー数が増えました。
つまり、一人の方がたくさんのページを見てくれるようになったようです。
と言っても、これをつけた一番の目的は、自分が過去の記事を参照するのに便利だからなのですが(^^ゞ
ブログのことやカスタマイズのことなら人気ブログランキングウェブログ
「カテゴリーページに記事一覧」
とても参考になりました。ありがとうございました。
まだブログはじめたばかりなのですが、
このサイトはとても勉強になります。
また参考にさせてください。