Удовольствие критиковать мешает наслаждаться прекрасным (Ж. Ла6рюйер).

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

1 мин для чтения
FavoriteLoadingДобавить в избранное
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (1 оценок, среднее: 5,00 из 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.

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

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

Добавить комментарий

Войти с помощью: 

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

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

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

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

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

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

close
galka

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

close