2024-02-05

トップページの記事を要約化

変更後の差分を表示したVSCodeの画面

モバイル版のCSSには手が届かないことがわかった。モバイル版をデスクトップの設定にするくらいしかどうしようもない。てなことで、まずデスクトップのテーマをモバイル版に寄せることにした。

いろいろググって、このサイトを参考に、テンプレートのXLSTっぽいところにsnippetなコードを挿入し、既存テンプレートのEssentialみたいにしてみた。

各記事が要約化されたトップページの画像

あとは、@mediaでモバイル用のCSSでサイドのパーツ消したりなんなりすればなんとか…?

追記

その後モバイル版にもこちらが編集したテーマが適用され(次の「モバイル版のテーマに手がだせた」がその話)ダークモード切り替えが可能になった。が、トップページの要約化はやりたかったのことの一つなので、これはこれで。

0 件のコメント:

コメントを投稿