Belirli bir Wordpress teması bir 2. Kenar çubuğu ekleme

4 Cevap php

I how to add additional sidebars şimdi ben zaten tema Librio (wordpress.org / uzatmak / themes / librio) görüntülenen bir yanında ekstra bir kenar çubuğu eklemek nasıl anlamaya gerekir öğrendim.

Ben kesinlikle nereye bakmak için hiçbir fikrim yok. Kod saf kaos değil, kendi kendini açıklayıcı.

Benim sidebar.php aşağıdaki kodu içerir:

<div id="idontknow">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar1') ) : ?>
<?php endif; ?>
</div>

Şimdi çoğaltmak ve aynı kodu eklemek, ancak 'sidebar2' I olsun tüm 1 kenar çubuğu İÇ görüntülenen 2 kenar çubuğu ise.

<div id="idontknow">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar1') ) : ?>
<?php endif; ?>
</div>

<div id="ireallydont">
<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar2') ) : ?>
<?php endif; ?>
</div>

Ben bunu istemiyorum. Ben yan tarafından 2 ayrı sidebars tarafını istiyorum. Biri beni oldukça lütfen yardımcı olabilir misiniz?

CSS ve id = leftsidebar ve id = rightsidebar ile süresinin dolması için çalıştı, ama sadece çalışmıyor.

Just to clarify again: I have 2 sidebars! I've even got the correct code in functions.php

if ( function_exists('register_sidebar') )
    register_sidebar(array('name'=>'sidebar1',
    'before_widget' => '<div class="block">',
    'after_widget' => '</div>',
    'before_title' => '<h3 class="widgettitle">',
    'after_title' => '</h3>',
));
register_sidebar(array('name'=>'sidebar2',
    'before_widget' => '<div class="block">',
    'after_widget' => '</div>',
    'before_title' => '<h3 class="widgettitle">',
    'after_title' => '</h3>',
));

The problem is, like mentioned, the 2nd newly created sidebar is shown inside the 1st sidebar. I want the theme modified so that I have 2 separate sidebars.

4 Cevap

Bu her şeyden daha bir CSS sorunu daha fazladır. Ben kurulum çoğaltılır ve iki sütun çalışma almak için aşağıdaki yaptık.

Benim sidebar.php olduğunu:

<div id="sidebar">
  <div id="idontknow">
  <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar1') ) : ?>
  <?php endif; ?>
  </div>
  <div id="ireallydont">
  <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar2') ) : ?>
  <?php endif; ?>
  </div>
</div>

Ben (Dekstro önerilen) functions.php hem sidebars kayıtlı ve işe hem onaylamak ve biri diğerinin altına göstermek ettik.

Sonra style.css aşağıdaki genişliği değişiklikleri yaptı:

  • at line 173, I changed #content's width to 570px
  • at line 303, I changed #sidebar's width to 300px

Sonra yeni bir CSS kuralı eklendi:

#sidebar #idontknow,
#sidebar #ireallydont {
    width: 150px;float: left;
}

Şimdi iki sütun tarafı var. Sen genişliklerini ayarlamanız ve kesinlikle kenar çubuğu arka plan görüntüsünü düzeltmek isteyeceksiniz isteyebilirsiniz.

İkinci bir kenar çubuğu kayıt var.

tema bir dosya functions.php (belki bu dosya zaten var) oluşturmak klasörü tr aşağıdaki kodu ekleyin:

    <?php
        register_sidebar(array('name'=>'sidebar'));
        register_sidebar(array('name'=>'sidebar2'));
    ?>

Eğer wordpress admin bölümünde giderseniz Şimdi, size widget ekleyebilirsiniz mevcut 2 sidebars olduğunu görmelisiniz.

Eğer id = "sidebar2" için ikinci sidebar div id değiştirmeyi denediniz mi? Bu site / kodunu görmeden söylemek çok zor ama iki kenar çubuğunu üst üste neden olan CSS şey olabilir. O, ya birinci ya da düzgün kapalı varlık değildir.

Eğer librio kenar çubuğu div içinde kenar çubuğunuzda divs koydun?

Diğer bir deyişle, sizin sidebar.php Bu neye benziyor?

<div id="sidebar">
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar1') ) : ?>

    <!-- default librio sidebar stuff goes here -->

    <?php endif; ?>

    <div id="sidebar2">
        <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('sidebar1') ) : ?>

        <!-- second sidebar stuff goes here -->

        <?php endif; ?>
    </div>
</div>

Ben yaptım, ikinci kenar çubuğu varsayılan librio kenar çubuğu parçası olarak ortaya çıktı. Ben dışarıda <div id="sidebar2"> şeyler taşındı <div id="sidebar">, ikinci kenar çubuğu içerik sayfanın alt kısmında çıktı. Sen başka bir yere taşımak için CSS değiştirmeniz gerekir.

etiketler