Как вставить div в тему WordPress?

Question

[Snatch08]

Всем доброго дня!
Подскажите пожалуйста, как я могу вставить div в тему WordPress?
Хочу добавить модальное окно, которое будет появляться по клику и скрываться по нажатию на крестик. Делал такое 1 млн. раз на обычных самописных сайтах, но не WordPress.
Еще, хотел бы, чтобы при обновлении темы этот див, а так же стили и скрипты не затирались.
Тема: Futurio

Answer 1

[Артем Золин]

Чтобы файлы не затерлись при обновлении нужно создать дочернюю тему

В functions.php нужно добавить подключение скриптов и стилей на хуке wp_enqueue_scripts так:

add_action( 'wp_enqueue_scripts', 'custom_scripts' );
function custom_scripts() {

	// Сюда стили
	wp_enqueue_style( 'newstyle', get_template_directory_uri() . '/assets/css/custom_style.min.css' );

	// Сюда скрипты
	wp_enqueue_script( 'newscript', get_template_directory_uri() . '/assets/js/custom_script.min.js' );

	// сюда инициализацию или отдельным файлом как выше
	$newscript_init = 'jQuery(function($) {

	});';
	wp_add_inline_script( 'newscript', $newscript_init );

}

Вывод формы можно добавить на хук wp_footer так:

add_action( 'wp_footer', 'the_popup_form', 1 );
function the_popup_form() { ?>

	<div id="popup" class="mfp-hide popup">
		<form id="popup-form" class="popup-form">

			<!-- ... -->

		</form>
	</div>

<?php }

Comments

[Snatch08]

Благодарю. А вот если я создал дочернюю тему, как это скажется на основной теме? При переходе на сайт будет загружаться основная тема, но дополнительно будут подгружаться скрипты, стили и html из дочерней темы? Сейчас на основной теме сайт уже есть, не хотел бы, чтобы в нем что-то менялось. Только чтобы из дочерней подгружались скрипты стили и html. По такому принципу будет работать или что-то не так понимаю?

[Артем Золин]

Snatch08, да, именно так работать и будет

[Snatch08]

Отлично, аригато! Теперь въехал. Ухх и доводит меня вордпресс пока, но благодаря таким хорошим людям все становится понятнее. Еще раз больше спасибо!

[Артем Золин]

Snatch08, Обращайтесь

[Snatch08]

Артем Золин, А вот еще вопрос, get_template_directory_uri() - это путь к родительской теме и там нужно создать каталог с именем assets, а уже в них разместить все остальное?

[Артем Золин]

Snatch08, нет, нужно использовать get_stylesheet_directory_uri() - это url текущей темы, т.е. дочерней или get_theme_file_uri() - это функция пытается найти указанный файл сначала в дочерней теме, если его там нет, то берет его из основной

[Snatch08]

Артем Золин, не мог вывести, подсмотрел скриптик один, с доп. параметрами, заработало. Оказывается там что-то с jquery, типо того, что вначале он должен загрузиться, а потом уже pure js. Вот так это выглядит:

wp_enqueue_script( 'newscript', get_stylesheet_directory_uri() . '/assets/js/custom_script.js', array( 'jquery' ),'',true );

источник: https://wordpress.stackexchange.com/questions/3066...

[Артем Золин]

Snatch08, у меня есть очень подробная статья по подключению скриптов, если нужно

[Snatch08]

Артем Золин, Да, почитаю. Благодарю