Quantcast
Channel: 最強?無料Seesaaブログで簡単にホームページ作成!
Viewing all articles
Browse latest Browse all 30

記事ページ、カテゴリページの階層を表示する方法

$
0
0
久しぶりの更新になります。皆さんは、ブログのカスタマイズ進んでいるでしょうか?今回は、ブログのカスタマイズに関する記事です。

ブログは、TBや他の人が記事の中で紹介してくれたリンクなどを経由して訪問される場合が多いです。そしてこの時は、トップページでなく記事ページに訪問すると思います。

その記事がブログの中でどのような位置(階層)にいるのか分かりやすくするのが今回のカスタマイズです。HTML編集を行います。

これを行ったら以下のような階層化を記事、カテゴリページ上部に設置する事ができます。

■記事ページ
TopSeesaaカスタマイズ>記事ページ、カテゴリページの階層を表示する方法

■カテゴリページ
TopSeesaaカスタマイズ

もちろんバックアップは取ってからHTML編集をして下さいね。

ランキングへの応援お願いします。←今日は、記事が長くなるので

やり方は、記事コンテンツ(記事ページ、カテゴリページ)をHTML編集して行います。

記事コンテンツをまだトップ、記事、カテゴリ、過去ログの4つに分けてない人は、まずその作業を先にして下さい。最初の状態では、記事コンテンツは、一つで表示するページがすべてのページになっています。

■記事ページのHTML編集

まずほぼ一番上の以下の部分を探してください。
<% if:page_name eq 'article' -%>
この下にHTMLソースを新しく加えて以下のようにします。
<% if:page_name eq 'article' -%>

<div class="cnavi">
<a href="<% blog.page_url %>">Top</a>>
<% loop:list_article -%>
<a href="<% article_category.page_url %>"><% article_category.name%></a>><% article.subject %>
<% /loop -%></div>

■カテゴリページのHTML編集

以下の挿入する部分を探してください。記事ページとは少しだけ挿入する位置が違うので気を付けて下さい。
<% if:page_name eq 'category' -%>
この下にHTMLソースを新しく加えて以下のようにします。
<% if:page_name eq 'category' -%>
<div class="cnavi"><a
href="<% blog.page_url %>">トップ</a>><% category.name%></div>
そして、以上の2つのHTML編集が終わったら、次はCSS編集します。これをしないと文字が詰まったように表示されます。

■CSS編集

初心者の方は、以下のようにして下さい。CSS編集に詳しい人は、自分で好きなようにカスタマイズしてください。
.cnavi {
color:#555555;
font-size:13px;
text-align:left;
margin:10px;
width:100%;
}
以上でHTML編集、CSS編集完成です。うまくいけば私のブログのように表示されるはずです。皆さんも試してみてください。

うまくいかなければ、どこがうまくいかなかったかコメントしてください。その時は、自分のブログへリンクを貼るのを忘れずに!

Viewing all articles
Browse latest Browse all 30

Latest Images

Trending Articles



Latest Images