HOME   オンラインマニュアル   カスタマイズ編   TOPページを3カラム化する【開発者向け】

TOPページを3カラム化する【開発者向け】

CASTPRO4プレミアテーマは、すべて1カラムか2カラムですが、これをTOPページのみ3カラム化したい場合は、下記の修正を行ってください。

 

①wp-content/plugins/cp4_connect/theme-options/options-widgets

70行目あたりに以下を追加

register_sidebar( array(
'name' => __('ページ中央(右)'),
'id' => 'mainwidgetarea_right',
'description' => __('ページ中央(右)に表示するウィジェットを選択できます。'),
'before_widget' => '<div id="%1$s" class="top_widget ads %2$s">',
'after_widget' => '</div>',
'before_title' => '<h3 class="page_title main_color"><span class="title_name">',
'after_title' => '</span></h3>'
) );
 

②wp-content/themes/(インストールテーマ)/page-top.php

8行目を下記に修正
<div class="smart_hide tablet_hide top_l"><?php dynamic_sidebar('mainwidgetarea'); ?></div>

<div class="smart_hide tablet_hide top_l"><?php dynamic_sidebar('mainwidgetarea'); ?></div>
<div class="smart_hide tablet_hide top_r"><?php dynamic_sidebar('mainwidgetarea_right'); ?></div>
 

③wp-content/themes/(インストールテーマ)/desktop.css

下記を追加
.top_l {
width: 70%;
float:left;
margin-right:10px;

}
.top_r {
width: 28%;
float:right;
}
これで、ウィジェットエリアに、「TOPページ(右)」という、新しいウィジェットエリアが出来ますので、ここに3カラム目に表示したいウィジェットを選択します。

カラム幅の比率は、上記のcssの幅を調整してください。

 

w
 

 

̃Gg[͂ĂȃubN}[Nɒlj
Õy[W֖߂