WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマOpinionを2カラムに変更する方法

Q.3カラムレイアウトを2カラムに変更するには?

Opinionでは3カラムのレイアウトですが、これを2カラムに変更することはできますか?

A.下記のcssファイルの該当箇所を編集します

当テーマ「Opinion」では3カラムレイアウトが原則です。そのため、2カラムに変更するとしてもすべてのページについて2カラムレイアウトが適用され、トップページのみ3カラムといったご使用方法はできませんので予めご了承ください。
編集するファイル:style_pc.css
編集する箇所:

#right_col { width:300px; float:right; margin:20px 0 0 0; }

    ↓

#right_col { width:300px; float:right; margin:20px 0 0 0; display:none; }

——————————————————————————————————————-

#left_col { width:630px; float:left; margin:20px 0 0 0; }

    ↓

#left_col { width:950px; float:left; margin:20px 0 0 0; }

——————————————————————————————————————-

#post_list .info { float:left; width:300px; margin:15px 0 0 0; overflow:hidden; }

    ↓

#post_list .info { float:left; width:620px; margin:15px 0 0 0; overflow:hidden; }

——————————————————————————————————————-

#index_recent_post li { width:314px; height:95px; float:left; border-bottom:1px solid #ccc; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

    ↓

#index_recent_post li { width:474px; height:95px; float:left; border-bottom:1px solid #ccc; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

——————————————————————————————————————-

#index_recent_post li.odd { border-right:1px solid #ccc; width:313px; }

    ↓

#index_recent_post li.odd { border-right:1px solid #ccc; width:473px; }

——————————————————————————————————————-

.index_category_post .post1 { float:left; width:312px; }

    ↓

.index_category_post .post1 { float:left; width:472px; }

——————————————————————————————————————-

.index_category_post .post2 { float:right; width:315px; border-left:1px solid #ccc; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; position:absolute; right:0px; }

    ↓

.index_category_post .post2 { float:right; width:475px; border-left:1px solid #ccc; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; position:absolute; right:0px; }

——————————————————————————————————————-

.index_category_post .post2 .info { float:left; width:180px; margin:10px 0 0 0; }

    ↓

.index_category_post .post2 .info { float:left; width:340px; margin:10px 0 0 0; }

——————————————————————————————————————-

The following two tabs change content below.

tcd

TCD LABO | WordPressテーマTCDのカスタマイズを研究するサイト

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。