Создание шаблона для wordpress: Создание темы (шаблона) WordPress

Для достижения цели он не так удобен для новичков, как Elementor Pro, особенно когда речь идет о вариантах дизайна. Например, Oxygen по-прежнему использует в интерфейсе <div>, от которого многие другие разработчики интерфейсов отказались.

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

Для разработки ваших шаблонов Oxygen предоставляет визуальный интерфейс с перетаскиванием. У вас будет полный доступ к базовому коду, что делает Oxygen популярным среди разработчиков.

Oxygen добавляет некоторые дополнительные функции в интерфейс. Например, вы можете вставить динамический контент практически в любой элемент (например, в настраиваемые поля или обычный контент WordPress). Вы можете создавать свои собственные циклы повторений, что удобно для отображения списков постов или пользовательских типов записей.

Еще одна мощная функция – интеграция блоков Гутенберга в Oxygen. С помощью этого инструмента можно создавать собственные многократно используемые блоки, используя визуальный интерфейс Oxygen, перетаскивая его мышью. Вы (или ваши клиенты) сможете использовать эти блоки в обычном редакторе блоков, который дает вам больше возможностей для настройки, не заставляя вас всегда использовать интерфейс Oxygen.

Если вы создаете клиентские сайты, это поможет вам усложнить случайный взлом своих сайтов.

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

Цена: от 99 долларов США для использования на неограниченных сайтах и обновлениях на всю жизнь.Для поддержки WooCommerce и функции блокировки Гутенберга вам необходимо перейти на более высокий тарифный уровень.

3. Divi

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

В последней версии Divi 4.0 включает новую функцию создания тем.

С Divi Theme Builder вы получаете доступ к полным вариантам шаблонов тем на основе Divi. Вы сможете создавать заголовки, колонтитулы, архивы и отдельные записи.

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

Как и в других инструментах, здесь вы получаете функцию динамического контента, которая позволяет включать динамический контент с вашего сайта WordPress или настраиваемых полей. И если вы используете Divi для разработки магазина электронной коммерции, он включает полную интеграцию с WooCommerce, что позволяет создавать все страницы вашего магазина.

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

В целом, Divi – это своего рода альтернатива Elementor Pro, поскольку у него много таких же сильных сторон. Выбор за вами.

Цена: Divi доступна как часть членства тем Elegant за 89 $. Эта цена дает вам возможность использовать неограниченное количество веб-сайтов и доступ ко всем плагинам и темам Elegant Themes.

Смотрите также:

Полный обзор Elegant тем: лучшие WordPress темы и плагины (2020)

4. Beaver Builder + Beaver Themer

С официальным расширением Beaver Themer вы можете добавить полную поддержку построения тем в основной плагин Beaver Builder.

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

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

Если у вас есть магазин WooCommerce, Beaver Themer включает в себя собственный набор модулей WooCommerce, которые помогут вам настроить свой магазин и отдельные страницы товара.

Для еще большей гибкости вы можете обратиться к сторонним расширениям Beaver Builder.

В целом, Beaver Builder и Beaver Themer – некий компромисс между Elementor и Oxygen. Beaver Builder сохраняет большую часть простоты использования как у Elementor, а также выводит довольно чистый код.

Примечание. Для использования Beaver Themer вам понадобится Pro версия Beaver Builder. Beaver Builder включает в себя ограниченную бесплатную версию на WordPress.org, но эта бесплатная версия не работает с Beaver Themer.

Цена: Beaver Builder начинается с 99 долларов. Beaver Themer стоит $ 149. Оба можно использовать на неограниченном количестве веб-сайтов.

5. Brizy Pro

Brizy – новаторский конструктор страниц WordPress, популярность которого стремительно растет благодаря быстрому интерфейсу.

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

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

В то время как бесплатная версия действует только как конструктор страниц, Brizy Pro расширяет ее до полного построения тем WordPress.

Вы сможете использовать интерфейс перетаскивания Brizy для разработки своих верхних и нижних колонтитулов, архивов и отдельных шаблонов.

Как и другие плагины из списка, он позволяет вставить динамический контент с интеграциями для плагинов пользовательских полей, таких как Toolset, Advanced Custom Fields, Pods и Meta Box.

Как и Elementor Pro, Brizy Pro включает функцию создания всплывающих окон и отображать их в любом месте на вашем сайте.

Наконец, Brizy Pro включает собственную функцию Brizy Cloud, которая позволяет создавать веб-сайты и целевые страницы, размещенные в облаке (вместо использования плагина WordPress). Т.е. вы можете использовать его как инструментарий вне вашего сайта WordPress. Это довольно уникальная особенность, которую другие конструкторы тем WordPress пока не предлагают.

В целом, Brizy Pro – еще один хороший вариант для дизайнеров. Его интерфейс довольно уникален по сравнению с другими конструкторами тем в этом списке. Рекомендуем вам поиграть с бесплатной версией на WordPress.org, чтобы посмотреть, нравится ли вам подход Brizy. Однако бесплатная версия не включает создание тем.

Цена: Brizy Pro начинается с $ 49 для использования на трех сайтах.

6. Thrive Theme Builder

Он поставляется в комплекте с облегченной версией Thrive Architect, поэтому, если вы знакомы с Thrive Architect, будете чувствовать себя как дома.

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

Как и другие конструкторы тем WordPress в этом списке, Thrive Theme Builder включает в себя динамический инструмент, помогающий отображать содержимое из пользовательских полей в ваших проектах.

Уникальная особенность Thrive Theme Builder в том, что он поставляется в комплекте с начальной темой Shapeshift, а это означает, что вам не обязательно создавать каждый элемент вашего сайта с нуля.

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

В то время, когда пишется этот пост, Thrive Theme Builder не совместим с WooCommerce. Тем не менее, разработчик планирует добавить поддержку WooCommerce, так что эта функция может появиться в ближайшее время.

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

Цена: Thrive Theme Builder начинается с $ 97 за использование на одном сайте. Или вы можете получить его в рамках членства в Thrive Themes, которое стоит 19 долларов в месяц (оплачивается ежегодно) за доступ ко всем плагинам и темам.

7. Visual Composer

В то время как WPBakery Page Builder по-прежнему сосредоточен на создании страниц, имя Visual Composer теперь используется для полного конструктора сайтов WordPress.

Вы увидите много сходства со старым интерфейсом с точки зрения базового дизайна, но Visual Composer теперь позволяет создавать все части вашей темы, включая:

• Динамический контент для извлечения из пользовательских полей.
• Блокировать шаблоны.
• Тонны элементов дизайна.
• Условные настройки для контроля, где отображать части шаблона.

В целом, если вы являетесь поклонником интерфейса Visual Composer (WPBakery Page Builder) и всегда хотели использовать его для полного построения тем WordPress, новый Visual Composer то, что вам нужно.

Цена : Visual Composer стоит от 59 долларов за использование на одном сайте.

Какой самый лучший плагин конструктора сайта / страниц?

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

По этой причине трудно порекомендовать один плагин, потому что у них есть свои сильные и слабые стороны, и они привлекают разные аудитории.

ТОП-3:

• Elementor Pro – используйте, если любите гибкость дизайна и хотите легко создавать красивые сайты. Если вы обычный пользователь или дизайнер, он станет любимым конструктором тем WordPress.
• Oxygen – используйте, если вы больше заинтересованы в чистом, легком выводе кода и готовы пожертвовать некоторой гибкостью дизайна, которую предлагает Elementor Pro. Если вы разработчик, плагин для вас.
• Beaver Builder + Themer – используйте его как нечто среднее между Elementor Pro и Oxygen. Он немного больше ориентирован на нетехнических пользователей, чем Oxygen, но все же выдает более чистый и легкий код по сравнению с Elementor Pro.

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

Источник: wplift.com

Смотрите также:

Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

Как создавать собственные шаблоны страниц WordPress (и почему) • WPShout

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

Что вы имеете в виду, когда говорите «Шаблон пользовательской страницы темы WordPress»?

В этой теме возникает серьезная терминологическая проблема. Как я намекал выше, в мире WordPress есть много вещей с расплывчатым понятием «страница» и «шаблон», которые не являются тем, о чем мы здесь говорим. Первое, что я * не * имею в виду, говоря «настраиваемый шаблон страницы WordPress», — это «тема WordPress.»(Многие новички в WordPress говорят« шаблоны », имея в виду« тему WordPress ».)

Итак, что я имею в виду под« настраиваемым шаблоном страницы »? Я имею в виду то, что показано справа. Например, вы редактируете тип контента страницы в WordPress (хотя, как мы увидим позже, теперь он может включать и другие типы контента WordPress). И при редактировании своей страницы вы замечаете поле «Атрибуты страницы», и внутри него вы можете (в зависимости от того, есть ли в вашей теме эти шаблоны), увидеть этот раскрывающийся список «Шаблон».Это поле выбора показано справа (оно также находится в правой части экрана «редактирования страницы»). Если вы видите это раскрывающееся меню, это потому, что ваша тема предоставляет некоторые из этих «настраиваемых шаблонов страниц». На самом деле это файлы в папке текущей активной темы (или ее родительской), и у них есть одна отличительная особенность, о которой мы поговорим позже. Но — это выбираемое раскрывающееся меню из именованных шаблонов страниц. — это то, о чем мы сегодня говорим.

Как это вписывается в иерархию шаблонов?

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

Если в раскрывающемся списке, который мы показали выше, был выбран пользовательский шаблон страницы, будет использоваться этот файл «шаблона». Полная остановка, не исключение.

Напомню, что если выбран настраиваемый шаблон страницы, будет использоваться этот файл «шаблона».Полная остановка, не исключение. Если нет, то иерархия шаблонов WordPress будет искать несколько иной способ, которым кто-то мог попытаться стилизовать определенную страницу — с помощью файла page-123.php или page-custom-template-utilizer.php . (Разница между пользовательским шаблоном и шаблоном с этой структурой page- $ id или page- $ slug действительно только во взаимодействии и интерфейсе.) Если ни один из них не будет найден, WordPress вернется к странице . php , если он существует, а в противном случае мы окажемся в конечном резерве, индексе .PHP .

Если вам интересно, почему вы использовали этот метод, а не числовой или вспомогательный — в любом случае, в конце концов, вы создаете собственный файл в своей теме — причина в том, что использование настраиваемых шаблонов дает вам больше гибкость и независимость между вашей темой и базой данных и контентом вашего сайта. По этой причине я бы рекомендовал его практически в любой ситуации, когда вы не знаете, что выбрать. Используя числовую структуру или структуру page - *. Php на основе слагов, вы вынуждены сообщить своей теме, как именно сейчас находятся данные вашей базы данных WordPress.(Так что, если вы повторно используете тему, например, на другом сайте WordPress, этот файл будет бесполезен.)

Как мне создать собственный шаблон страницы WordPress?

Хорошо, мы знаем, что пользовательские шаблоны страниц вытеснят иерархию шаблонов WordPress. И что мы будем использовать их на реальных страницах нашего сайта WordPress, выбрав их из раскрывающегося меню «Шаблон» на правой панели соответствующего фрагмента контента. Итак, пора перейти к процессу создания собственного шаблона страницы WordPress.

Что вы сделаете, так это добавите в свою тему (и это действительно должна быть дочерняя тема, если только нет очень сильного ограничения, делающего это невозможным для вас) файл с именем вроде my-template.php или на самом деле -cool-awesome.php . На самом деле это не имеет значения, пока вы на самом деле не используете имя, которое является частью иерархии шаблонов, вы золотой. (Это означает: не использует имя типа page-any.php . Как мы уже говорили выше, иерархия шаблонов WordPress считает, что он владеет файлом с именем с этим шаблоном.)

Как только у вас будет файл ( cool-page-template.php , какой угодно), запустите его так:

  
Это мой собственный шаблон.
  

И все готово. Как вы, вероятно, догадались, имя, которое появится в раскрывающемся списке «Шаблон», — это то, что я ловко назвал «Имя, которое будет отображаться в раскрывающемся списке». Так же, как файл style.css вашей темы или основной файл плагина, WordPress использует информацию внутри этого комментария кода, чтобы предоставить ему контекст для работы.

Тогда содержимым наших страниц будет, в данном случае, самый простой HTML-текст «Это мой настраиваемый шаблон». Как вы могли догадаться, именно здесь у вас гораздо больше шансов разместить HTML-содержимое, которое вы хотите разместить на странице. Итак, ваши теги

и, возможно, (если вы любите 🤪) какой-нибудь PHP для выполнения нестандартного поведения, которое вы хотите показать.

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

Я (более одного раза) сталкивался с тем, что мой новый шаблон страницы WordPress не отображается.Самая распространенная причина заключается в том, что я опечатал (или неправильно запомнил) то, как должен выглядеть комментарий заголовка файла. Он должен иметь точное правильное название. Итак, Template Name: Narrow Page идеально, но WordPress никогда не найдет то, что вместо этого имеет заголовок Template: Custom .

Есть еще несколько вещей, которые нужно проверить. Другие причины, по которым вы можете обнаружить, что ваш настраиваемый шаблон страницы не отображается:

• Вы поместили файл не в то место (он должен находиться в вашей текущей запущенной теме или ее родительской теме)
• Вы предоставили вашему шаблону файл который начинается с страницы - .Из-за особенностей тем WordPress пользовательские шаблоны страниц, которые начинаются с page- , вместо этого обрабатываются как страницы иерархии шаблонов.
• В вашей теме отсутствует один из двух файлов require, поэтому она не работает. (Темы WordPress * должны * иметь файл index.php и style.css .)
• Была проблема с этим еще во времена WordPress 4.9 (несколько лет назад)

Шаблоны страниц для Типы настраиваемых сообщений WordPress, не относящиеся к «Страницам»

На большей части истории WordPress эти «настраиваемые шаблоны страниц» предназначались только для типа содержимого «Страница».(По умолчанию WordPress имеет только два типа содержимого: «Сообщения» и «Страницы».) Но в WordPress 4.7 была добавлена ​​функция, позволяющая использовать эти шаблоны страниц с новыми типами содержимого (часто называемыми «настраиваемыми типами сообщений»).

Для этого вы добавляете еще одну строку в «заголовок файла». Это будет выглядеть примерно так:

Как вы, вероятно, догадались, этот новый заголовок Template Post Type: предваряет имя «уровня кода» для (настраиваемых) типов сообщений.Обратите внимание, что в приведенном выше примере мы перечисляем тип контента страниц , с которым поставляется WordPress, а также тип сообщений . Кроме того, мы поддерживаем третий «настраиваемый тип сообщения» под названием event .

Отличная причина для использования настраиваемых шаблонов страниц

Теперь, если вы сделали это раньше, вы заметите, что страница выше не будет иметь стиля и очень мало похожа на остальную часть вашего сайта WordPress (если у вас нет самая простая тема, какую только можно вообразить).Это потому, что в нашем файле есть одна простая вещь, и ему не хватает функциональности, которая характерна для всех других страниц тем. У него нет get_header () , get_footer () или The Loop, которые, вероятно, имеют все ваши другие файлы темы.

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

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

И, наконец, несколько практических советов по шаблонам страниц

Когда вы хотите сделать страницу, которая выглядела бы так же, как другие ваши страницы (но немного иначе), я бы начал с , скопировав существующий файл из вашей темы, возможно стр. Php . Это просто потому, что большинству из нас легче что-то изменить, чем строить с нуля.Пример кода придает шаблону страницы ощущение «пустой белой страницы», когда вы, вероятно, хотите добавить или удалить некоторые конкретные детали из существующего шаблона page.php . Например, удаление боковой панели или нижнего колонтитула - это очень частых причин, по которым люди создают «собственный шаблон страницы» в WordPress.

Как мы уже говорили, если вы продублируете файл page.php своей темы, чтобы начать создавать собственный шаблон страницы, вам необходимо убедиться, что вы добавили «заголовок настраиваемого шаблона страницы», который мы получили выше.Опять же, это та «волшебная» страница, которая заставляет эти шаблоны просто работать. Теперь приступайте к созданию классных страниц!

Изображение предоставлено: Infrogutation

Создание настраиваемого шаблона страницы WordPress

Общие сведения о шаблонах страниц

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

Как видно выше, пользовательские шаблоны - единственные файлы, которым не нужно следовать определенному правилу именования, чтобы их можно было признать в качестве файлов шаблонов. Давайте обсудим, почему это так.

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

Комментарий начинается с метки Имя шаблона : после которого записывается имя шаблона. Кроме того, настраиваемый шаблон должен начинаться с открывающего тега PHP

Используя вышеупомянутый заголовок шаблона, вы можете зарегистрировать настраиваемый шаблон страницы с именем Мой настраиваемый шаблон . Как правило, при именовании настраиваемого шаблона страницы следует стремиться к тому, чтобы имя было легким для понимания. Это связано с тем, что имя, которое вы даете своему шаблону, будет отображаться как опция в раскрывающемся списке Атрибуты страницы на отдельной странице. Таким образом, название шаблона должно быть простым и понятным для всех, кто его использует.

Кроме того, начиная с обновления WordPress 4.7, вы можете создавать собственные шаблоны для других типов сообщений . Для этого вам нужно указать, для каких типов сообщений создается шаблон для . Это делается путем добавления метки Template Post Type : с последующим списком типов сообщений, для которых вы хотите, чтобы этот шаблон был доступен.

Для пояснения, вот пример заголовка шаблона для Full Width Template , взятого из темы Twenty Twenty.Шаблон предназначен как для страниц, так и для сообщений, то есть его можно выбрать в разделе «Атрибуты страницы» на страницах, а также в разделе «Атрибуты публикации» в записях.

 
 Имея эту информацию, вы должны быть готовы начать создавать свои собственные заголовки шаблонов. Итак, в следующих разделах мы можем сосредоточиться на самих шаблонах страниц.
  Что касается кода, который идет под заголовком шаблона  и создает содержимое страницы,  есть много вещей, которые вы можете включить . Например, контент, вставленный в редактор, боковые панели, различные области виджетов, контент, связанный с настраиваемым типом публикации, дополнительный контент на основе условного оператора, который должен быть соблюден, и т. Д.
 Возможности создания отдельных настраиваемых шаблонов страниц практически безграничны и зависят только от того, что вам нужно, и от ваших навыков программирования.Один из способов начать создание этого кода - взять существующие шаблоны страниц вашей темы, скопировать и вставить их в новый файл, где вы сможете редактировать их код. В качестве альтернативы мы сделали несколько примеров шаблонов страниц для этой статьи, которые вы можете использовать. Мы рассмотрим их в следующем разделе.
 Однако есть дополнительные вещи, которые мы должны обсудить, прежде чем углубляться в эти примеры. В конце концов, когда вы закончите создание кода,  последние шаги включают сохранение файла как.php, а затем загрузите его в нужное место в вашей теме . Как мы упоминали ранее, пользовательские шаблоны страниц не нуждаются в определенном названии, чтобы их можно было интерпретировать как файлы шаблонов. Однако это также означает, что вы  не можете называть их, используя какие-либо зарезервированные слова  -  page, единственное число, индекс  - , или называть их, используя префикс  page   - поскольку WordPress будет интерпретировать их как специализированные шаблоны, предназначенные для только для одной страницы. Мы предлагаем называть файлы так же, как шаблоны, чтобы вам было легче отслеживать эти файлы.
 После присвоения имени файлу настраиваемого шаблона страницы вам необходимо загрузить его на сервер через FTP. WordPress распознает следующие места как допустимые для загрузки файла настраиваемого шаблона:  каталог активной родительской темы, каталог активной дочерней темы или подкаталог в любом из этих двух мест. 
 Как создать собственный шаблон страницы WordPress 
 WordPress использует шаблоны и темы для создания макета веб-сайта. Но бывают случаи, когда вам нужно создать страницу с другим оформлением.Например, у многих сайтов есть целевая страница, которая сильно отличается от остальной части сайта.
 Вы можете создавать страницы с собственным дизайном и макетом, используя собственный шаблон страницы в WordPress. Это не так просто, как установить плагин - это требует небольшой практической работы. Но после того, как вы создали шаблон, в WordPress достаточно одного клика, когда он вам понадобится.
 Мы будем работать с PHP и FTP, поэтому некоторые базовые знания о кодировании и загрузке файлов сайтов будут полезны. (Настройка шаблона также потребует работы с CSS, PHP и некоторым HTML.)
 Но даже если у вас нет повседневного опыта кодирования, вы можете создать шаблон в WordPress. Просто следуйте инструкциям здесь, и к концу статьи ваш настраиваемый шаблон будет запущен.
 Что может сделать для вас настраиваемая страница 
 Шаблон настраиваемой страницы может быть полезен, когда вам нужно создать отдельный внешний вид вашего основного веб-сайта. Это можно сделать в маркетинговых целях или для создания страницы, не связанной с общей темой вашего сайта.
 Вы можете настроить страницу любым количеством способов, не оказывая негативного влияния на остальную часть вашего веб-сайта.Все, что вы измените на настраиваемой странице, не повлияет на остальную часть вашего сайта. Посмотрите на нее как на страницу, которая ведет себя независимо от остальной части вашего веб-сайта WordPress.
 Создание настраиваемого шаблона страницы 
 Для создания настраиваемого шаблона мы воспользуемся текстовым редактором.
 Если вы пользователь Windows, текстовый редактор Блокнота уже есть на вашем компьютере. Но любой текстовый редактор или редактор веб-сайтов (DreamWeaver, CoffeCup, Notepad ++, Atom Text, TextPad и т. Д.) Выполнит свою работу.
 Для этого урока я использую редактор Sublime.Интерфейс вашего редактора, вероятно, будет немного отличаться.
 Шаг 1 
 Откройте текстовый редактор. На пустой странице введите эту строку кода:
 & lt;? Php / * Имя шаблона: MyPageTemplate * /? & Gt; 
 Код сообщает WordPress, что это шаблон, и будет отображаться как  MyPageTemplate . Вы можете использовать любое имя, какое захотите. Просто убедитесь, что это то, что вы узнаете позже.
 Сохраните файл как файл php. Чтобы все было организовано, дайте файлу то же имя, что и имя шаблона, который вы использовали.Поэтому в моем случае я бы сохранил файл как  MyPageTemplate.php .
 Оставьте только что созданную страницу открытой в редакторе. Мы к этому вернемся.
 Step 2 
 Теперь мы собираемся загрузить файл на наш веб-сайт WordPress, поэтому вам понадобится программа FTP. Если вы еще не используете программу FTP, попробуйте FileZilla. Смешное название, отличная программа FTP.
 Вы также можете использовать FTP-файлы из проводника Windows или файлового менеджера cPanel для вашей учетной записи хостинга.Но в конечном итоге автономная программа FTP будет быстрее и эффективнее.
 Итак, откройте свою программу FTP. Мы собираемся подключиться к нашему «корневому» каталогу WordPress. (Вы также можете видеть каталоги, называемые папками  .)
 Моя установка WordPress называется «демонстрационной», поэтому мой корневой каталог WordPress выглядит следующим образом:
 Вы можете увидеть файлы WordPress и три «wp- Каталоги.
 Щелкните каталог / wp-content.
 Затем щелкните каталог / themes.
 В каталоге / themes вы увидите установленные на данный момент темы WordPress.
 Теперь щелкните корневой каталог темы, которую вы используете. В моем случае это будет / двадцать девятнадцать.
 Загрузите файл PHP пользовательской темы в каталог темы.
 Теперь вы видите файл MyPageTemplate.php в корневом каталоге двадцать девятнадцать.
 Через минуту мы снова воспользуемся программой FTP, поэтому пока не закрывайте ее.
 Шаг 3 
 Войдите в админ панель WordPress.
 Теперь, когда вы создаете новую страницу или редактируете существующую страницу, ваш настраиваемый шаблон доступен.
 Я создал и сохранил новую страницу, используя свой собственный шаблон. Но когда я просматриваю его на своем веб-сайте, он остается пустым.
 Это потому, что наш шаблон содержит только одну строку, которая его идентифицирует. В файле шаблона нет кода, указывающего WordPress, как отображать страницу.
 Вот что мы сделаем дальше.Добавьте код в наш настраиваемый шаблон для отображения содержимого страницы.
 Это не так сложно, как кажется. Мы собираемся упростить себе жизнь, скопировав существующий шаблон страницы темы. Мы будем использовать это в качестве основы для нашего пользовательского шаблона.
 Шаг 4 
 Вернитесь в свою программу FTP.
 В корневом каталоге темы, куда мы загрузили файл нашей пользовательской темы, найдите файл с именем page.php.
 Загрузите его на свой компьютер.
 Теперь откройте его в текстовом редакторе или редакторе веб-сайта.
 Скопируйте содержимое page.php и вставьте его в свой собственный файл шаблона.
 Наш настраиваемый шаблон теперь выглядит так:
 У нашего настраиваемого шаблона страницы уже есть заголовок, поэтому мы собираемся вырезать раздел заголовка из кода, который мы скопировали из page.php.
 Мы вырезаем раздел, который начинается с / * и заканчивается на * / - это выглядит так:
 После удаления заголовка наш настраиваемый шаблон страницы будет выглядеть так:
 Сохраните настраиваемый файл шаблона страницы и снова загрузите его в корневой каталог темы.Он находится в том же месте, где мы загрузили первую версию файла.
 Теперь, если вы перейдете на страницу своего сайта, которая использует новый шаблон, вы больше не увидите пустую страницу.
 Взять свой собственный шаблон WordPress отсюда 
 Как вы, без сомнения, заметили, страница вашего настраиваемого шаблона выглядит так же, как остальная часть вашего существующего сайта. Это потому, что мы использовали шаблон страницы темы в качестве отправной точки.
 С этого момента вам нужно будет заняться более сложным кодированием, чтобы создать страницу, которая вам нравится.Но если вы хорошо разбираетесь в HTML или имеете базовые навыки работы с PHP, это будет вам доступно.
 Чтобы дать вам простой пример, я добавлю изображение заголовка, добавив одну строку в файл шаблона. Строка - это тег изображения, который содержит путь к созданному и загруженному мной изображению заголовка.
 Это небольшое редактирование дает страницам, использующим шаблон, изображение заголовка.
 Где вы берете собственный шаблон страницы, зависит от вашего собственного творчества.
 Работает ли этот метод и для сообщений WordPress? 
 Это не так.Сообщения и страницы отображаются в WordPress по-разному. При этом есть плагины, которые позволяют создавать собственные шаблоны сообщений.
 Могут ли ошибки или ошибки в шаблоне настраиваемой страницы сломать ваш сайт? 
 Нет. Красота пользовательского шаблона страницы в том, что он изолирован от остальных ваших сообщений и страниц. Таким образом, любые ошибки в вашем шаблоне влияют только на страницу или страницы, которые его используют. И если это произойдет, вы всегда можете изменить шаблон страницы обратно на шаблон страницы по умолчанию.Это устранит ошибку, пока вы не исправите свой шаблон.
 Альтернативы нестандартного макета без кодирования 
 Если описанный здесь метод кажется слишком сложным, вы также можете создать собственный шаблон страницы WordPress с помощью плагина.
 Также можно создать собственный макет с помощью компоновщика страниц. Page Builder от SiteOrigin дает вам возможность создавать уникальный дизайн, используя виджеты в содержимом.
 Любой плагин является приемлемым вариантом. И есть много других конструкторов страниц, которые вы можете попробовать.Но то, как мы сделали это в этой статье, - это самый легкий вариант  . Он не требует никаких дополнительных ресурсов, в то время как многие (большинство) плагины используют ресурсы памяти.
 Пользовательские страницы имеют разные цели - от рекламы продукта или услуги до создания целевой страницы для кампаний. Имея немного знаний в области программирования или HTML, нет предела тому, что вы можете создавать в WordPress.
 Как вы думаете, вы будете использовать пользовательские страницы на своем сайте WordPress? Есть ли сайты, которые вы посещаете, чтобы изучить HTML или PHP? Дай мне знать в комментариях.
 Как создавать или добавлять собственные шаблоны страниц в WordPress 
 Пользовательские шаблоны страниц WordPress с годами становятся все более популярными. Хотя это правда, что в большинство тем WordPress уже встроено несколько доступных шаблонов страниц, есть еще много тем, которых нет.
 Пользовательские шаблоны страниц для страниц WordPress - это способ создания страницы, которая отличается от стиля по умолчанию. Это можно сделать несколькими способами.
 Если вы хорошо разбираетесь в PHP, вы можете создавать собственные шаблоны страниц WordPress с нуля.Однако многие из нас ищут более простое решение для добавления или создания пользовательских шаблонов страниц в WordPress.
 В этом уроке я покажу вам, как вы можете создавать или добавлять собственные шаблоны страниц WordPress в вашу тему с помощью плагина.
 Шаблоны страниц WP 
   Я нашел надежный плагин под названием Шаблоны страниц WP. Проще говоря, этот плагин позволяет создавать и добавлять собственные шаблоны страниц на ваш сайт WordPress. Плагин прост в использовании.
 Он имеет множество замечательных функций.Некоторые из основных функций включают:
 Возможность добавления левой боковой панели на страницы
 Возможность добавления правой боковой панели на страницы
 Добавление левой и правой боковой панели на страницы
 Вы можете добавить боковую панель под содержимым
 Добавить боковую панель над содержимым
 Плагин также устанавливает виджеты в область виджетов на панели администратора WordPress и позволяет вам заполнять боковые панели так, как вы считаете нужным.
 Установка и активация шаблонов WP 
 Чтобы добавить и создать собственные шаблоны страниц в WordPress, вам необходимо установить и активировать плагин WP Templates.Вы можете сделать это, выполнив поиск в репозитории плагинов WordPress, расположенном в административной области вашего веб-сайта.
 После того, как плагин будет установлен и активирован, вы увидите ссылку «WP Templates» в левой боковой панели панели администратора WordPress. Идите и нажмите на нее.
 Добавление пользовательских шаблонов страниц 
 Когда вы нажимаете ссылку WP Templates, вы попадаете в краткое изложение плагина. Настроек нет. То есть дополнительной настройки не требуется.
 В этом представлении вы можете нажать кнопку «Щелкните здесь», чтобы создать новую страницу. Это просто откроет новую страницу для создания.
 Или перейдите на страницы и создайте оттуда новую. Вы также можете настроить уже существующие страницы и добавить к ним собственные шаблоны страниц.
 Щелкните Страницы> Добавить новую, чтобы открыть новую страницу.
 Настройте свою страницу так, как вы хотите. Добавьте заголовок, добавьте свой контент и создайте страницу с описанием того, что вы делаете.
 Однако теперь вы увидите, что раскрывающийся список справа под названием «Макет страницы» теперь существует.
 Просто установите флажок рядом с нужным макетом. Это станет отображаемым макетом настраиваемого шаблона страницы.
  Примечание:  Этот плагин разрешает только настраиваемые шаблоны для страниц, но не для сообщений. Однако профессиональная версия плагина позволяет добавлять пользовательские шаблоны сообщений.
 Настройка виджетов в областях пользовательского шаблона страницы 
 Чтобы настроить области виджета пользовательского шаблона страницы, щелкните «Внешний вид»> «Виджеты».
 Вы увидите, что было добавлено несколько различных областей виджетов. Чтобы настроить их, просто перетащите нужные виджеты и контент в эти конкретные области.
 WP Templates Premium 
 Бесплатная версия плагина надежна для создания пользовательских шаблонов страниц. Однако, если вам нужны дополнительные возможности, а также возможность настраиваемого шаблона сообщений, ознакомьтесь с их премиальной версией плагина.
 Некоторые из основных функций, которые предлагает премиум-версия, включают:
 Скрыть верхний колонтитул на страницах
 Скрыть нижний колонтитул на страницах
 Используйте Live Page Builder для создания потрясающих шаблонов
 Создавайте свои собственные шаблоны быстро
 Создавайте шаблоны с несколько столбцов и содержимое
 Создание страниц с помощью слайдеров, форм, виджетов и т. д.
 Создавайте и создавайте страницы быстрее с помощью Drag and Drop Builder
 Создание целевых страниц и страниц продаж
 Используйте лучший Live Page Builder для WordPress
 Скрыть верхний и нижний колонтитулы для целевых страниц
 Скрыть верхний и нижний колонтитулы для продуктов WooCommerce
 Создание полноразмерных сообщений
 Создание полноразмерных продуктов WooCommerce
 Премиум-версия также связана с конструктором страниц Elementor WordPress.
 Заключительные мысли 
 Создание и добавление пользовательских шаблонов страниц WordPress не должно быть сложным процессом. Вам не обязательно знать PHP-код, нужен только подходящий плагин.
 Если в вашей теме WordPress нет настраиваемого шаблона страницы, который вы хотите, попробуйте этот процесс.
 Создавали ли вы пользовательские шаблоны страниц с помощью кода раньше? Вы обнаружили, что использование плагина упрощает процесс?
 Создание пользовательских шаблонов страниц в WordPress 
 Шаблоны страниц в WordPress - отличный способ добавить структурные вариации или настраиваемые функции на ваш сайт.Их легко создать, чтобы новички могли начать работу, но они обладают достаточным потенциалом, чтобы занять даже опытных профессионалов.
 Вы можете начать работу с копирования шаблонов страниц из популярных тем, таких как тема WordPress по умолчанию Twenty Seventeen, и настройки, но вы также можете легко добавить свои собственные стили и Javascript.
 В этой статье мы рассмотрим, что такое шаблоны страниц, а также то, как их можно использовать для улучшения своего сайта. Я также расскажу о том, как создавать шаблоны страниц с помощью кода, а также о том, как это сделать гораздо проще с помощью нашего плагина CustomPress.
 Что такое шаблон страницы? 
 Как я уже упоминал во введении, шаблон страницы дает вам возможность отклоняться от существующей структуры вашего сайта в дополнение к добавлению новых функций. Twenty Fourteen включает в себя два отличных примера: страницу участника и страницу с полной шириной страницы.
 Twenty Fourteen имеет шаблон страницы для участников.
 На странице участников представлены новые функции: возможность перечислять авторов, которые внесли свой вклад в ваш веб-сайт. Шаблон полной ширины изменяет структуру страницы, удаляя боковую панель, уделяя больше внимания содержанию.
 Twenty Eleven также предоставляет два шаблона страниц: шаблон витрины и шаблон боковой панели. Шаблон боковой панели дает вам старую добрую боковую панель на вашей странице, на странице-витрине сначала отображаются прикрепленные сообщения, а затем список последних сообщений.
 Темы
 Premium, в частности, такие как добавление многочисленных шаблонов страниц к темам для создания точных до пикселя контактных форм, настраиваемых списков сообщений, настраиваемых списков авторов и многого другого.
 Создание шаблона страницы 
 Создать шаблон страницы очень просто.Создайте любой новый файл в своей теме и начните его с блока комментариев, например:
 Если вы изменяете стороннюю тему, вам действительно следует использовать дочернюю тему. Если вы не знаете, как его создать, прочитайте замечательную статью Рэлин Уилсон «Как создать дочернюю тему WordPress».
 Файлы шаблонов страниц могут находиться в подкаталоге - это мой любимый метод. Обычно я создаю каталог  templates  и храню их там.
 После создания шаблон страницы отобразится в модуле атрибутов страницы, который, если вы не знаете, находится в правой части экрана в задней части экрана редактирования страницы.Если вы выберете его и обновите сообщение, код из вашего файла шаблона будет использоваться для отображения страницы. Попробуйте использовать следующий код шаблона:
 Наш настраиваемый шаблон показан в админке
. Обратите внимание, что «Hello There» - это все, что видно; с шаблонами страниц вы сами. Вы должны вызвать заголовок, нижний колонтитул и другие элементы страницы, если они вам нужны.
 Давайте создадим базовый шаблон страницы, который будет сливаться с Twenty Fourteen:
 Я уверен, что новички в коде WordPress задыхаются от скачка сложности между двумя предыдущими примерами.Мой маленький секрет - обман. Я просто зашел в файл шаблона в теме Twenty Fourteen и скопировал его. Я снял петлю, которая нам не нужна.
 Если в вашей теме нет файлов шаблонов, вы можете попробовать скопировать файл  index.php  и удалить цикл в качестве отправной точки.
 Создание полезных шаблонов страниц 
 Иметь шаблон страницы - это хорошо, но мы действительно должны добавить в него что-нибудь полезное. С этого момента это полностью зависит от вас, если вы можете кодировать его на PHP / HTML, вы можете его использовать.
 Вот несколько идей, которые помогут вам начать работу:
 Пользовательская страница контактов с Google Maps и контактная форма
 Страница со списком новейших сообщений из каждой категории
 Страница архива со списком пяти новых сообщений и сообщений категорий из трех ваших самых популярных категорий
 Страница карты сайта со всем вашим контентом (сообщениями и страницами)
 Страница со списком недавно загруженных изображений
 Список сообщений, отсортированный по количеству комментариев
 Список сообщений, в котором отображаются сообщения, отсортированные по времени последнего обновления
 Список авторов и их три основных сообщения
 Специально разработанная страница для вашего портфолио
 Вот как вы можете перечислить сообщения в алфавитном порядке с помощью шаблона страницы в Twenty Fourteen:
 Опять жульничество! Я вошел в индекс .php  в Twenty Fourteen и скопировал весь цикл. Мне нужно было создать новый объект запроса, поэтому я создал переменную  $ custom_posts  и использовал ее на протяжении всего цикла.
 Добавление опций 
 Шаблоны сообщений становятся действительно интересными, когда вы добавляете к ним параметры. Вы можете сделать это, зарегистрировав мета-блоки, но это добавит в статью значительный несвязанный код, так почему бы снова не обмануть?
 Один из моих любимых плагинов Advanced Custom Fields может сделать за нас тяжелую работу.
 Давайте создадим специальный шаблон страницы, где пользователи смогут выбирать порядок расположения сообщений на странице.
 Сначала установите расширенные настраиваемые поля. Затем создайте шаблон страницы, используя код из нашего предыдущего примера, приведенного выше. Убедитесь, что имя шаблона - «Пользовательский список сообщений», чтобы вы могли использовать наш пример импорта ниже.
 Следующим шагом является создание наших настроек с использованием дополнительных настраиваемых полей. Вы можете создать свои собственные, убедившись, что они отображаются только в новом шаблоне страницы, или вы можете импортировать XML-файл в этот архив с помощью импортера WordPress, который можно найти в  Инструменты> Импорт .
 Я создал заказ, и заказ, установив. Это будет импортировано в ваши настройки ACF.
 После этого вы можете создать страницу и выбрать шаблон «Пользовательский список сообщений». Вы должны увидеть две опции, сгруппированные во всплывающем мета-поле под редактором. Установите для них все, что хотите, и давайте приступим к использованию этих настроек в нашей теме.
 Наши новые настройки для конкретных шаблонов
 Все, что вам нужно знать, это ключ заказа, задав значение  order_by , ключ для настроек заказа -  order  (никаких сюрпризов).Мы можем получить значение этих полей с помощью функции  get_field () , предоставляемой ACF. Все, что нам нужно сделать, это заменить выбранные пользователем значения в наш объект  WP_Query  из предыдущего:
 Создание шаблонов страниц с помощью CustomPress 
 Если вы не слишком хорошо знакомы с созданием собственного шаблона страницы, в лучшем случае он, безусловно, может быть ошеломляющим. Если вы профессионал, это может занять много времени и утомить. Вот почему более чем удобно использовать плагин для создания нужных вам шаблонов страниц.
 Вы можете выбрать нужные параметры в простом интерфейсе, и через несколько минут ваш шаблон будет готов, и вы сможете использовать его сразу же или стилизовать его с помощью CSS по мере необходимости. Наш плагин CustomPress делает это и избавляет от утомительности и утомительности, экономя ваше время.
 Установить быстро и легко, и как только вы это сделаете, вы будете готовы приступить к созданию нового шаблона страницы. Вы также можете создать любой пользовательский тип сообщения от вложения до страниц сообщений. Все включено.
 Кроме того, если вы уже являетесь участником WPMU DEV, CustomPress лучше, чем бесплатный, поскольку вам не нужно подписываться ни на что другое или заполнять какие-либо формы. Вы можете сразу скачать его и приступить к созданию шаблона страницы. Если вы еще не являетесь участником, вы все равно можете получить CustomPress бесплатно.
 Вы можете подписаться на бесплатную 14-дневную пробную версию и загрузить CustomPress. Даже если вы отмените, CustomPress все ваше, и вы можете продолжать его использовать. Если вы хотите, вы можете продолжить свое членство и получать будущие обновления, экспертную поддержку премиум-класса, все другие наши более 100 плагинов и курсы WordPress в нашей Академии.удаленное управление сайтом с помощью Hub, где вы можете
 Вы также получаете удаленное управление сайтами с помощью Hub, где вы можете связывать свои сайты и получать время безотказной работы и мониторинг черного списка, необходимые средства безопасности и другие регулярно появляющиеся функции.
 Трудно все перечислить, но их так много, как если бы грузовик с деньгами был доставлен к вам домой. Почти.
 Начало работы 
 Вот как вы можете использовать CustomPress для создания шаблона страницы. Вы можете найти полную информацию об установке и настройке на странице CustomPress во вкладке использования.
 Я создам страницу с витриной продукта, чтобы показать вам все, что нужно. Перед началом работы важно спланировать шаблон страницы, чтобы вы могли быстро выполнить настройку.
 Я создал бизнес вымышленных плагинов, поэтому моя витрина продукта будет представлять собой полноценный шаблон страницы продаж, который я могу использовать для каждого плагина.
 Помимо того, что вы хотите создать шаблон страницы или тип сообщения, полезно также знать:
 Нужны ли вам пользовательские категории или теги
 Необходимые настраиваемые поля
 Если вы хотите, чтобы шаблон страницы был общедоступным или частным
 Имя, которое вы хотите использовать для шаблона страницы
 Нужны ли вам определенные возможности типа поста
 Если у вас есть сеть с несколькими сайтами, хотите ли вы, чтобы дочерние сайты создавали свои собственные шаблоны страниц?
 Если у вас есть приблизительный план, вы можете установить CustomPress.В витрине моего продукта у меня будет изображение, и я хочу отобразить определенные характеристики, такие как номер версии плагина.
 Когда вы впервые устанавливаете CustomPress, вы можете включить его для всей сети в Multisite или для каждого сайта. Если вы решите активировать CustomPress по сети, только суперадминистратор может создавать шаблоны страниц или настраиваемые типы сообщений, но дочерние сайты могут их использовать. Если вы включите его для каждого сайта, каждый сайт, на котором активирован плагин, может создавать свои собственные типы сообщений и шаблоны для использования.
 Вы можете получить все подробности на вкладке использования страницы CustomPress. Как только это будет сделано, вы сможете создать шаблон страницы.
 Настройки шаблона страницы 
 Перейдите к  CustomPress> Типы содержимого  и нажмите кнопку  Добавить тип сообщения  на вкладке по умолчанию  Типы сообщений .
 Нажмите кнопку  Добавить тип сообщения , чтобы начать.
 На первой панели под названием  Тип сообщения  введите имя в поле, которое вы хотите использовать во внутреннем коде.Имя, которое вы выбираете, должно состоять максимум из 20 символов, минимум из двух букв, и все буквы также должны быть строчными.
 У вас также есть возможность использовать символы подчеркивания, но рекомендуется, чтобы ваше имя не начиналось с символа подчеркивания.
 Введите системное имя для вашего шаблона страницы, которое будет использоваться в коде.
 Вы можете следовать инструкциям по использованию CustomPress для получения подробной информации обо всех настройках и о том, как их настраивать, но есть еще пара настроек, которые важно охватить, чтобы специально создать шаблон страницы.
 По умолчанию  Capability Type  установлен на  post , что означает, что вы будете создавать собственный шаблон сообщения. Если вы хотите это сделать, это прекрасно, но если вы предпочитаете создать шаблон страницы, это необходимо изменить.
 В разделе  Capability Type  установите флажок  edit  и введите  page  в поле над ним, заменив  post .
 Отредактируйте  Capability Type  на  страницу , чтобы добавить новый шаблон страницы.
 В разделе  Labels  вы можете ввести удобные заголовки, которые вы хотите присвоить шаблону страницы и его ссылкам. В поле  Имя  введите то, что вы хотите отображать на вкладке в панели управления администратора, чтобы вы могли получить доступ к шаблону страницы.
 Вы также можете настроить имена для ссылок, которые перечислены на вкладке, например, для ссылок  Новая страница  и  Просмотр страниц .
 Введите понятные имена для шаблона страницы и ссылок на него.
 Когда вы закончите, нажмите  Добавить тип сообщения  внизу, чтобы сохранить изменения и создать новый шаблон страницы. Вы можете проверить свою новую вкладку с именем, которое вы выбрали для нее в панели администратора, но для того, чтобы добавить какие-либо параметры для определенных типов контента, которые вам нужно отображать на своей странице, вам необходимо создать настраиваемые поля.
 Добавление настраиваемых полей 
 Для моего бизнеса вымышленных плагинов и шаблона страницы демонстрации продуктов, который я создаю для него, мне нужно добавить несколько параметров в редактор, например версию плагина.
 Перейдите на вкладку  Настраиваемые поля  и нажмите кнопку  Добавить настраиваемое поле . Введите удобное имя, которое будет отображаться в редакторе, а также на странице, когда вы создадите свое первое имя с шаблоном.
 Введите параметры для вашего настраиваемого поля, например его имя.
 Также не забудьте выбрать имя шаблона страницы, который вы создаете в разделе  Тип сообщения , чтобы ваш вариант мог появиться в редакторе, если вы включили пользовательский интерфейс. В поле  Hide input для этого раздела типа сообщения  введите все типы сообщений или шаблоны страниц, для которых вы, , не хотите, чтобы это настраиваемое поле отображалось в редакторе, .
 Для моего бизнеса над созданием вымышленных плагинов я бы не хотел, чтобы мое настраиваемое поле, отображающее версию плагина, отображалось в обычном редакторе сообщений и страниц, но я хочу, чтобы оно отображалось в шаблоне моей страницы. В этом случае я собираюсь выбрать несколько типов записей и страниц в списке, кроме моего настраиваемого шаблона страницы.
 В поле  Тип поля  введите способ ввода информации пользователями для этого параметра поля. В случае с моим вымышленным бизнесом я хочу, чтобы я и мои сотрудники могли вводить номер версии в текстовое поле, поскольку по ходу разработки обязательно будет больше, чем несколько вариантов, поэтому я выбрал текстовое поле.
 Выберите тип поля, которое вы хотите создать.
 Вы можете выбрать множество других вариантов, и вот полный их список:
 Текстовое поле
 Многострочное текстовое поле
 Радиокнопки
 Флажки
 Выпадающий ящик
 Коробка с множественным выбором
 Выбор даты
 Загрузить
 После выбора типа поля вы можете ввести любые дополнительные параметры. Например, вы можете ввести регулярное выражение для проверки информации текстового поля.Это полезно, если это поле будет использоваться для ввода адреса электронной почты. Вы можете использовать регулярное выражение, чтобы проверить адрес электронной почты и убедиться, что он действителен.
 Если вы выберете другой тип поля, например флажки, различные параметры появятся динамически, так что вы сможете добавить соответствующие параметры, например параметры, которые пользователи должны щелкнуть в вашем поле.
 Вы также можете ввести описание для своего поля, чтобы пользователи лучше понимали, что вводить или выбирать в вашем поле.
 Когда вы закончите, нажмите кнопку  Добавить настраиваемое поле  внизу страницы.Теперь, когда вы переходите на вкладку шаблона страницы и щелкаете ссылку для создания новой страницы, вы должны увидеть, что под редактором появится опция, если вы выбрали отображение пользовательского интерфейса.
 Новое настраиваемое поле появится в редакторе для созданного шаблона страницы.
 Вы почти закончили, но остался последний шаг, чтобы убедиться, что настраиваемое поле действительно отображается на вашей странице во внешнем интерфейсе.
 Встраивание настраиваемого поля 
 Несмотря на то, что вы можете видеть свое настраиваемое поле в редакторе, оно не будет отображаться в шаблоне страницы, пока вы не добавите его с помощью небольшого фрагмента кода PHP или шорткода.К счастью, все это создано для вас, поэтому вам просто нужно подключить его.
 Вы можете найти нужный код, перейдя в  CustomPress> Content Types> Custom Fields  tab и наведя курсор на заголовок настраиваемого поля. Щелкните ссылку  Embed Code .
 Вы можете найти код для встраивания вашего настраиваемого поля в настройках.
 Ваш код должен динамически появляться прямо под ним. Вы можете скопировать и вставить то, что вам нужно.
 Код PHP можно использовать в шаблоне страницы, созданном CustomPress.Вы должны найти этот файл в каталоге  /wp-content/themes/your-theme/single-{post_name}.php . Вместо {post_name} вы должны увидеть фактическое системное имя, которое вы выбрали для своего шаблона страницы. В моем случае это было  продуктов , поэтому мое имя файла было бы  single-products.php .
 Вы можете отредактировать файл и ввести код там, где вы хотите, чтобы ваше настраиваемое поле появилось в интерфейсе пользователя, а затем сохранить изменения.
 Если вы предпочитаете использовать шорткод, вы можете просто вставить его в редактор страниц, где вы хотите, чтобы ваше настраиваемое поле отображалось так же, как и с любым другим шорткодом.
 Настройка полей с помощью CSS 
 По умолчанию ваши настраиваемые поля записываются в виде обычного текста, но вы можете использовать CSS, чтобы настроить их так, чтобы они выглядели более изящно и так, как вы хотите.
 Чтобы настроить поля с помощью CSS, необходимо использовать сгенерированный код внедрения PHP. Затем оберните код в специальные теги 
 , чтобы добавить имя класса для ваших стилей. Оттуда вы можете перейти к файлу  style.css  своей темы и использовать новое имя созданного класса для настройки полей с помощью CSS.
 Получение помощи 
 Если вы столкнетесь с какими-либо проблемами по пути, наша экспертная группа поддержки готова помочь вам со всем, что вам нужно. Вы можете отправить заявку, проверить нашу поддержку в реальном времени или поискать в форуме поддержки, чтобы узнать, был ли уже дан ответ на ваш вопрос.
 Вы также можете проверить страницу руководства Good Support Ticket, чтобы узнать, что включить в ваш запрос поддержки, чтобы мы могли помочь вам на максимальной скорости.
 Все это включено в вашу подписку, поэтому вам не придется колебаться ни секунды, если вам понадобится помощь.Если вы еще не являетесь участником, вы все равно можете получить бесплатную поддержку с пробной подпиской.
 Подведение итогов 
 Должно быть довольно очевидно, что добавляя параметры, вы можете создать совершенно новый опыт для администраторов и пользователей веб-сайта. Эта функциональность в сочетании с настраиваемым CSS и Javascript может привести к поразительной и мощной работе.
 Будьте осторожны - большая сила влечет за собой большую ответственность! Добавление 100 параметров в шаблоны страниц только потому, что вы можете, - это не путь вперед.
 Обязательно используйте эти знания с умом и создайте что-то действительно полезное для своих клиентов и для себя.
  Бесплатное видео
Почему 100 НЕ является идеальным показателем скорости загрузки страницы в Google (* 5 минут просмотра)
Узнайте, как использовать Google PageSpeed ​​Insights, чтобы ставить реалистичные цели, повышать скорость сайта и почему стремиться к 100 баллам - НЕПРАВИЛЬНАЯ цель.
 Как создать повторно используемые шаблоны для ваших сообщений в блоге WordPress 
 Вы когда-нибудь сталкивались с созданием серии сообщений или страниц, которые следуют аналогичному формату? Разве не было бы замечательно, если бы вместо того, чтобы вручную воссоздавать один и тот же формат снова и снова, вы могли бы просто создавать шаблоны блогов для автоматизации всего процесса?
 В этом посте я покажу вам, как именно это сделать, используя бесплатный плагин под названием Simple Content Templates.Я начну с краткого обсуждения того, что делает этот плагин, и, что наиболее важно, когда вам следует использовать его вместо других опций. Затем я дам вам пошаговое руководство по использованию плагина для создания собственных шаблонов блога.
 Для чего нужны простые шаблоны содержимого? 
 В бесплатной версии Simple Content Templates позволяет быстро предварительно заполнить ваши сообщения предварительно заданными:
 Название
 Содержимое тела сообщения
 Выдержка
 Это определенно просто (отсюда и название).Но это тоже очень полезно.
 Разве для этого нельзя использовать настраиваемые типы сообщений или настраиваемые поля? 
 Если вы знакомы с WordPress, это то, что вы, , также можете сделать с  с настраиваемым типом сообщения и / или настраиваемыми полями. Но Simple Content Templates на самом деле не пытается заменить эти параметры.
 Вместо этого, это идеальный вариант, когда вам нужно работать с обычными сообщениями или страницами, не желая, чтобы шаблон применялся к каждому отдельному сообщению или странице, и вам не нужно изменять фактическое форматирование сообщения или страницы.
 Помните: простые шаблоны содержимого влияют только на содержимое обычных полей редактора WordPress. Это не создание нового формата сообщений или чего-то подобного.
 Что здорово, так это то, что плагин позволяет создавать неограниченное количество шаблонов блогов. Таким образом, вы можете создать несколько разных шаблонов, которые будете использовать по мере необходимости.
 Как создавать шаблоны блогов с помощью простых шаблонов содержимого 
 Для этого урока я собираюсь использовать тестовый сайт, на котором работает Divi. Но важно отметить, что простые шаблоны содержимого работают только тогда, когда вы создаете сообщения в обычном редакторе WordPress.Это означает, что вы не можете использовать свои шаблоны внутри Divi Builder.
 Но не волнуйтесь. Если вам нужно создать многоразовые шаблоны блогов внутри Divi Builder, у вас уже есть доступ к библиотеке Divi. Просто сохраните свои шаблоны в своей библиотеке и используйте их столько раз, сколько необходимо!
 Хорошо, приступим…
 Шаг 1. Установите и активируйте простые шаблоны содержимого 
 Simple Content Templates бесплатны и перечислены на WordPress.org, поэтому вы можете начать работу, установив их прямо со своей панели управления WordPress:
 После активации плагина вы получите новую опцию  Content Templates  на боковой панели, где вы можете управлять плагином.
 Шаг 2. Выберите, какие типы сообщений использовать простые шаблоны содержимого для 
 Плагину нужно настроить только одно, но очень важное.
 По умолчанию простые шаблоны содержимого включены только для обычных сообщений WordPress, но вы можете перейти в  Шаблоны содержимого> Настройки , чтобы включить его и для страниц:
 И после того, как вы создадите несколько шаблонов, вы также можете настроить автоматическую загрузку плагином шаблона всякий раз, когда вы создаете новую публикацию или страницу, вместо того, чтобы вручную выбирать шаблон (подробнее об этом позже).
 После того, как вы это настроите, вы готовы создать свой первый шаблон.
 Шаг 3. Создайте шаблон 
 Чтобы создать несколько шаблонов блога, перейдите к  Content Templates> Add Template . Вы увидите стандартный редактор WordPress:
.
 Все, что вам нужно сделать, это ввести содержимое как обычно. Шаблон может состоять из всего, что вы обычно вводите в:
 Название
 Текстовый редактор
 Коробка для выдержек
 Когда вы импортируете шаблон в свое сообщение, Simple Content Template просто дословно вводит его.
 Что приятно, так это то, что вы можете использовать в шаблоне все ваши обычные шорткоды.
 Давайте посмотрим на пример. Допустим, вы хотите создать простой шаблон для обзора книги с кнопкой «Купить сейчас» с использованием шорткодов  ET Button .
 Для этого вы можете настроить свой шаблон примерно так:
 Обязательно  Опубликуйте , тогда вы будете готовы начать использовать свой шаблон.
 Шаг 4. Вставьте свой шаблон при создании нового содержимого 
 После того, как вы закончите свой шаблон, все, что вам нужно сделать, это создать новый пост или страницу, как обычно.Когда вы это сделаете, вы увидите новое мета-поле  Simple Content Templates . Чтобы загрузить шаблон, все, что вам нужно сделать, это выбрать нужный шаблон из раскрывающегося списка и щелкнуть  Загрузить шаблон: 
 После того, как вы нажмете кнопку, плагин автоматически вставит ваш шаблон:
 Затем вы можете просто войти и добавить релевантную уникальную информацию перед публикацией.
  Но будьте осторожны.  Плагин полностью перезаписывает любой существующий контент.Таким образом, вы не можете вернуться и добавить шаблон задним числом, не удалив полностью существующий контент.
 И все! Простой способ создать несколько базовых шаблонов блога, чтобы сэкономить время.
 Нужно отредактировать шаблоны? 
 Чтобы отредактировать шаблоны блога, вы всегда можете перейти в  Content Templates> Content Templates  и нажать кнопку  Edit  под желаемым шаблоном.
 Это заставило меня задуматься: если вы вернетесь и отредактируете шаблон после того, как вы его уже использовали, повлияет ли это на сообщения, которые уже использовали этот шаблон?
 На всякий случай я провел быстрый тест.Редактирование шаблона НЕ влияет на сообщения, которые ранее использовали этот шаблон. Это влияет только на новые сообщения, которые вы создаете.
 Так что не стесняйтесь редактировать, не рискуя сломать свои старые сообщения.
 Премиум-версия: расширенные шаблоны содержимого 
 Если вам нужны более гибкие шаблоны блогов, разработчик также предлагает расширенную версию под названием Advanced Content Templates.
 Во-первых, расширенная версия добавляет еще несколько основных параметров, таких как возможность автоматической установки:
 Избранные изображения
 Категории и теги
 Пользовательские поля
 Формат сообщения
 И он также добавляет поддержку пользовательских типов сообщений в дополнение к сообщениям и страницам.
 Помимо этого, расширенные шаблоны контента начинают превращаться в настоящие шаблоны с возможностью использования встроенного PHP в ваших шаблонах для динамической генерации контента.
 Завершение работы 
 Simple Content Templates - это простой в использовании способ создать несколько базовых шаблонов блога и сэкономить время. Хотя он ограничен по сложности шаблонов, которые он может создавать, его может использовать любой, даже новичок.
 Если вы создаете сайт для клиента, вы можете использовать его, чтобы предоставить им несколько готовых шаблонов без необходимости делать что-либо сложное.А если вы используете его на своем собственном сайте, вы можете сэкономить время, вместо того чтобы пытаться дублировать форматирование в нескольких сообщениях.
  Вы добавили на свой сайт шаблоны блогов? Какой метод вы предпочитаете для этого? 
  Миниатюра статьи изображение Legend_art / shutterstock.com 
 Ваше руководство по созданию шаблонов веб-сайтов WordPress (за 5 шагов) 
 Если вы разрабатываете веб-сайты WordPress для клиентов, скорее всего, вы обнаружите, что снова и снова выполняете одни и те же задачи.Например, необходимость переустановки плагинов и тем на каждом новом сайте может занять время, которое лучше потратить на более важные элементы вашего бизнеса.
 Наличие под рукой шаблонов веб-сайтов WordPress - простой способ решить эту проблему. Имея базовые функции, уже имеющиеся для каждого веб-сайта, вы можете сосредоточиться на создании пользовательских элементов, которые будут более сложными и полезными.
 В этом посте мы дадим краткий обзор шаблонов веб-сайтов WordPress и их преимуществ.Затем мы расскажем, как его создать с помощью нашего собственного конструктора шаблонов ManageWP. Давайте нырнем!
 Введение в шаблоны веб-сайтов WordPress 
 Когда дело доходит до WordPress, термин «шаблон» может использоваться по-разному. Некоторые темы поставляются с предварительно созданными страницами, называемыми, например, шаблонами, а также существуют отдельные шаблоны сообщений, которые определяют макет содержания вашего сайта.
 Однако в данном контексте мы не имеем в виду ни одно из этих приложений.Вместо этого «шаблон веб-сайта WordPress» - это основа, которую вы можете использовать для более быстрого создания новых веб-сайтов. Он может включать настраиваемый код, определенные настройки, плагины по умолчанию, которые вы используете на всех своих сайтах, и предпочтительные темы для ваших клиентов на выбор.
 Наличие шаблона, включающего любой или все эти элементы, может сэкономить вам значительное количество времени, когда дело доходит до создания клиентских сайтов. Вместо того, чтобы начинать с нуля, у вас будет преимущество перед каждым новым проектом. Это даст вам больше времени для поиска новых клиентов, развития вашего бизнеса и завершения дальнейших проектов.В некоторых случаях это может даже привести к увеличению дохода, поскольку вы сможете выполнять больше работы.
 Ваше руководство по созданию шаблонов веб-сайтов на WordPress (за 5 шагов) 
 Есть много способов создания шаблонов веб-сайтов на WordPress. Однако наш конструктор шаблонов ManageWP делает эту задачу особенно простой. Все, что вам нужно, это бесплатная учетная запись, и вы можете сразу приступить к работе.
 Шаг 1. Доступ к построителю шаблонов ManageWP 
 Во-первых, чтобы получить доступ к Template Builder, вам нужно войти в свою панель управления ManageWP:
 Затем щелкните стрелку рядом с вашим аватаром и выберите  Template Builder  в разделе меню  Tools :
 На следующем экране вы увидите список всех существующих шаблонов.Вы можете сохранить до десяти шаблонов, готовых к использованию.
 Шаг 2. Выберите сайт WordPress для использования в качестве базы 
 Затем нажмите кнопку  New Template :
 Затем назовите свой шаблон и выберите, хотите ли вы использовать чистую установку WordPress или резервную копию другого сайта в качестве основы.
 Обратите внимание, что для выбора последнего варианта вам потребуется наша функция резервного копирования премиум-класса:
 В этом пошаговом руководстве мы будем использовать чистую установку WordPress.После того, как вы сделали свой выбор, нажмите  Добавить плагины .
 Шаг 3. Добавьте плагины по умолчанию 
 Добавление подключаемых модулей к вашему шаблону полезно, особенно если у вас есть набор подключаемых модулей, которые вы включаете на каждый клиентский сайт. Таким образом, вы можете быстро удовлетворить стандартные потребности, такие как безопасность, поисковая оптимизация (SEO), сжатие изображений, оптимизация производительности и любые другие функции, которые вы сочтете необходимыми.
 С помощью нашего Конструктора шаблонов вы можете легко добавить все свои любимые инструменты, чтобы они автоматически добавлялись на будущие сайты:
 Вы можете добавить плагины по умолчанию пятью различными способами:
  Репозиторий WordPress. Просто введите имя любого плагина из каталога плагинов WordPress в строку поиска, чтобы добавить его. Hello Dolly, Akismet и наш плагин ManageWP Worker включены сюда по умолчанию.
  Помеченные плагины.  Если у вас есть учетная запись  WordPress.org  и вы добавили плагины в список избранного, вы можете импортировать их сюда. Просто введите свое имя пользователя, чтобы подключиться к своей учетной записи.
  Существующие сайты.  Здесь вы можете выбрать плагины, которые в настоящее время установлены на ваших сайтах ManageWP (если они также указаны в каталоге плагинов WordPress).
  Внешний адресат.  Вы также можете подключить свои учетные записи Dropbox или Envato, чтобы добавлять плагины из сторонних источников.
  Загрузить  .zip .  Если у вас есть файл  .zip  для желаемого плагина, вы можете просто загрузить его сюда, как если бы вы это делали на панели управления WordPress.
 Если вы решили создать свой шаблон на основе резервной копии веб-сайта, плагины, включенные в эту резервную копию, будут перечислены справа. Когда вы будете удовлетворены своим выбором, нажмите  Добавить темы .
 Шаг 4. Выберите темы по умолчанию 
 В большинстве случаев вам не нужно включать более двух тем на сайт WordPress - активную тему и тему по умолчанию для устранения неполадок. Однако, поскольку вы, вероятно, будете использовать свой шаблон для нескольких клиентских сайтов, вы можете включить здесь несколько вариантов:
 Таким образом, вы можете позволить своим клиентам выбирать из ваших лучших предложений в начале каждого нового проекта. Вы всегда можете удалить с готового сайта любую тему, которую не активировали.
 Методы добавления тем в ваш шаблон такие же, как и перечисленные выше для выбора плагинов по умолчанию. Вы также можете выбрать тему, которую хотите активировать по умолчанию. Затем нажмите кнопку  Done , чтобы заполнить шаблон.
 Шаг 5. Клонируйте свой шаблон, чтобы использовать его для нового сайта WordPress. 
 На этом этапе вы будете перенаправлены обратно на экран  Template Builder , и ваш новый шаблон будет указан слева. Нажмите на него, чтобы просмотреть подробности:
 Чтобы использовать этот шаблон для создания клиентского сайта, нажмите кнопку  Clone .Затем выберите, применять ли ваш шаблон к существующему сайту, подключенному к вашей учетной записи ManageWP, или к новому сайту:
 Если вы решите применить его к новому сайту, вам нужно будет ввести URL сайта, а также его протокол передачи файлов (FTP) и учетные данные базы данных:
 Чтобы использовать существующий сайт из вашей учетной записи ManageWP, вам необходимо создать новую учетную запись администратора:
 Какой бы метод вы ни выбрали, нажмите кнопку  Clone , чтобы завершить процесс. Затем вы можете перейти на свой новый сайт и начать его создание.
 Заключение 
 Многое нужно для разработки сайтов WordPress для клиентов и управления вашим бизнесом. Повышение эффективности за счет оптимизации процесса может не только повысить вашу эффективность, но также может позволить вам увеличить свой доход, взяв на себя дополнительные проекты.
 В этом посте мы показали вам, как создавать шаблоны веб-сайтов WordPress с помощью нашего конструктора шаблонов ManageWP. Вам просто нужно:
 Доступ к инструменту из панели управления вашей учетной записи.
 Выберите сайт WordPress для использования в качестве базы.
 Добавьте плагины по умолчанию.
 Выберите темы по умолчанию.
 Клонируйте свой шаблон, чтобы использовать его на новом сайте WordPress.
 У вас есть вопросы по созданию шаблонов веб-сайтов на WordPress? Оставьте их нам в разделе комментариев ниже!
  Изображение предоставлено: Pexels. 
 .
No related posts.