Wordpress her aletlere özel bir sınıf ekleme, yaklaşımınız nedir?

6 Cevap php

Ben wordpress için bir tema oluşturarak yaşıyorum ve benim aletler üzerinde başlıklarında görüntü değiştirme uygulama sorunu yaşıyorum.

Nasıl benim widget sarmak için özel bir sınıf veya id eklerim?

örneğin

HTML:

<div id="sidebar">
  <div id="customWidgetId">
     <h2>This Title will be replace by an Image</h2>
     <p>Wordpress 'Text' Widget content here</p>
  </div> 

  <div id="anotherCustomWidgetId">
     <h2>This Title will be replace by an Image</h2>
     <p>Wordpress 'Text' Widget content here</p>
  </div> 

  <div class="customClass">
     <h2>This Title will be replace by an Image</h2>
     <p>Wordpress 'Text' Widget content here</p>
  </div> 

</div>

CSS:

#anotherCustomWidgetId h2 {
 text-indent: -1000em;
 background: url of my image;
 width: ;
 height: ;
}

Benim aletlere kimliği ve sınıfların kontrolü olması gerekir. bu yüzden aletler için özel css Görüntü yedek oluşturabilirsiniz.

Senin benim yerimde nasıl wordpress bu uygulamak isterseniz?.

Teşekkürler!

6 Cevap

Bunu uygulamak gerekmez tarayıcılar için çocuk ve teklif desteği: Eğer Widget sınıfları ne olacağını bilmiyorum (ve bunları değiştiremez ya da onları değiştirmek istemiyorum) Eğer ben sadece inci kullanarak CSS3 ile kenar çubuğu içinde h2 unsurları hedef alacağını javascript.

You could amend the widgets (found in your plugin folder) to add specific classes or if you do not want a dynamic sidebar call each widget using the_widget() template tag. The widget template tag takes arguments to allow you to put html before and after the widget title and the widget itself which you can use for css hooks

Kodeks nazik User bono contribution olarak güncellendi

Sadece her widget tek bir sınıf eklemek için arıyorsanız (ben clearfix düzeltme için bu yaptık) o zaman gibi, register_sidebar başka hat eklemek ...

     register_sidebar(array(
        'id' => 'sidebar1',
        'name' => 'Sidebar (Main)',
        'description' => 'Primary sidebar',
        'before_widget' => '<div id="%1$s" class="widget %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h3 class="widgettitle">',
        'after_title' => '</h3>',
        'class' => 'clearfix'
    ));

Bu benim widget tüm 'clearfix' sınıfı ekledi.

Değil iyi görünümlü eklenti, ama bu işleri: http://wordpress.org/extend/plugins/kc-widget-enhancements/screenshots/

Ben de bu işlevsellik arayanlar olmuştu. Ben hızlı bir şekilde denedim bir çözüm vardı son makalesinde karşılaştım ve o çalıştı. Ben kullanıcı kendi sınıf ekleyebilir, veya seçim için mevcut sınıfların bir listesini oluşturmak için tasarımcı / geliştirici için izin seçeneği eklendi. Tam bir kod yer almaktadır: http://ednailor.com/2011/01/24/adding-custom-css-classes-to-sidebar-widgets/

Hope that helps! Ed

Bu eklenti http://wordpress.org/extend/plugins/custom-widget-classes/ iyi görünüyor, hatta gerekli bileşenlerin bir listesini ayarlayabilirsiniz ve tema kendisi sınıf listesini ayarlayabilirsiniz list.Even bir damla tercih edilebilir

İşte WordPress son sürümleri için bu sorunu çözmeye yardımcı olan harika bir eklenti - Ben WP 3.4.2 üzerinde kullanıyorum ve Widget bana ayrı bir özel sınıf specifiy sağlar. Tatlı.

http://wordpress.org/extend/plugins/zigwidgetclass/

etiketler