Livedoor blogのトップページに見出し画像と記事概要を表示する

Livedoor blogのトップページに、見出し画像と記事概要を並べたいと思っていました。
やっとその方法がわかったので、記録しておきます。

１．見出し画像を指定する

まずは、各記事で見出し画像に使いたい画像を指定します。

記事を書くページの下の方のオプション設定に
見出し画像というところがあります。
「画像を選択」ボタンを押すと、アップロードした画像から好きな画像を選ぶことができます。

※選択しない場合は、各記事の最初の画像が見出し画像に使われます。

デザイン設定→カスタマイズ→トップページの
<!– ArticlesLoop Start –>と<!– ArticlesLoop End –>の間の配置したい場所に

を入れます。
hspace=”10″ vspace=”10″は画像の上下左右に空白を入れるタグです。
記事概要を画像の横に並べるためにalign=”left”を入れてあります。
width= height= で画像のサイズを規定することもできます。

記事概要のタグは<$ArticleDescription$>です。

		
















<$ArticleDescription$>

　…記事を読む



<$ArticleTagsList$>

こんな感じにしてみました。

わーい、できた～

どれか１つクリックお願いします。
　　　　
スマホ・携帯の方はこちらをクリックお願いします。