Пользовательский CSS и JS для каждой страницы в Wordpress
Я делаю сайт на wordpress. Это мой первый проект, в котором он используется. Я ищу способ создать собственный CSS для каждой страницы моего веб-сайта, потому что мои страницы очень разные. Я не хочу помещать все в styles.css моей темы. Я знаю, что могу сделать что-то вроде:
function initScriptsAndStyles()
{
if ( is_post( 'home' ) )
{
wp_enqueue_style( 'style', get_template_directory_uri() . '/css/home.css');
}
}
add_action( 'wp_enqueue_scripts', 'initScriptsAndStyles' );
Но я не хочу делать это и для каждого поста, вы всегда будете беспокоиться, что никто не изменит имя или что-то в этом роде ... Я нашел людей, которые говорят, что его можно вставлять динамически, но я не знаю, как это сделать, не нашел ни одного учебника, который объясняет шаг за шагом.
Кто-нибудь может мне помочь?
Ваше здоровье!
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Вы можете создавать разные заголовки, разные нижние колонтитулы и совершенно разные стили и файлы JS и включать их там, где вам это нужно. Вы можете создавать шаблоны для каждой страницы, если они выглядят по-разному.
В каталоге вашей темы создайте пустую страницу php, page-home.php.
В начале страницы напишите следующее:
<?php
/**
* Template Name: My Custom Home Pgae
*/
get_header();
?>
Затем напишите весь свой код в HTML / PHP
В конце добавьте нижний колонтитул следующим образом:
<?php get_footer(); ?>
Теперь перейдите в панель управления WordPress и нажмите «Страницы». Добавьте новую страницу, и с правой стороны (рядом с кнопкой публикации) вы увидите возможность назначить странице шаблон. Вы увидите там "Test", потому что вы присвоили это имя шаблона своему page-home.php.
Назначьте вашей странице этот шаблон, и ваша страница будет отражать присвоенный вами код.
Для CSS вы даже можете полностью избавиться от style.css
Вы можете создать файл или папку для хранения ваших файлов css в папке темы и включить их в файл header.php, который поставляется с wordpress.
Если хотите, вы также можете использовать несколько заголовков. Создайте новый файл header-home.php, header-about.php, header-xyz.php и включите их в свои шаблоны в следующем формате: <? Php get_header ('home'); ?> <? php get_header ('о'); ?> <? php get_header ('xyz'); ?> Вы также можете сделать это с помощью нижнего колонтитула. Просто назовите их footer-abc.php и назовите их с помощью <? Php get_footer ('abc'); ?> Вы можете скопировать header.php в свой header-home.php, а затем изменить ссылки, логотипы и все, что захотите.
Затем я должен включить в каждый заголовок что-то вроде: <link rel = "stylesheet" href = "fonts.googleapis.com/css?family=Tangerine">?
Насколько я знаю, у вас может быть только один заголовок, поэтому с get_header () я всегда буду импортировать одни и те же библиотеки? вы рекомендуете использовать <link href = "css / style.css" rel = "stylesheet"> перед get_header () в каждом template.php?