Как создать один шаблон для всех постов WordPress с помощью Elementor PRO

 

Как создать один шаблон для всех постов WordPress с помощью Elementor PRO

Шаги по созданию шаблона поста с помощью Elementor

Я решил написать эту статью после того, как мне было трудно сделать то, о чем говорится в заголовке, в основном потому, что я не использовал Elementor в течение длительного времени и потому, что Builders, какими бы интуитивно понятными они не казались, не похожи на езду на велосипеде. Кроме того, не так давно я перешел на PRO.

Итак, поскольку мне пришлось долго искать и возиться, пока я не нашел то, что искал, я оставляю здесь описание процесса, на случай, если это будет полезно кому-то, кто находится в такой же ситуации.

Задача состоит в том, чтобы сделать улучшенный шаблон из Вашего текущего шаблона с помощью Elementor, а затем применить его ко всем постам.

Этого также можно достичь с помощью бесплатной версии Elementorхотя я помню, что и способ его создания, и способ его применения отличаются и гораздо менее автоматизированы.

Начнем с того, что если Вы собираетесь вносить изменения непосредственно в шаблон, то само собой разумеется, что Вы всегда должны работать в дочерней теме, чтобы не потерять изменения при обновлении шаблона.

Если у Вас его нет, Вам следует его создать и выяснить, почему он должен быть у Вас. Дочерняя тема" может быть сделана вручную или с помощью плагина. Об этом у вас есть информация чтобы наскучить Вам.

В моем случае я сделал шаблон по образцу из GeneratePress PROкоторый, кстати, отлично сочетается с Elementor PRO хотя этот процесс одинаков для любого другого шаблона.

Вот шаги.

Вариант 1

Первый шаг - это обычный шаг для шаблона. Откройте предпочтительный редактор, например, bootstrap, и введите:

<?php
/*
* Template Name: Mi-plantilla
* Template Post Type: post
*/
get_header(); ?>
>
		<main id="main" <?php generate_do_element_classes( 'main' ); ?>>
			<?php
			/**
			 * generate_before_main_content hook.
			 *
			 * @since 0.1
			 */
			do_action( 'generate_before_main_content' );
			if ( generate_has_default_loop() ) {
				while ( have_posts() ) :
					the_post();
					generate_do_template_part( 'single' );
				endwhile;
			}
			/**
			 * generate_after_main_content hook.
			 *
			 * @since 0.1
			 */
			do_action( 'generate_after_main_content' );
			?>
		</main>
	<?php
	/**
	 * generate_after_primary_content_area hook.
	 *
	 * @since 2.0
	 */
	do_action( 'generate_after_primary_content_area' );
	generate_construct_sidebars();
	get_footer();

Теперь скопируйте все, что находится после get_header(); ?> в страницу single.php Вашего текущего шаблона.

Затем вставьте все, что Вы только что скопировали чуть ниже get_header(); ?> в Ваш новый файл и сохраните его в папке Вашей дочерней темы с расширением .php и любым именем, которое Вы хотите. Выберите имя, которое позволит Вам запомнить, что это Ваш новый шаблон, например, my-template.php

Дело в том, что как это.

Отсюда есть два возможных пути, один - создать новый пост и применить "My-template" в Input Attributes, чтобы начать его настройку

Как создать один шаблон для всех постов WordPress с помощью Elementor PRO

Затем просто сохраните свою работу как шаблон, в этом случае Вы можете пропустить шаги до"To Layout" или пойти вторым, возможно, менее запутанным путем, который описан ниже.

Вариант 2

В меню "Шаблоны" выберите Добавить новый.

Как создать один шаблон для всех постов WordPress с помощью Elementor PRO 2

На следующем экране мы выбираем Single Post. Мы дадим ему нужное нам название и нажмем кнопку CREATE TEMPLATE.

Как создать один шаблон для всех постов WordPress с помощью Elementor PRO 3

На следующем экране будет показана библиотека доступных шаблонов.

Как создать один шаблон для всех постов WordPress с помощью Elementor PRO 4

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

Обычно Вы уже видите заголовок с колонтитулом, меню и нижний колонтитул.

К планировке

Как создать один шаблон для всех постов WordPress с помощью Elementor PRO 5

Нажмите на красный круг с символом +, и появится следующее окно для выбора структуры страницы Вашего сообщения.

Как создать один шаблон для всех постов WordPress с помощью Elementor PRO 6

Здесь выбор прост. Если на страницах записей Вашего блога есть боковая панель справа, слева, обе или ни одной, выберите подходящий вариант.

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

В моем случае, поскольку в моем шаблоне я использую боковую панель справа, я выбираю этот вариант

Помните, что если однажды Вы решите изменить боковую панель с правой на левую или убрать ее, Вам придется создать новый шаблон поста с этой новой структурой, потому что сейчас Elementor рулит в этой опции.

Виджет Тетрис

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

Как создать один шаблон для всех постов WordPress с помощью Elementor PRO 7

В общих вариантах

Как создать один шаблон для всех постов WordPress с помощью Elementor PRO 8

Среди тысячи вещей, которые можно настроить, можно также выбрать любую запись в качестве предварительного просмотра. Таким образом, можно увидеть изменения, освежающие в реальном времени конкретный контент.

Как создать один шаблон для всех постов WordPress с помощью Elementor PRO 9

Публикация

После того, как мы закончили, проверили, что в общих настройках у нас есть все необходимое, что сайт выглядит так, как мы хотим, и мы сделали необходимые предварительные просмотры, мы можем сохранить его или опубликовать. Если мы решим опубликовать его, Вы можете сделать так, чтобы он применялся ко всем заявкам. Или Вы можете протестировать его на одном старом сообщении, если не хотите рисковать тем, что Ваши посетители столкнутся с непредвиденными ошибками.

Как создать один шаблон для всех постов WordPress с помощью Elementor PRO 10
Как создать один шаблон для всех постов WordPress с помощью Elementor PRO 11

Этот же процесс работает для создания шаблонов постов и шаблонов страниц разных типов. Не бойтесь ошибиться, чтобы вернуть все изменения обратно к шаблону по умолчанию, просто вернитесь к этой конфигурации и удалите условие, и все вернется в то состояние, в котором было до применения шаблона.

Как создать один шаблон для всех постов WordPress с помощью Elementor PRO 12

Подписка по электронной почте

Получайте бесплатные полные статьи без рекламы в свой почтовый ящик сразу после их публикации. Полное содержание ленты отправляется без рекламы через внешний сервис.