wordpresstr
Administrator
- 125
- 13 Kas 2020
Sayfa kimlikleri geliştirmeden dağıtıma değiştiği için page-id- {number} kullanamadık. Ayrıca tekrarlayan kod içeren özel bir sayfa şablonu oluşturmak istemedik. Sayfa sümüklü böcekleri olan bu sayfaların hepsinde bir şeyi aynı tutabileceğimizi biliyorduk, bu yüzden vücut sınıfına, istediğimiz tüm özelleştirmeleri herhangi bir komplikasyon olmadan yapmamızı sağlayan sayfa sümüklü böcekleri eklemeye karar verdik. Bu makalede, WordPress temalarınızın gövde sınıfına nasıl sayfa slug ekleyeceğinizi göstereceğiz.
Bu, temaya özgü bir kod olduğu için, onu temanızın functions.php dosyasına koymanızı öneririz .
Şimdi yeni bir vücut sınıfının şu şekilde çıktığını görmeye başlayacaksınız: page- {slug}. Varsayılan stillerinizi geçersiz kılmak ve belirli sayfalar için öğeleri özelleştirmek için bu sınıfı kullanın.
Örneğin, widget sınıfıyla bir div'i değiştirmeye çalışıyorsanız. CSS'nizi şu şekilde elde edebilirsiniz:
Bu, temaya özgü bir kod olduğu için, onu temanızın functions.php dosyasına koymanızı öneririz .
| 1 2 3 4 5 6 7 8 9 | //Page Slug Body Class function add_slug_body_class( $classes ) { global $post; if ( isset( $post ) ) { $classes[] = $post->post_type . '-' . $post->post_name; } return $classes; } add_filter( 'body_class', 'add_slug_body_class' ); |
Şimdi yeni bir vücut sınıfının şu şekilde çıktığını görmeye başlayacaksınız: page- {slug}. Varsayılan stillerinizi geçersiz kılmak ve belirli sayfalar için öğeleri özelleştirmek için bu sınıfı kullanın.
Örneğin, widget sınıfıyla bir div'i değiştirmeye çalışıyorsanız. CSS'nizi şu şekilde elde edebilirsiniz:
| 1 2 | #sidebar .widgets{background: #fff; color: #000;} .page-education #sidebar .widgets{background: #000; color: #fff;} |