Додаємо клас “парний/непарний” до дописів

У дизайні блога можна застосувати цікавий прийом – зробити колір тла кожного парного (even) допису одного кольору, а колір тла кожного непарного (odd) іншого кольору. Починаючи ще з версії 2.7 у WordPress додано новий фільтр post_class, що назначає клас для контейнера допису. Дуже корисний фільтр, з ним легше стилізувати дописи через CSS.

Додайте цей коду у файл functions.php своєї теми:

function oddeven_post_class ( $classes ) {
   global $current_class;
   $classes[] = $current_class;
   $current_class = ($current_class == 'odd') ? 'even' : 'odd';
   return $classes;
}
add_filter ( 'post_class' , 'oddeven_post_class' );
global $current_class;
$current_class = 'odd'; 

Таким чином, контейнерам дописів, наприклад на головній сторінці, буде динамічно назначено по черзі то клас “odd” то клас “even”. Залишилось тільки прописати потрібні стилі для цих класів у файлі стилів вашої теми.

За підтримки:
Шукаєш весільні сукні в тернополі чи весільні плаття? Весільний салон Марібель завжди до твоїх послуг.

Класнючі іконки

Класнючі іконки

Плагін “Uni-theme Maintenance Mode”

Плагін “Uni-theme Maintenance Mode”

Новіший допис

Надіслати коментар