Принимаясь за дело, соберись с духом (К. Прутков).

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

14.08.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.

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...
Если статья понравилась, то поделитесь ей в социальных сетях:

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

**ссылки nofollow

Это может быть вам интересно


Загрузка...

Спасибо!

Теперь редакторы в курсе.

Scroll to Top