図のように記事一覧を2段組みにする方法です。

 

 

 

 

設定方法

 

CSS の ■追加アレンジ に次の記述を追加してください。

 

●ソースをダブルクリックしてその状態でコピーしてください

●Google Chromeは ドラッグ でコピーしてください。ダブルクリックしてコピーすると文字化けします。

 

※2017-11-14 記述変更 ( アップデートID：171114 ) から適応

/*記事一覧段組み*/
.list>li{width:50%; vertical-align:top; padding:0; border:none;}
.kijilist-body{padding:0;}
.list-in{margin:10px;}
.kb-l{float:none;}
.kb-l{width:100%;}
.kb-l img{width:100%; height:auto;}
.kb-l,.kb-l img,.kb-l .noimage{border-radius:0;}
.kb-r{margin:0;}
.ul-kl li{width:100%;}
.ul-kl li a{padding:5px 0 0 0;}
.ul-kl li a:before,.ul-kl li a:after{display:none;}
.kl-info{margin:2px 0 0 0;}
.kl-date,.kl-cat a{margin:0; padding:0; border:none; background:none; color:#333;}
.kl-date{margin: 0 5px 0 0;}
.kl-cat a:hover{border:none; background:none; color:#a00;}
.kl-read{position:static; margin-top:5px; text-align:center;}
.kl-read a{display:block; padding:8px 0;}
.kl-read{display:none;}
/*.kl-intro {display: none;}/*抜粋文非表示*/

 

  • 3段組みにするときは 2 行目 50% → 33.3% に変更してください。
  • 4段組みにするときは 2 行目 50% → 25% に変更してください。
  • 20行目の頭の /* を削除すると抜粋文を非表示にできます。