解決済

clip!clip!
Ads By Google

【HTMLソース】カスタマイズしたいがソースが…

プラグインでも最新記事を表示できますが、
htmlソースで最新記事を表示する事は可能でしょうか?

<ul>
<li><a href="<$ArticlePermalink$>">
<$ArticleTitle ESCAPE$></a>(<$ArticleDate$>)
</ul>
</IndexArticlesLoop>
というソースをネットで見つけたのですが、
どうやら違うようです。

カスタマイズを使ってドリコムなどを表示していますが、
最新記事のhtnlソースはどんなのでしょうか?
もし存在したら教えて下さい。



2009-02-13 02:41の質問
ブログ  カスタマイズ  最新記事  HTML  htmlソース  
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

1.

2009-02-13 03:00:51みんなナイスな
トップページの場合は、
IndexArticlesLoop
で、トップページ各記事を構成するのと同じようにして、それぞれの記事のタイトルとかリンク得ることができます。
質問のコードはそういうコード断片です。

スクリプトで、
プラグインが表示されている場合は、そこから持ってくることもできますし、
RSSを読み込んで表示することもできます。

回答レベル : アドバイス

2.

2009-02-13 07:46:42みんなナイスな
回答1.にも答えがありますが、質問のソースはこういった形になるのが正しいと思います。
<ul class="recent-entry">
 <IndexArticlesLoop>
 <li><a href="<$ArticlePermalink$>"><$ArticleTitle ESCAPE$> </a>(<$ArticleDate$>)</li>
 </IndexArticlesLoop>
</ul>
上記はトップページの中でしか使えませんが、月別アーカイブやカテゴリアーカイブではLoopをそれぞれ変更すれば使えます。<CategorizedArticlesLoop>,<MonthlyArticlesLoop>。
Ads By Google

コメント(5)

#1.  宝物
2009-02-13 03:19:12

私の場合、htmlソースは

<script type="text/javascript"
src="http://parts.blog.livedoor.jp/js/jquery.js"></script> 
<ul id="newList"></ul> 
<script type="text/javascript"> 
$.get('http://blog.livedoor.jp/no1_only1/index.rdf',
null, function(data){
 $('item', data).each(function(){
   $('<li />').append(
       $('<a />').attr('href', $('link', this).text ()).html
($('title', this).text())
     ).appendTo('ul#newList');
 });
});
</script>
一部、改行。

みたいなソースですが、
文字の大きさ(フォント)を小さくするには
どんなソースになりますか?

#2.  BLUEPIXY
2009-02-13 03:56:22

直接エレメントスタイルでやってもいいですけど
スタイルシートで、

ul#newList li a {
   font-size:small;
}
とかするのが、あとで変更が効いていいかと思います。
同じことをスクリプトでやるには、
</script>の前にでも
$("ul#newList li a").css("font-size","small");
すればいいかと思います。

#3.  宝物
2009-02-13 05:39:45

>同じことをスクリプトでやるには…

     ).appendTo('ul#newList');
 });
});
$("ul#newList li a").css("font-size","small");
</script>
ですかね?
変化が起きませんけど。。。

CSSでやりたいのですがCSSのどこに
ul#newList li a {
   font-size:small;
}
を埋め込めばいいのですか?
なかなか見つからず困っています。

#4.  BLUEPIXY
2009-02-13 19:24:06

>>#3 CSSのどこに埋め込めばいいのですか?
どこかの } の次の行とか適当な所でイイです。

>変化が起きません
スクリプト実行時には、まだ <a>がないからかな?

font-size:7pt;
とか極端にしてみるといいのかも・
とりあえず、スクリプトでやらずにスタイルシートでやるのがいいと思います。

#5.  宝物
2009-02-14 06:32:43

やっぱりhtml系は苦手だわ。
質問しておいてギブアップ・・・
このままのフォントでやってみたいと思います。

トラックバック(2)

トラックバックURL: