多忙なため、コメントへのお返しができなくてごめんなさい。温かいコメントは更新の励みです。どうしても解決できない問題がある...という場合に限っての質問箱を設けましたので、よかったらご利用ください。いつもAnimal Skinを愛用してくださってどうもありがとう~♪
Top
★プルダウンによる「最新の記事」リストをマニュアル作る方法★
最新の記事リスト...
エキサイトにはなぜかこれがありません。

追記:2009年9月6日なんと、エキサイトによる「最新の記事」表示パーツができていました! 
「メニュー管理」のページにあります。^^
この機能は「どうしてエキサイトにはないのか?」という声も多かったと思うので、嬉しいと思います。

マニュアルでプルダウンの「最新の記事」リストを作る方法は...
せっかく一度記事にしたわけですし、このままにしておきますね。^^


続きは↓をクリックで♪




というわけで、見た目もすっきり、制限の多いといわれるエキサイトブログでも簡単に
プルダウンメニューを使って「最新の記事」リストを作る方法をご紹介しましょう。

これ↓がプルダウンメニューです。
もちろんクリックすればその記事に飛ぶようになってます。



(JavaScriptがOFFになっているPCでは利用できません)


これは...1ページに10記事くらい表示されるよう設定している人は必要ないかもしれません。

けれど、私のメインブログのように、一つの記事に写真を何枚も使うため、
1ページあたりの表示記事数を少なくしている人は...
やっぱりクリックできる「最新の記事」を、まとめて、しかもシンプルにリスト化したいですよね。

メモ帳を使う方法もあるようですが、私はこのプルダウンメニューをスキンの中に直接設置するほうが、記事の更新ごとの内容変更も楽なので気に入っています。

エキサイトは制限が多く、<SCRIPT>タグが使用できません。
したがって、通常のJavaScriptは使えないはずなのですが...いくつか設置可能なものもあるようです。
...が、今回紹介するプルダウンメニューは、JavaScriptがOFFになっているPCでは利用できません。


設置方法はとっても簡単なんですよ~♪ ^^

(設置したプルダウンメニューに表示される記事タイトルは、WINの場合、記事タイトルが長いと途中までしか見えないようです。Macだとすべて表示されるようですが...)

f0165338_17325570.gif


まずは、設定からスキン変更ページへと行ってください。

そして、現在使用中のスキン編集を選択します。



HTML編集メイン画面↓の中に、これから配布するタグを貼り付けます。



貼り付ける場所は、私のようにカレンダーを上のほうに持ってきている人なら、
オススメはカレンダーの上とか下あたりかなあ。
見やすいと思うんですよね。

でもカレンダーを表示していない人もいると思うし、
表示してても下のほうだという人もいるでしょう。
ま、あちこち貼り付けてプレビュー画面で確認してみてください。^^;


カレンダーのすぐ上に貼り付ける場合は、

<$calendar type=1$>

または

<$calendar type=2$>

または

<$calendar type=3$>

または

<$calendar type=4$>

とあるすぐ上に、タグをコピペします。
 
カレンダーのタグはスキンによって微妙に違います。
詳しくは⇒エキブロのタグ一覧表で。

カレンダーのすぐ下の場合はもちろんこのカレンダータグのすぐ下に貼ってね。


ちなみにタグの中にある<p>というのは、このタグの上と下の中間、一行が空くという意味のタグです。
前後(上下)にあるものと、くっつきすぎるのを防ぎます。
つまり、隙間を詰めたい人はこれは消去しちゃってもOKということです。



下の枠内をすべてコピペしてください。


<p>
<select onchange="location.href = this.options[selectedIndex].value" style="width:150px;" class="list" style="font-size:8pt" style="color:#595866">
<option value="">最新の記事</option>
<option value="/0000000/">記事タイトル</option>
<option value="/0000000/">記事タイトル</option>
<option value="/0000000/">記事タイトル</option>
<option value="/0000000/">記事タイトル</option>
<option value="/0000000/">記事タイトル</option>
<option value="/0000000/">記事タイトル</option>
<option value="/0000000/">記事タイトル</option>
<option value="/0000000/">記事タイトル</option>
<option value="/0000000/">記事タイトル</option>
<option value="/0000000/">記事タイトル</option>
</select>
<p>


style="width:150px;" とあるのは横幅です。
サイドバー(メニュー)の横幅は150pxが基本になっていると思いますが、自己流でここを幅広にしている人は、ここでの数値をあげればやや横広がりのプルダウンメニューにすることができます。

style="color:#595866"は、文字色です。
現在は見やすいグレーとなってますが、好きに変えられます。

"font-size:8pt" というのは文字の大きさです。
数値を変えれば文字の大きさが変わります。

「最新の記事」という言葉も自由に変えられます。
「最近の記事」でもいいし、「Recent articles」でも「Recent Entries」でも、何でもお好きなものを♪
ここが、プルダウンメニューの一番上、つまり常に見えている文字となります。

プルダウンメニューの背景色も変えられます。
一つ一つ文字色や背景色を変えることももちろん可能です。
それらについては、参考になりそうなサイトをリンクしておくので、興味のあるかたは読んでみてください。
⇒プルダウンメニューをデザイン化する!




記事をアップしたら、「記事タイトル」とあるところに、
ブログ記事のタイトルをコピペします。
そして、同列左側にある、=/00000000/ という部分には、その記事のURL内にある数字(ブログURLのすぐ後に続く数字)をコピペします。



例:http://animalskin.exblog.jp/7974771/

これ↑はAnimal Skinの一番上にある記事のURLです。
この中の /7974771/ がそうですね。
記事URLは、記事のタイトルを(WINの場合)右クリックしてプロパティを開いて見てもいいし、単純に記事タイトルをクリックすることで、その記事を一番上に持ってきても、ウィンドウの一番上に簡単に見ることができます。

ではもう一度、今度は実際にコピペしてみます。



配布しているプルダウンメニューの基本タグの中の1列はこうです。↓

<option value="/0000000/">記事タイトル</option>

これに、記事タイトルと記事のURL内の数字をコピペすると...

<option value="/7974771/">★★★シンプル系スキン配布ブログ★★★</option>

こうなるわけですね。↑



これを続けていけばいいわけです。

見てわかるように、上にあるものが新しい記事...となるわけです。


なので、新しい記事をアップするごとに、記事タイトルとURLを、<option value="">最新の記事</option>という部分を除く、リストの一番上にコピペすればOK。

同時にリストの一番下を消去すれば(間違って</select>まで消さないように注意!)...常に一定数の記事だけがプルダウンメニューに掲載されていることになります。

つまり、最新記事へのリンクを一つ増やすごとに、リストの中で一番古い記事をマニュアルで消去することにより、古くなった記事を順繰りに下に繰り下げていくわけですね。



プルダウンメニューの編集をスキン編集内で済ませたら、最後に「保存」をクリックしてオシマイ♪



例としてあげているプルダウンには、

<option value="/0000000/">記事タイトル</option>

が10個あります。
つまり、最高で10記事までプルダウンメニューによってクリック可能になっているというわけですが、当然ながら、プルダウンで見ることができる記事の数は自由に変えられます。


※注意:
このようにマニュアルで設置した機能は、当然ながらスキンを変更すると消えてしまうので、新しいスキンにしたときは、ここで貼り付けた部分をそっくりそのまま新しいスキン内に貼り付ける必要がでてきます。


楽なのは...新しい記事をアップするごとに、リストの一番下の記事、つまりリストの中で一番古い記事名とURLを新しいものと入れ替えて、それをそのままドラグして、リストの一番上まで持ってきちゃう方法かな。

これを応用することによって、プルダウンでさまざまリストを作ることが可能なのがわかると思います。

エキサイト以外のブロ友リストとか、プルダウンをカテゴリ別にたくさん作って、
それぞれの記事にメイン画面から一発で行けるようにするとか...ね。^^

f0165338_17325570.gif

記事をアップするごとにスキン編集ページを開いて、マニュアルでここも変えなくてはならないので、結構面倒なのは確かです。
私のメインブログでも、これを使って最近の記事10を表示しているのですが、
記事を書いたのにここを変えるのを忘れて、そのまま何日も経ってたりするんですよね。^^;

でも、ひょっとしたらこれを利用してくれている人がいるかもしれないな~と思うと、
怠け者ながらこの機能を除去してしまうことはできないんですよ。(笑)

いつかエキサイトが「最新の記事」が自動的にアップされるような機能を作ってくれるかもしれませんが...その日までこのプルダウンメニューによる自作の「最新の記事リスト」は活躍してくれそうです。^^


追記:エキサイトに「最新の記事」表示機能がついたので、ここでいろいろ説明した方法は必要なくなってしまいましたね。
でもまあ、私のメインブログのように、縦幅をなるべくとらないようにして最新記事を示したい、そのためならたとえ面倒なマニュアルで書き換えることになってもかまわない...という人もいるかもしれないので、この記事はこのまま保存しておくことにしました。
また、この方法を応用して、記事を好きなようにカテゴライズすることも、リンクを作ることも十分に可能ですしね。^^

[PR]
Top▲ | by mari_ca by animal_skin | 2011-12-27 00:00 | 「最近の記事」リストを作る方法
<< ★バナーを使ったリンクの仕方&... | ページトップ | ★文字色の変化を指定する★ >>
↓質問はこちらへ↓