Seessa（さくらの）ブログのカテゴリーなどの記事数を非表示にする

Seessa（さくらの）ブログでは、サイドバーのカテゴリーなどの表示に、記事数や日付が表示されます。これを非表示にします。

カテゴリー
HP/ブログの作成・カスタマイズ(10)
お役立ち・便利情報(10)
アフィリエイト(5)

最近の記事
(12/17)Seessa（さくらの）ブログのカテゴリーなどの記事数を非表示にする
(12/15)外部のサイトへのリンクは別ウィンドウで
(12/11)YouTube の動画を途中から再生するリンクを作成する方法


たとえば、各カテゴリーの記事数を表示しないようにするには、

1. [デザイン] タブの [コンテンツ] をクリックします。

2. [カテゴリー] をクリックします。

3. [コンテンツHTML編集] をクリックします。

4. HTML タグを以下のように編集します（赤い箇所を追加します）。

<div class="sidetitle"><% content.title %></div>
<div class="side">
<% content.header -%>
<% loop:list_category -%>
<a href="<% category.page_url %>"><% category.name | tag_break %></a><!--(<% category.article_count | __or__ | echo("0") %>)--><br />
<% /loop -%>
<% content.footer -%>
</div>

5. [保存] ボタンをクリックして、[コンテンツHTML編集] を閉じます。

これで、各カテゴリーの記事数が非表示になります。

要するに、<!--　 --> で囲った部分が表示されなくなるということです。<!-- から --> までを削除してしまってもかまいません。しかし、<!-- 　--> を使って非表示にそした場合は、<!-- --> を削除して元に戻すだけでいつもで元の表示に戻せるので便利です。

最近の記事の(日付)を非表示にしたい場合は、(<% article.createstamp | date_format("%m/%d") %>) の部分を <!--　 --> で囲います（または削除します）。

タグ:

Seessa（さくら）ブログにパンくずリストを設置する

Seessa（さくらの）ブログの各ページの先頭記事の上に、以下のようなパンくずリストを設置する方法。この方法は、Seessa ブログにも、さくらのブログにも有効です。

メインページ
表示なし

個別記事ページ
[ブログ名] Top > 該当するカテゴリー > 記事タイトル

カテゴリ別ページ
[ブログ名] Top > 該当するカテゴリー

過去ログページ
[ブログ名] Top > 該当する年月


1. [デザイン] タブから [コンテンツ] を選択します。

2. [記事] をクリックします。

3. 右上の [コンテンツHTML編集] をクリックします。

4. コンテンツの HTML の先頭部分の

<% content.header -%>
<!-- Content -->

のすぐ下に以下の赤で示した記述を挿入します 。

<% content.header -%>
<!-- Content -->

（この下に以下の記述を追加）

<% if:page_name eq 'article' -%>
<div class="pankuzu">
<a href="<% blog.page_url %>"><% blog.title %> Top</a> > <% loop:list_article -%> <a href="<% article_category.page_url %>"><% article_category.name %> </a> > <% article.subject %> <% /loop -%></div>
<% /if -%>

<% if:page_name eq 'archive' -%>
<div class="pankuzu">
<a href="<% blog.page_url %>"><% blog.title %> Top</a> > <% archive.createstamp | date_format("%Y年%m月") %></div>
<% /if -%>

<% if:page_name eq 'category' -%>
<div class="pankuzu">
<a href="<% blog.page_url %>"><% blog.title %> Top</a> > <% category.name %></div>
<% /if -%>
（挿入ここまで）

<% if:page_name eq 'index' -%>
<% if:pager.need_pager -%>
<div class="navi">
・
・
・

5. [保存] ボタンを押して変更を保存し、[コンテンツの HTML] ページを閉じます。

6. [デザイン] タブから [デザイン一覧] を選択します。

7. [適用] されているデザインをクリックして、スタイルシートの編集ページを開きます。

8. スタイルシートのいちばん下までスクロールし、スタイルシートの最後に、パンくず部分（pankuzu クラス）のスタイル記述を追加します。自分のブログのデザインに合わせて設定してください（以下の記述は単なる例です）。よくわからない場合は、navi クラスと同じスタイルに設定し、font-size だけ navi の font-size よりも若干大きめに設定しておくと見栄えがよいでしょう（たとえば、navi の font-size が 10px の場合は 12px）。navi クラスは、ブラウザで「.navi」を検索して探します。

.pankuzu {
color:#D97B65;
font-size:12px;
text-align:left;
padding-left:23px;
padding-right:0px;
padding-top: 5px;
padding-bottom: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}

.pankuzu a {
font-size:12px;
color:#D97B65;
}

9. 最後に、[スタイルシートを変更する] ボタンを押してカスタマイズは終了です。

* 「Seessa（さくら）ブログ用のシンプルなテンプレート（パンくずリスト付）」で、パンくずリストを設置し、さらに記事の上に表示されるナビを削除したコンテンツ HTML を配布しています。

参照サイト:
パンくずリストを付ける@Seessaカスタマイズ

「さくらのブログ」でパンクズリストを作成するには

タグ:

Movable Type: ページタイトルに「ブログの設定」で設定した「ブログ名」以外の文字列を追加する

ブログ名はシンプルでクールなものにしたいけれど、なるべく多くのキーワードも盛り込みたい。ある程度 SEO について勉強した人なら、こんな風に考えると思います。

このブログのバナータイトル部分に表示されているブログ名は「PC Bibo 6」です。これは、「ブログの設定」の「名前」で設定したブログ名です。「PC 備忘録」をもじって付けた名前です。

通常は、このブログ名がそのままページタイトルとして設定されるわけですが、タイトルは SEO 的に非常に重要であるため、キーワードをなるべく多く盛り込んでおいたほうが検索時に有利になります。しかし、キーワードをたくさん盛り込んだ長ったらしい名前を付けてしまうと、それがそのままバナータイトル部分に表示されてしまいます。まるで文章のような長ったらしい名前を付けているブログをときどき見かけますが、あまりスマートなものではありません。

そこでこのブログでは、バナータイトル部分の表示は「PC Bibo 6」のままで、メインページのページタイトルには、多くのキーワードを盛り込んんだタイトルが表示されるように設定しています。実際のページタイトルは、「PC Bibo 6: パソコン備忘録 ★ホームページ作成、ブログのカスタマイズ、便利なサイトやツールに関する情報★」と表示されます（表示例はメインページを参照してください）。

このページタイトルは以下の方法で表示させています。

1. 「subtitle」という名前のテンプレートモジュールを作成し、ページタイトルとして、「ブログの名前」のあとに続けて表示させたい文字列を記述します（このブログでは「: パソコン備忘録 ★ホームページ作成、ブログのカスタマイズ、便利なサイトやツールに関する情報★」）。

2. メインページのテンプレートの title タグ内に、作成した subtitle モジュールを以下のように挿入します。

<title><$MTBlogName$><$MTInclude module="subtitle"$></title>

これで、タイトルバナー部分には簡潔ですっきりしたブログ名を表示したままで、タイトルには重要なキーワードを盛り込むことができます。

ちなみに、記事別ページとカテゴリー別ページのページタイトルは以下のように表示しています。

記事別ページ: 記事タイトル | PC Bibo 6

カテゴリー別ページ: カテゴリータイトル | PC Bibo 6

各テンプレートの記述は以下のとおりです。

記事別ページ
<title><$MTEntryTitle$> | <$MTBlogName$></title>

カテゴリー別ページ
<title><$MTArchiveTitle$> | <$MTBlogName$></title>

タグ:

Movable Type のカテゴリー別ページにそのカテゴリーの記事（エントリー）をリストする

Movable Type では、カテゴリー別のページを表示したときに、任意の箇所にそのカテゴリーの記事一覧を表示することができます。このブログでは、カテゴリー別記事ページのサイドバーに、以下のタグを記述しています（このブログの例）。

<div class="recent-entry">
<h3><$MTArchiveTitle$>カテゴリーのエントリー</h3>
<ol>
<MTEntries lastn="50">
<li><a href="<$MTEntryPermalink encode_html="1"$>" title="<$MTEntryTitle encode_html="1"$>"><$MTEntryTitle encode_html="1"$></a></li>
</MTEntries>
</ol>
</div>

<div class="recent-entry"> と<h3><$MTArchiveTitle$>カテゴリーのエントリー</h3> は必要に応じて書き換えてください。また、<MTEntries lastn="50"> には、表示させたい記事の数を指定します。この例では 50 を指定しています。任意の数字に書き換えてください。

実際にどのように表示されるかについては、ここをクリックしてください（Movable Type カテゴリーのページが表示されます）。

外部のサイトへのリンクは別ウィンドウで

リンクには、同一のウィンドウで開くものと、別ウィンドウで開くものがあります。どのように使い分けたらいいのでしょうか。

一般的には、リンク先が同一サイト内のページの場合は同一ウィンドウで、リンク先が外部サイトの場合は別ウィンドウで開くようにすると親切だと思います。

リンク集などで、リンクをクリックすると同一のウィンドで開くように設定しているとします。この場合、リンク先のウィンドウをうっかり閉じてしまうと、もう二度とあなたのサイトには戻ってきてもらえないかもしれません。

また、うっかりウィンドを閉じることがなかった場合でも、リンク先から何度もクリックしてページを移動した場合は、元に戻るのが面倒になります。このような理由から、外部サイトへのリンクを貼るときは別ウィンドウで開くようにしたほうが親切だと思います。

たとえば、「詳細はこちら」を同一ウィンドウで開く場合は以下のように記述します。

詳細は<a href="http://pcbibo6.jeez.jp/">こちら</a>

このリンクを別ウィンドウで開くようにするには、リンクタグに target="_blank" を挿入するだけです。具体的には以下のように記述します。

詳細は<a href="http://pcbibo6.jeez.jp/" target="_blank">こちら</a>

リンクを挿入すると、デフォルトで同一ウィンドウで開く設定になっているブログもあります。このような場合は、target="_blank" を挿入しておくとよいと思います。また、アフィリエイトリンクの中には、デフォルトで同一ウィンドウで開く設定になっているものがありますの。このような場合も、タグを取得して貼り付けたあと、target="_blank" を挿入しておくとよいでしょう。Movable Type の記事中のリンク先を別ウィンドウで開くようにするには、「Movable Type のリンク先を別ウィンドウで開くようにする 」を参照してください。

アフィリエイトのタグの場合、記述がとても長く、どこに target="_blank" を挿入したらいいのか迷うかもしれませんが、リンクを貼る文字列の直前の「>」の前に入れるとよいでしょう。たとえば、リンクを貼る文字列が「今月のベストセラー」だとすると、次のように記述します。

<a href="http://www.xxxx/xx/xxxxie=UTF8&keywords =xxxxxxxxxxxxxxxxxxxx&tag=xxxxx&index=xxxxxxxxx=xxxxxxxxx=xxxx& xxxxxxxx=xxxx" target="_blank">今月のベストセラー</a><img src="http://www.xxxxx.jp/x/xx?t=xxxxx-xx&l=xx&o=9" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />

毎回、target="_blank" とタイプするのも大変なので、たとえば「べつまど」などで単語登録おくと便利です。

また、検索サイトでも、検索結果を別ウィンドウで開くようにしておくと、うっかりウィンドウを閉じてしまって悔しい思いをすることがなくなります。

Google の場合は、画面右上の [検索設定] をクリックし、[検索結果を新しいウィンドウで開く。] にチェックを入れ、画面右下の [保存] ボタンをクリックします。これで、検索結果が新しいウィンドウで開くようになります。

Yahoo の場合は、Yahoo 検索のトップページで [設定] をクリックし、[ウェブ検索結果、スポンサードサーチをクリックしたときに別ウィンドウで表示する。] にチェックを入れ、[設定保存] ボタンをクリックします。

最後に、同一ウィンドウで開く設定になっているページでも、リンク先を別ウィンドウで開く方法があります。Shift キーを押しながらリンクをクリックしてみてください。リンク先のページが別ウィンドウで開きます。この方法は、案外知らない人が多いと思いますが、覚えておくと便利です。

タグ:

<<前へ　6｜7｜8｜9｜10｜11｜12｜13｜14｜15　次へ>>


Copyright © PC Bibo 6. All Rights Reserved.