タイル状の記事一覧はかっこいいと思う
そう思って、以前は↑のようにタイル状の記事一覧にしておりましたが、
現在は通常状態に戻しております。
それには色々とわけが・・・
とりあえず上記の画像のような記事一覧にする場合の設定方法です。
簡単すぎる設定方法
Wordpressの管理画面から
[外観]→[CSSの編集]→[追加CSS]と開き、
[追加CSS]を書き込むエリアに下記コマンドをコピペして保存して終了。
@media only screen and (min-width: 768px) {
article .kanren {
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
article .kanren dl {
width: 49%;
}
}
たったこれだけなので、賞味1分で大幅にデザイン変更できます。
ではなぜ戻してしまったのか・・・
Googleアドセンスの「インフィード広告」という、
記事一覧内などに溶け込ませたような広告を設置しようとしたのですが、
タイル状表示だとどうしてもいまくいかなかったからなのです。
自分のサイトでは、どうやっても広告のサイズがタイルのサイズになってくれず・・・・。
スマホ版はタイル状にはしていない通常状態なので、
そちらでは正常に表示されたのですがね。
CSSで無理矢理サイズ変更しているのが原因なのか、
しかし広告作成時のサイトのスキャンでは、ちゃんとタイル状のサイトとして認識してくれてるし・・
広告作成を手動でやってみたり、サイズを強制的に変更してみたりと、
色々やってみたのですがどれもうまくいかず。
考えても考えてもわからない状態だったので、
最終的に考える事をやめましたｗ
なので結局デフォルト状態に戻しているというのが現状です。
まあ、こういう試行錯誤が楽しいんですけどね。
