Elementor регулярно предлагает темы, которые помогут вам создать сайт полный из них. Каждый месяц мы выпускаем новые темы, построенные вокруг определенной ниши, но при этом достаточно гибкие, чтобы вы, наконец, могли настроить их в соответствии со своими потребностями.
В сочетании с Elementor Pro, эти темы помогут вам быстро приступить к работе с каждой частью вашего веб-сайта, включая:
пстатический возраст, например на главной странице,
- заголовок
- нижний колонтитул
- стр. 404
- раздел Архив
- блог
- Всплывающие окна и прочее
В этом уроке мы покажем вам Как создать вебсайт завершить с помощью визуального конструктора страниц Elementor.
Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге
Тогда вернемся к тому, почему мы здесь.
Как создать полноценный веб-сайт с темами Elementor
В этом руководстве вы узнаете, как использовать тему в качестве основы для всех важных частей вашего веб-сайта, а затем собрать все вместе для создать сайт последовательный.
Точнее тема Цифровое агентство.
На вашем веб-сайте будет несколько основных страниц, например:
- Главная
- О
- Услуги
- Наши клиенты
- Блог
- Контакты
И он также предлагает разделы, посвященные также динамическому контенту. Например, ваши архивы сообщений в блоге и шаблоны сообщений автоматически соответствуют вашим автономным страницам. Вы также можете изменить заголовок, нижний колонтитул и страниц 404.
так вот Как создать вебсайт с темой Elementor:
1. Установите и активируйте тему Elementor Hello.
Поскольку вы собираетесь использовать Elementor и шаблон темы для создания всего веб-сайта, вам не нужно искать другие элементы.
Вместо этого вам просто понадобится легкий, оптимизированный для производительности веб-сайт, который предоставляет тема Elementor Hello.
Чтобы начать, перейдите к Внешний вид → Темы → Добавить и поиск " Привет Элементор". Затем установите и активируйте тему.
2. Настройте основные статические страницы вашего сайта.
Затем зайдите в меню Страницы → Добавить для создания основных страниц вашего сайта.
Сначала создайте страницу с названием " Главная И нажмите на кнопку Редактировать с помощью Elementor для запуска Elementor.
Cliquez-сюр- Настройки открыть настройки страницы и измените ее макет, чтобы он был равен Элементор Полная ширина.
Затем откройте библиотеку шаблонов Elementor и найдите "Цифровое агентство" в Разделы :
Вы должны увидеть список шаблонов страниц этой темы. Вставить шаблон Главная Страница из списка моделей.
Теперь вы должны увидеть полную домашнюю страницу. Заголовок пока выглядит скучновато, но не волнуйтесь, мы скоро это исправим..
Затем добавьте еще одну страницу, которая будет использоваться для вашего " О".
Как и раньше, создайте страницу и измените макет на Элементор Полная ширина, Затем откройте библиотеку шаблонов и вставьте шаблон О нас темы Digital Agency.
Теперь просто повторите тот же процесс для создания всех остальных страниц, включая: Сервисы, Клиенты и Контакт.
Пока не беспокойтесь о странице блога. Эта страница не статична, как другие. По этой причине вы будете создавать его там с помощью другого метода (который мы рассмотрим позже в этом руководстве).
Чтобы завершить настройку статических страниц, вам необходимо указать вашей установке WordPress использовать статическую домашнюю страницу. Сделать это…
- перейти к Настройки → Воспроизведение
- Выбирать Статическая страница (выберите ниже) в настройках вашей домашней страницы
- Выберите страницу, содержащую шаблон домашней страницы темы.
3. Создайте другие части своего веб-сайта.
Теперь вы готовы создать другие части своего сайта с помощью Elementor. Elementor позволяет вам выйти за рамки создания статических страниц (как вы делали выше).
С Elementor вы также можете создавать такие разделы, как: en-голова; нижний колонтитул и т. д.
А благодаря теме Elementor вы сможете импортировать шаблоны для всех разделов, которые уже есть на статических страницах, созданных на предыдущем шаге.
Чтобы получить доступ к визуальному конструктору Elementor, перейдите в Шаблоны→ Конструктор тем. Вам нужно будет установить Elementor Pro, чтобы получить к нему доступ.
Пришло время создать свои разделы
заголовок
Для начала перейдите на вкладку заголовок интерфейса визуального конструктора, затем щелкните Добавить новый. На следующем экране вы увидите набор шаблонов в библиотеке Elementor. Как и в случае со статическими страницами, найдите «Digital Agency», затем вставьте:
Теперь вы должны увидеть предварительный просмотр вашего заголовка, а также меню навигации из вставленного вами шаблона.
Если вы хотите изменить его
- перейти к Внешний вид → Меню в вашей панели WordPress
- Создать новое меню
Создав меню, вы можете добавить страницы, созданные на шаге 2, в свое меню навигации.
Читайте также: 10 инструментов автоматизации для маркетинга малого бизнеса
Когда вы закончите добавлять пункты меню, сохраните меню и вернитесь к шаблону заголовка в интерфейсе Elementor.
Ensuite, публиковать заголовок и используйте условия отображения для отображения шаблона заголовка на всем веб-сайте. При желании вы также можете использовать условия отображения для создания разных заголовков для разных типов контента:
Затем нажмите Сохранить и закрыть
нижний колонтитул
Пришло время создать нижний колонтитул вашего сайта:
- Вернитесь к интерфейсу визуального компоновщика страниц
- Нажмите на вкладку нижний колонтитул
- Нажмите кнопку, чтобы Добавить новый нижний колонтитул
- Во всплывающем окне дайте нижнему колонтитулу имя и нажмите Создать шаблон
Теперь вы должны увидеть список шаблонов нижнего колонтитула, как и в случае с вашим заголовком. Найдите "Digital Agency" и вставьте шаблон нижнего колонтитула.
После того, как вы вставили шаблон нижнего колонтитула, вы должны увидеть предварительный просмотр нижнего колонтитула:
Ensuite, публиковать шаблон нижнего колонтитула и используйте условия отображения, чтобы отобразить его на всем веб-сайте.
страница Блог
В отличие от статических страниц, которые вы создали на шаге № 2, страница блога вашего веб-сайта является " архив ". По сути, это означает, что он динамически отображает последний контент с вашего сайта.
Если пользователь щелкнет определенный элемент на странице блога, он попадет на страницу, на которой отображается содержимое этого элемента. Это называется «одиночной» страницей. Ваш уникальный дизайн гарантирует, что весь ваш контент будет выглядеть одинаково — единственное, что меняется, — это фактический контент (например, заголовок публикации, тело, избранное изображение и т. д.).
Откройте для себя Как добавить оглавление в WordPress с помощью Elementor
Для создания архивных страниц и уникальных шаблонов страниц следует использовать визуальный конструктор Elementor, а не зоны. страница ou гайд WordPress по умолчанию.
Начать…
- Откройте интерфейс конструктора тем
- Перейдите на вкладку Архив
- Нажмите Добавить новый
- Дайте ему имя и нажмите «Создать шаблон».
Как и в случае с верхним и нижним колонтитулами, вы увидите список шаблонов страниц архива. Найдите шаблон «Цифровое агентство» и вставьте его.
Теперь вы должны увидеть базовый дизайн вашей страницы статей.
Следует отметить, что если вы видите только одну статью, это нормально, потому что WordPress поставляется только с примером по умолчанию, который называется «Hello World! ".
На данный момент все, что вам нужно сделать, это публиковать страницу вашего архива и настройте ее для отображения во всех архивах.
Прочтите наше руководство по Как вручную перенести сайт WordPress
Затем вы можете перейти в меню сообщений на панели инструментов и создавать новые сообщения в блоге. Назначьте каждый элемент в категорию под названием «Новости».
Теперь, когда вы переходите на страницу своего блога, вы должны автоматически видеть все эти новые сообщения:
Создание страницы шаблона сообщения в блоге
На данный момент страница вашего блога имеет довольно удобный вид. Но если вы нажмете на конкретную запись в блоге, макет не будет соответствовать остальной части вашего сайта.
Чтобы решить эту проблему, вам нужно создать «уникальный» шаблон с помощью Elementor:
- Открыть визуальный конструктор Elementor
- Перейти на вкладку Один После
- Cliquez-сюр- Добавить новый
Во всплывающем окне Новый шаблон :
- Дайте ему имя
- выбрать После в раскрывающемся списке Выберите тип сообщения, Это сообщает Elementor, что вы хотите использовать этот шаблон для своих сообщений в блоге (в отличие от страниц или другого настраиваемого типа сообщений, который вы могли бы использовать).
И снова вы увидите библиотеку шаблонов Elementor. Найдите уникальный шаблон статьи шаблона «Цифровое агентство» и вставьте его.
Читайте также Режим обслуживания на WordPress: объяснение и настройка
При желании вы можете использовать множество виджетов динамических данных публикации для управления внешним видом своей страницы.
Например, если вы измените виджет Сообщение, вы сможете управлять отображаемыми элементами метаданных, как в публикации ...
- Автор
- Дата публикации
- комментарии
- И т.д.
Когда вы будете удовлетворены своей моделью предмета, нажмите публиковать. Затем вы можете использовать параметры отображения, чтобы этот уникальный шаблон применялся только к сообщениям в категории «Помимо новостей»:
- Выберите из catégorie
- Выберите категорию Новости
Затем нажмите Сохранить и закрыть.
Теперь все ваши сообщения в блоге должны иметь дизайн, соответствующий остальной части вашего сайта.
Чтобы закончить, перейдите в Внешний вид → Меню и добавьте страницу своего блога в меню навигации. Для этого вы можете добавить ссылку на категорию «Новости» в разделе Категории.
Страница 404
Наконец, вам нужно создать страницу 404 вашего веб-сайта. Страница 404 вашего веб-сайта - это то, что посетители увидят, если перейдут по неработающей ссылке или попытаются перейти на страницу, которой не существует.
Откройте для себя также наш 5 WordPress плагины лучше управлять ошибками 404
Чтобы создать страницу 404, используйте визуальный конструктор Elementor, чтобы добавить еще один уникальный шаблон.
- Открыть визуальный конструктор Elementor
- Перейти на вкладку Ошибка 404
- Cliquez-сюр- Добавить новый
- Вставьте шаблон Digital Agency со страницы 404
Затем опубликуйте свой шаблон, чтобы завершить свой веб-сайт.
Получите Elementor Pro прямо сейчас!
Заключение
Так ! Это все, что касается этого руководства, которое покажет вам шаг за шагом. Как создать вебсайт в комплекте с Элементором. Если у вас есть комментарии или предложения, не стесняйтесь, дайте нам знать в зарезервированном разделе.
Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
Но тем временем поделитесь этой статьей в разных социальных сетях.
...
