即日上位表示サービスです
3日以内にトップ・ページに上がってこなければ全額返金致します。 ワードプレスのカスタマイズの 20万円相当のホームページを 全て差し上げます。 ドメイン無料 サーバー代無料 あり得ないサービス

賢威6.1の3カラムで、サブコンテンツとサイドバーを右側に並べる方法

                                        ご訪問有難うございます。

geometric patterns

賢威6.1の3カラムで、サブコンテンツとサイドバーを右側に並べる方法

 

ブログを見ていると右側にサイドバーを2列に並べてあるのを見たことがあると思いますが、本日はこのブログでやってみることにします。

 

変更前の画像。

3カラムのカスタム前の画像です。

 

上の画像が、今までの当ブログです。

 

 

変更後のブロクの画像、、、、、、と思いましたが、今のこのブログを見ていただいたほうが早いので、画像は省かせていただきます。

さて、それでは、どのようにすればこのように変えることができるのでしょうか?

 

ワードプレスの管理画面から>外観>テーマ編集>

賢威6.1 クール版: layout.css

layout.css

に進んでいただきます。そして、3カラムが1番下に表記してありますのでそこで

 

 

■ソースを変更■

変更前
/*コンテンツ配置*/
.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
» «

コメントを残す

サブコンテンツ

飯沼祐志

 

 

  飯沼祐志: 株式会社マルク代表

 

あなたの疑問に即時対応致します。

チャットで問い合わせ

お気軽にどうぞ。

 

自己紹介はコチラ

全記事一覧

Twitter でフォロー

変更後

このページの先頭へ