0

ホームページに 2 つのウィジェットを並べて配置したいと考えています。ただし、最初のウィジェットを 650 ピクセルにし、もう一方を 290 ピクセルにしたいと考えています。これは私にはできません。誰か助けてください。

テーマの functions.php ファイルにウィジェット用に登録したコード:

   register_sidebar(array(
    'name' => 'Slider 1',
    'before_widget' => '<div id="%1$s" class="widget-area1 %2$s">',
    'after_widget' => '</div>',
    'before_title' => '<h3>',
    'after_title' => '</h3>',
));

register_sidebar(array(
    'name' => 'Side Column',
    'before_widget' => '<div id="%1$s" class="widget-area2 %2$s">',
    'after_widget' => '</div>',
    'before_title' => '<h3>',
    'after_title' => '</h3>',
));

次に、ホームページのテンプレート ファイルに次のように配置しました。

<?php 
/**
 * Template Name: Home Page
 */
get_header();
include('_functions/get-options.php');
?>

<?php /* Widgetised Area */ if(!function_exists('dynamic_sidebar') ||!dynamic_sidebar('Homepage')); ?>
**<div class="widget-area1">
<?php /* Widgetised Area */ if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('Slider 1')); ?>
</div>
<?php /* Widgetised Area */ if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('Side Column')); ?>**

<?php /* Widgetised Area */ if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('Homepage 1')); ?>
<?php /* Widgetised Area */ if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('Homepage 2')); ?>

<div class="clear"></div>

<?php get_footer(); ?>

そして、スタイルシートに配置したcssスタイリング：

div.widget-area1 {
clear: both;
margin: 0 auto;
width: 650px;
}

div.widget-area3 {
clear: both;
margin: 0 auto;
width: 290px;
}

私が間違っていることを教えてください。私が使用しているテーマは比較です。

4

1 に答える 1

1

質問のスタイルは機能するはずですが、これはスタイルシートに表示されるものです

#widget-area1 {
  clear: both;
  margin: 0 auto;
  width: 650px;
}

#widget-area2 {
  clear: both;
  margin: 0 auto;
  width: 290px;
}

これらのルールは、質問で定義したようなクラスではなく、ID を参照しています。

clear:bothまた、並べて配置したい場合 は、 を削除することもできます。

于 2013-09-18T16:09:38.527 に答える