Народу нужны не отвлеченные идеи, а прописные истины (А. Ривароль).

Пользовательские таблицы стилей CSS для отдельных постов

1 мин для чтения
FavoriteLoadingДобавить в избранное
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...
14 августа 2016
Пользовательские таблицы стилей CSS для отдельных постов

Есть сайты, которые используют пользовательские таблицы стилей для отдельных типов постов. Вы хотите знать, как вы можете сделать также? Это очень просто. Это достигается за счет использования настраиваемых полей.

Сначала вам нужно будет открыть файл header.php и вставить этот код между кодами <HEAD> </ HEAD>.

<?php if (is_single()) {
$custom_style = get_post_meta($post->ID, 'customstyle', true);
if (!empty($custom_style)) { ?>
<style type="text/css">
<?php echo $custom_style; ?>
<style>
<?php }
} ?>

После того как вы сделали, что вы можете добавить пользовательское поле в каждом посте с именем Custom_Style и добавить коды CSS там.

Например, если вы хотите для определенного изображения сделать границу, вы можете добавить:

#coolimageclass{border: 5px solid #ccc;}

Используйте формат выше, и теперь у вас есть пользовательские CSS для ваших отдельных постов.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Просмотров: 69

Если статья понравилась, то поделитесь ей в социальных сетях:

Отправить ответ

Войти с помощью: 
avatar
  Подписаться  
Уведомление о

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Заполните форму и наш менеджер перезвонит Вам в самое ближайшее время!

badge
Обратный звонок 1
Отправить
galka

Спасибо! Ваша заявка принята

close
galka

Спасибо! Ваша заявка принята

close