Как редактировать шаблоны WordPress с помощью редактора шаблонов: полное руководство по редактированию сайта
Опубликовано: 2024-11-06Оглавление
Вы ищете простой способ настроить дизайн своего веб-сайта WordPress? В этом руководстве я покажу вам, как редактировать шаблоны в WordPress с помощью редактора шаблонов. Независимо от того, являетесь ли вы новичком в WordPress или опытным профессионалом, это пошаговое руководство поможет вам раскрыть возможности полноценного редактирования сайта WordPress .
Зачем использовать полное редактирование сайта в WordPress?
Полноэкранное редактирование WordPress — это разумный способ оптимизировать процесс проектирования вашего веб-сайта. Эта функция позволяет вам настроить внешний вид вашего сайта, редактируя шаблоны и их части.
Хотя традиционные шаблоны существуют в виде файлов в папке вашей темы, шаблоны блоков можно редактировать непосредственно в редакторе сайтов WordPress. Нет необходимости погружаться в код, что значительно экономит время и делает процесс проектирования намного более доступным.
Как получить доступ к редактору шаблонов в WordPress
Чтобы начать, войдите в свою панель управления WordPress и выберите «Внешний вид» > «Редактор» .
Оттуда нажмите «Шаблоны». Здесь вы увидите все шаблоны, которые использует ваша тема. Эти шаблоны управляют макетом ваших сообщений и страниц.
Совет для профессионалов: Редактор шаблонов доступен только в том случае, если вы используете блочную или классическую тему, в которой включен Редактор шаблонов. Прежде чем приступить к редактированию, убедитесь, что ваша тема совместима.
Настройка шаблона отдельных сообщений в WordPress
Допустим, вы хотите изменить макет всех сообщений в блоге. Вам нужно будет настроить шаблон отдельных сообщений . Этот шаблон управляет отображением отдельных сообщений блога на вашем сайте.
Но вот в чем загвоздка: если вы хотите изменить макет только одного конкретного сообщения, вам следует редактировать это сообщение напрямую, а не шаблон «Одно сообщение». Редактирование шаблона влияет на все сообщения, в которых он используется, поэтому выбирайте с умом!
Как просмотреть структуру вашего шаблона WordPress
В редакторе шаблонов вверху вы увидите название шаблона, который вы редактируете. Чтобы просмотреть список всех блоков в шаблоне, щелкните значок «Просмотр списка» (он выглядит как три горизонтальные линии в левом верхнем углу).
Это отличный способ увидеть, какие блоки уже являются частью вашего шаблона. Вы можете нажать на любой блок, чтобы изменить его содержимое или настройки. Представление списка позволяет очень легко понять структуру вашего шаблона, прежде чем вы начнете его настраивать.
Редактирование блоков шаблонов WordPress
Пришло время внести некоторые изменения! Начнем с заголовка . Шапка — это часть шаблона, которая появляется на всех страницах сайта. Например, вы можете редактировать такие элементы, как заголовок сайта , логотип сайта или блок навигации .
Внимание: изменения в заголовке влияют на каждую страницу, которая его использует. Поэтому, если вы редактируете заголовок, убедитесь, что он работает для всего вашего сайта.
В моем случае я заменил мегаменю на более простое. Сначала я удалил заголовок по умолчанию, а затем добавил еще один заголовок, который поставляется в комплекте с моей темой.
Я не хотел отвлекать посетителей от чтения моих постов, поэтому выбрал чистый минималистичный заголовок. Иногда меньше значит больше, верно? Поскольку части шаблона можно удалять или добавлять как любые другие блоки, процесс прост. Вы просто работаете как с обычными блоками WordPress.
То же самое касается нижнего колонтитула . Это еще одна часть шаблона, которая отображается на всех ваших страницах. Отредактируйте его один раз, и изменения будут применены ко всему сайту. Например, мой нижний колонтитул содержит такие элементы, как заголовок сайта, кредит нижнего колонтитула WordPress, контактную информацию и меню навигации. Хотите внести изменения в нижний колонтитул? Вперед, продолжать! Помните: изменения будут отражены везде, где используется нижний колонтитул.
Более того, если вы подумываете о добавлении боковой панели в свой шаблон (предупреждение о спойлере) , вы будете использовать для этого столбцы . Оставайтесь с нами, потому что наш следующий пост расскажет вам, как это сделать!
Ключевые блоки для настройки ваших шаблонов WordPress
При настройке шаблонов сообщений или страниц вы, скорее всего, будете использовать несколько ключевых блоков для управления отображением вашего контента. Например, блок заголовка гарантирует, что написанный вами заголовок сообщения будет выглядеть так, как вы хотите, с возможностью настройки выравнивания, размера и цвета. Если ваша тема включает раздел «Мета поста» , вы можете отображать такие детали, как автор, дата и категории, но если нет, вы можете добавить и настроить их индивидуально.
Блок «Избранное изображение» при полном редактировании сайта позволяет вам управлять основным визуальным элементом каждого сообщения с настройками размера, положения и даже наложений. И не забывайте про блок комментариев ! Это управляет тем, как отображаются ответы читателей, включая подблоки, которые обрабатывают более мелкие детали.
Наконец, блоки тем, такие как блок «Содержимое», позволяют динамически вставлять элементы с вашего сайта в шаблон в FSE, предоставляя вам полный контроль над тем, как ваш контент будет отображаться на ваших страницах и в сообщениях.
Добавление новых элементов в ваш шаблон
Хотите еще больше персонализировать свои публикации? Вы можете добавлять новые блоки в свой шаблон отдельных сообщений . Например, вы можете добавить блок «Выдержка из публикации» или даже поле для подписки.
Это так же просто, как нажать кнопку вставки блока +, выбрать нужный блок и разместить его в макете. И если вы думаете о добавлении чего-то вроде контактной формы или кнопки призыва к действию , это идеальное место.
Подведем итоги
Закончив редактирование, нажмите «Сохранить» в правом верхнем углу, чтобы применить изменения к шаблону в интерфейсе полного редактирования сайта WordPress. Любые сделанные вами обновления будут автоматически иметь приоритет над файлами шаблонов по умолчанию из вашей темы.
При редактировании помните, что шаблоны WordPress служат образцом структуры ваших публикаций и страниц. Таким образом, любые изменения, которые вы вносите в редакторе шаблонов WordPress, повлияют на весь контент, который использует этот конкретный шаблон при полном редактировании сайта WordPress. Обязательно просмотрите и протестируйте свои изменения перед публикацией.
Заключительные мысли: использование полного редактирования сайта WordPress
Шаблоны в WordPress — это как план вашего сайта, благодаря которому все будет аккуратно вставлено на свои места. Я надеюсь, что это руководство придало вам уверенности, чтобы начать настраивать свои шаблоны.
Если у вас есть вопросы, задавайте их в комментариях ниже. Редактировали ли вы шаблоны WordPress раньше? Дайте мне знать о вашем опыте!
Часто задаваемые вопросы
Что такое редактор шаблонов в WordPress?
Нужны ли мне навыки программирования для использования редактора шаблонов в FSE?
Могу ли я изменить дизайн отдельного сообщения с помощью редактора шаблонов?
Хороший вопрос! Если вы хотите изменить дизайн конкретной публикации, вам следует редактировать непосредственно публикацию, а не шаблон. Редактор шаблонов меняет макет всех сообщений с использованием этого шаблона, поэтому это не подходящее место для редактирования отдельных сообщений.
Как добавить в шаблон новый элемент, например поле подписки или изображение?
Что произойдет, если я сохраню изменения в шаблоне?