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

     

PAK86_takoyakidekiageari15122810500

 

トップページの記事一覧が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列ですごい綺麗にまとめてる人いるよなあ
今の管理人のセンスじゃここが限界だろ

 

 

 

 

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

最新情報をお届けします

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

関連記事

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



  関連記事

stinger5simplester
【完全版】Stinger5+SIMPLESTERカスタマイズまとめ

PAK85_notepc20150319202127500
【完全版】WordPressやブログで検索にかかりやすくする4つの方法

IUhKmhy-
ebten(エビテン)とリンクシェアのアフィリエイトが悪質過ぎワロタ件

Gunosy
初めてのグノシー砲!ショボすぎワロタwww件について

gomaruyonlogo
2015年8月~2016年2月集客とアフィリエイト収入

gomaruyonlogo
2015年4月集客とアフィリエイト収入

WordPressLivePhoto
超簡単!WordPressの記事にLivePhotoや動画を埋め込む方法

WS000600
【WordPress】サイドバーにPHPが効かない!?たった1つの解決法!!

20160302google
Googleで検索しても自分のブログや記事が出ない件

g
【祝3万PV】2016年4月アクセス数とアフィリエイト収入