賢威６．１の３カラムで、サブコンテンツとサイドバーを右側に並べる方法
ご訪問有難うございます。
賢威６．１の３カラムで、サブコンテンツとサイドバーを右側に並べる方法
ブログを見ていると右側にサイドバーを２列に並べてあるのを見たことがあると思いますが、本日はこのブログでやってみることにします。
変更前の画像。
上の画像が、今までの当ブログです。
変更後のブロクの画像、、、、、、と思いましたが、今のこのブログを見ていただいたほうが早いので、画像は省かせていただきます。
さて、それでは、どのようにすればこのように変えることができるのでしょうか？
ワードプレスの管理画面から＞外観＞テーマ編集＞
賢威6.1 クール版: layout.css
■ソースを変更■
変更前
/*コンテンツ配置*/
.col3 #main-and-sub{ float: left; }
.col3 #main-contents{ float: right; }
.col3 #sub-contents{ float: left; }
.col3 #sidebar{ float: right; }
変更後
/*コンテンツ配置*/
.col3 #main-and-sub{ float: left; }
.col3 #main-contents{ float: left; }
.col3 #sub-contents{ float: right; }
.col3 #sidebar{ float: right; }
変更前。変更後の文字は無視して頂いてこのように変えるだけです。
非常に簡単だったと思います。
photo by:
timsnell
最近のコメント