HOME

コンテンツの表示順を変更する方法

スマホで見た時にコンテンツの表示順を変えたいという時に、コンテナ化して逆表示するタグがあることを知りました。
モバイルファーストな時代にこれは便利!

HTMLの記述順に関係なく自由に表示順を変更できるCSS

.samplebox {
   display: flex;  /* Flexコンテナ化 */
   flex-direction: column-reverse; /* 縦向きで逆順に配置 */
}

わたしの管理しているサイトではまだデスクトップからのアクセスが4割なのでどちらも快適に見られるように別テーマにしています。レスポンシブだと細かい入れ替えが難しくなるのでこんな入れ替えが前後左右、上下も自由にできるのは助かります。

イラスト:ダナンさん撮影 野生のバンビ


カテゴリー:WordPress, イラスト

コメントは受け付けていません。

  • DIY WordPress ごはん たび イラスト ガーデニング コスメ コーデ シネマ スイーツ ダンスレッスン デイリーメモ ドラマ ドリンク ブック モバイル

  • アーカイブ

ページトップへ