Находим functions.php
Либо открыть его через консоль: Консоль – Внешний Вид – Редактор – в правой колонке выбрать файл functions.php
Добавляем необходимый код в конец файла
Этот скрипт добавит бокс с полем ввода дополнительного CSS на каждой странице или статье вашего сайта при написании или редактировании. Если после добавления этого кода, у вас не появилось поле ввода для дополнительного CSS – проверьте вашу вкладку “Настройки Экрана” вверху страницы. Нужно поставить галочку напротив “Custom CSS” для отображения этого бокса.
Вот как то так.
Можно попробовать использовать специальный плагин Для просмотра ссылки Войдиили Зарегистрируйся
но он давно не обновлялся. Но мы же не ищем легких путей )))
После его установки, на странице в панели управления, где вы создаете или редактируете новую запись или пост появиться новое окно. В это окно можно будет вбить код, который отобразиться в области <head></head>, только для той страницы, которую вы в данный момент редактируете или создаете.
Можно указывать как путь к отдельным файлам, так и вручную вбить код для отображения в советующее поле.
Либо открыть его через консоль: Консоль – Внешний Вид – Редактор – в правой колонке выбрать файл functions.php
Добавляем необходимый код в конец файла
PHP:
//Custom CSS Widget
add_action('admin_menu', 'custom_css_hooks');
add_action('save_post', 'save_custom_css');
add_action('wp_head','insert_custom_css');
function custom_css_hooks() {
add_meta_box('custom_css', 'Custom CSS', 'custom_css_input',
'post', 'normal', 'high');
add_meta_box('custom_css', 'Custom CSS', 'custom_css_input',
'page', 'normal', 'high');
}
function custom_css_input() {
global $post;
echo '<input type="hidden" name="custom_css_noncename" id="custom_css_noncename"
value="'.wp_create_nonce('custom-css').'" />';
echo '<textarea name="custom_css" id="custom_css" rows="5" cols="30"
style="width:100%;">'.get_post_meta($post->ID,'_custom_css',true).'</textarea>';
}
function save_custom_css($post_id) {
if (!wp_verify_nonce($_POST['custom_css_noncename'], 'custom-css')) return $post_id;
if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) return $post_id;
$custom_css = $_POST['custom_css'];
update_post_meta($post_id, '_custom_css', $custom_css);
}
function insert_custom_css() {
if (is_page() || is_single()) {
if (have_posts()) : while (have_posts()) : the_post();
echo '<style type="text/css">'.get_post_meta(get_the_ID(), '_custom_css', true).'
</style>';
endwhile; endif;
rewind_posts();
}
}
Вот как то так.
Можно попробовать использовать специальный плагин Для просмотра ссылки Войди
но он давно не обновлялся. Но мы же не ищем легких путей )))
После его установки, на странице в панели управления, где вы создаете или редактируете новую запись или пост появиться новое окно. В это окно можно будет вбить код, который отобразиться в области <head></head>, только для той страницы, которую вы в данный момент редактируете или создаете.
Можно указывать как путь к отдельным файлам, так и вручную вбить код для отображения в советующее поле.