人気ブログランキング ブログ村

ブログトップページをタイトルのみに

トップページに記事内容が全部展開された状態でずらずら並ぶのを、タイトルと画像のみにしたいと思い、検索して直しました。自分用のメモの記事ですが、誰かの参考になるかも知れないので書いておきます。

20160511ブログトップページをタイトルのみに

<div class=”article-body entry-content”>
<div class=”article-body-inner”>
<$CommonTheme$>
<!– <$ArticleBody$> –>
<!– <IfArticleBodyMore><span class=”article-continue”><a href=”<$ArticlePermalink$>#more”>続きを読む</a></span></IfArticleBodyMore> –>
<span class=”article-continue”><a href=”<$ArticlePermalink$>” title=”この記事を読む”><img src=”<$ArticleCoverImage$>” width=”480″></a></span> <!– この行を追加 –>
<span class=”article-continue”><a href=”<$ArticlePermalink$>” title=”この記事を読む”>この記事を読む</a></span> <!– この行を追加 –>
</div>
<$ArticleTagsList$>
</div><!– articleBody End –>

これを見れば、未来の私にも大体分かるはずです。トップページのソースですが、行単位でコメントアウトした部分が元のソース、「この行を追加」と書いたのが、代わりに書いたソースです。

以下のリンク先を参考にしました。

livedoorブログでタイトルだけ表示するやり方
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q12121206867
ベストアンサー以外の回答(kavalier200xさん)の方を参考にしました。

記事に見出し画像を設定する
http://help.blogpark.jp/archives/52299875.html

記事の最初の画像
<IfArticleFirstImage> <$ArticleFirstImage$> </IfArticleFirstImage>

記事の見出し画像(デフォルトでは最初の画像)
<IfArticleCoverImage> <$ArticleCoverImage$> </IfArticleCoverImage>

ただし、 if* をつけると、うまく動作しませんでした。

カテゴリ別アーカイブも同じようにできます。

余談ですが、PCでの表示を一生懸命変更しても、今やアクセスの半分以上はスマホです。
20160511アクセス割合
半分以下のユーザーでも無視できない割合なので、変更する価値はあると思いますが。

タイトルとURLをコピーしました