[解決済み] 画像形式と記事一覧表示について

[ゲスト投稿記事]


2023-12-02 21:15:22
こんばんは!ご開発ありがとうございます。
2点ほど質問を失礼致します。

・webp形式対応のご予定はありますか?
・インデックスページでarticle_list normalで出力したようなリスト形式の記事一覧を表示したいのですが、CSSだけでは上手くカスタマイズすることができませんでした。このカスタマイズを行うにはテンプレートの編集が必要になりますか?

以上、宜しくお願い致します。

(管理者)
お問い合わせありがとうございます。

webp対応について

対応検討します。


記事一覧の表示について

CSSだけでは難しいため、テンプレート編集が必要になります。
template_index.phpの $article_html = << EOF ~ EOF; の間を次のように変更します。
$article_html = <<<EOF
<li>
<a href='{$article['link']}'>
<div class="{$article['fix_thumb_class']}" {$article['fix_background']})>
{$article['fix_thumb_title']} {$article['fix_multi_image']}
</div>
<div class='search-list-info'>
<span class='created_at'>{$article['created_at']}</span><br>
<span class='title'>{$article['title']}</span>
<div class='tags'>{$article['tags']}</div>
<span class='comment'>{$article['comment']}</span>
</div>
</a>
</li>
EOF;
また、[設定]-[デザイン編集]から下記のCSSを追記します。

/ トップページ ログ一覧フォーマット /
#loglist{
display:block;
margin:0 auto 0 auto;
width:80%;
}

#loglist li{
clear:both;
margin-bottom:0.5em;
}

#loglist .search-list-info {
float: left;
margin-left: 1em;
overflow: hidden;
width: calc(90% - 102px);
}

#loglist li {
height: var(--thumbnail-height);
overflow: hidden;
margin-bottom: 1em;
}
この変更により{article_list tag desc normal}に近い外見となります。
※現時点ではindexページの記事にtag一覧が表示できません。
 追加を検討します。
いいね!


削除キー: