Встраиваем собственный CSS в записи с Custom Fields

Бывают моменты в жизни, когда вам придется использовать пользовательский CSS для ваших записей. В этой статье мы поделимся одним из способов встраивания собственного CSS в ваши записи WordPress с помощью пользовательских полей.

Открываем ваш файл header.php и вставляем следующий код в любое место между тегами < head>.

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

После этого вы можете добавить пользовательское поле для нужной записи с именем customstyle и вставить в него ваш css код.

К примеру, если вам нужно обрамить картинку границей, то:

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

Используйте указанный формат и сможете добавлять пользовательские стили для каждой отдельной страницы!

VN:F [1.9.22_1171]
Rating: 5.0/5 (1 vote cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
Scroll To Top