記事一覧を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, ブログ運営



  関連記事

wordpress-logo-stacked-rgb
WordPress(ワードプレス)の“超”簡単な始め方と使い方まとめ

business-switchx4
【完全版】WordPressのおすすめサーバーと管理人が選んだ理由

3517dfa685d5beaa7f940027248a1a74
wpXサーバー/wpXクラウド WordPressの超簡単な始め方

WS000468
Google AdSenseをカテゴリごとに非表示or違う広告にする方法

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

WS000004
ブログ始めました。

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

buj0088-001
ブログのネタが思いつかない?そんなときはこれだ!

wapuu
管理人流!WordPress超初心者マニュアル

g
ブログ開始から1年!色々ありました。