記事一覧を3列にする方法 Stinger5+SIMPLESTERカスタマイズ

     

 

トップページの記事一覧が2列を3列にしてみたかったのでやってみました。

これが

WS000076

 

SPONSORED LINK


こうなる

WS000077
SIMPLESTR-ver2 style.cssの上の方この部分を

@media only screen and (min-width: 1150px) {
#topnews {display: flex;flex-flow: row wrap;justify-content: space-between;}
div#topnews dl {width:44%}
}

 

こうするだけで

@media only screen and (min-width: 1150px) {
#topnews {display: flex;flex-flow: row wrap;justify-content: space-between;}
div#topnews dl {width:27%}
}

3列になっちゃいます。

 

アイキャッチの画像の大きさとか色々サイズ変えると

WS000078

こんな感じにまで出来る。

 

 

yaruo79
さっさとこの管理人のセンスどうにかしてあげたほうがいいお・・・

 

 

yaranaio30

 

うまい人はWordPressの3列ですごい綺麗にまとめてる人いるよなあ
今の管理人のセンスじゃここが限界だろ

 

 

 

 

PICUP
Amazonで年間500個以上の商品を買ってる筆者がオススメする2017年上半期ベスト商品!
(`・ω・´)→【2017年上半期】約500個から選んだ!Amazonなどで買ってよかった商品ベスト10!

学生必見!→学生なのに「Amazon Student」入ってないの?勿体無い!

Amazonプライム会員になろう!→最新アニメ・映画など「君の名は」も見れるAmazonプライムビデオ最強過ぎな件!

月◯万円稼げるポイントサイトまだ登録してないの?→ポイントサイト(お小遣いサイト)全部登録してみたまとめ!

このブログによく登場する人形の詳細→ダンボー

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Twitterでgomaruyon.comの最新情報GET!!

 - BLOG, SIMPLESTER, Stinger5, wordpress, ブログ運営



  関連記事