2017-02-21 17 views
0

Я хотел был бы отредактировать мой CSS темы WordPress, используя страницу в бэкэнд вместо файла style.css по умолчанию. Я видел, как это делалось раньше в качестве шаблона страницы, но я не могу понять, как это сделать.Используйте страницу Wordpress как таблицу стилей?

Я использую WordPress версии 4.7.2 на Multisite. Я хочу, чтобы CSS генерировался при активации темы, следовательно, используя страницу.

Я заранее извиняюсь, если это легкое исправление и доступно для других способов достижения этого. Благодаря!

+0

Вы хотите настраиваемое поле на всех страницах, которые контролируют CSS для этой конкретной страницы? Или вы хотите, чтобы CSS применялся ко всей теме, с одной страницы, которая используется только на задней панели? –

+0

CSS, который применяется ко всей теме с одной страницы в бэкэнд :) Я знаю, что есть плагины, но я хочу, чтобы страница была создана при активации темы. – Chelsea

+0

WordPress уже имеет эту функцию, доступную через администратора, [есть редактор, который позволяет редактировать файлы тем] (https://codex.wordpress.org/Appearance_Editor_Screen). – hungerstar

ответ

0

Я настоятельно рекомендую использовать плагин, например https://wordpress.org/plugins/wp-add-custom-css/, или использовать поле «Дополнительный CSS» в WordPress Customizer.

Однако, чтобы ответить на ваш вопрос, это было легко, так как это измененный способ создания некоторых страниц, которые я загружаю с помощью ajax. Вам нужно будет создать шаблон страницы, и для этого потребуется FTP и редактор кода для создания страницы, а затем нажмите ее в папку темы (надеюсь, дочерняя тема или этот шаблон исчезнут при обновлении).

Я назвал свой CSS шаблон страницы: CSS-page.php

Это требует только открытие PHP тега.

КОД для шаблона CSS-page.php

Затем в файл functions.php в вашей детской теме (или включить в этот файл или пользовательский плагин) вставить в следующем, но изменить его где

Изменить значение p = '3134' на свой идентификатор страницы, где вы используете этот шаблон. Измените id = "something" на что-то другое или удалите его. Полезно иметь идентификатор или класс для манипуляции js.

Для functions.php

//Get CSS page contents 
function myprefix_page_css() { 
    echo '<link rel="stylesheet" id="something" href="'. site_url() .'/?p=3134" type="text/css" media="screen">'; 
} 
add_action('wp_head', 'myprefix_page_css', 99); 

 Смежные вопросы

  • Нет связанных вопросов^_^