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

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

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

Откройте для себя тоже Как установить плагин в WordPress

Результатом этого смещения фокуса является то, что настройка Twenty Seventeen занимает немного больше времени, чем предыдущие темы WordPress по умолчанию.

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

Но раньше, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге 

Тогда вернемся к тому, почему мы здесь.

Двадцать семнадцать Обзор

Презентация двадцать семнадцать

Использование целевая страница - Целевая страница - использование в качестве домашней страницы для корпоративных сайтов стало модным. С Twenty Seventeen легко создать целевую страницу для бизнес-сайта.

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

Навигация проста с липкой верхней панелью навигации и одним шрифтом " Свободный Франклин Который используется по всей теме.

Мы советуем вам проконсультироваться Как добавить пользовательское навигационное меню на WordPress

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

Как создать домашнюю страницу с Twenty Seventeen?

Идти в том же направлении, что и Мэтт Малленвегкогда он говорил о важность настройщикаПоэтому неудивительно, что большинство заданий выполнено на Двадцать Семнадцать Находятся в настройщике.

Настройка Wordpress 47

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

Откройте для себя тоже Как настроить CSS вашего сайта WordPress

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

Это позволяет легко изменять такие функции Twenty Seventeen, такие как изображение заголовка, слоган и заголовок, а также контент, который отображается в каждом разделе страницы. Вам просто нужно найти контент, который вы хотите отредактировать, затем щелкнуть «видимый ярлык редактирования» и настроить этот контент.

Идите дальше, открывая для себя Как добавить бесконечную прокрутку в блог WordPress

WordPress также поставляется с новой функцией Customizer под названием " дополнительный CSS ». Мы уже говорили об этой функции раньше. Это особенность для WordPress, а не для " Двадцать Семнадцать .

Чтобы показать вам, как настроить Двадцать Семнадцать Я установлю тему, как если бы я использовал ее для своего личного сайта.

Шаг XNUMX. Создайте страницу для каждого раздела

Создайте страницу для каждого раздела

Первое, что вам нужно сделать, это создать несколько страниц:

  • Создайте страницу, которая будет вашей статической домашней страницей.
  • Создайте страницу, которая будет отображать сообщения в блоге.

Как перевести ваш сайт WordPress в режим обслуживания ? нажмите на эту ссылку

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

советоваться Как создавать столбцы в WordPress без плагинов

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

Шаг 2: добавить изображение на главную страницу

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

Избранные изображения wordpress

Демо « Двадцать Семнадцать Использует изображения, размеры которых составляют 2000 пикселей в ширину и 1200 пикселей в высоту. Изображения, которые подходят к этим размерам, рекомендуются. Вы понимаете, что вы не должны использовать маленькие изображения.

Откройте для себя 5 Плагины WordPress Page Builder - Построитель страниц

Вы найдете много бесплатных изображений в " StockSnap И большинство из них имеют хорошие размеры.

Шаг 3: Назначьте домашние страницы и страницу блога

Статическая домашняя страница wordpress

Теперь пришло время начать настройку. Запустите настройщик, затем перейдите к  Внешний вид> Настроить На приборной панели.

Выберите опцию статическая домашняя страница И внесите следующие коррективы:

  • Установите отображение главной страницы, установите переключатель для статической страницы.
  • В меню домашней страницы выберите домашнюю страницу веб-сайта.
  • В меню «Страница элементов» выберите страницу, на которой будут отображаться статьи.

Не забудьте сохранить свои изменения.

Шаг 4: назначьте другие страницы разделам домашней страницы

Двадцать семнадцать тематических разделов

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

Шаг 5: создайте главное меню навигации

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

Шаг 6: добавить заголовок видео

Двадцать семнадцать заголовков видео

Далее мы заменим изображение заголовка на видео. Перейдите в соответствующий раздел настройщика, щелкнув соответствующий «Видимый ярлык редактирования» или найдите « Медиа заголовок .

Загрузите или выберите видео, которое хотите использовать. В качестве альтернативы вы также можете указать URL-адрес видео YouTube для отображения в заголовке, если хотите.

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

Двадцать семнадцать демонстраций

На данный момент все должно работать нормально. Позже мы предложим вам больше уроков по настройке этой новой темы WordPress.

Откройте для себя также несколько премиальных плагинов WordPress  

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

Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.

1. Заказ столика в WordPress

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

Бронирование столиков в ресторане Wordpress

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

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

скачать | Демонстрация | веб-хостинг

2. ShareBang

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

Sharebang Ultimate кнопки социальных сетей для wordpress 1

Он поддерживает + 42 от ведущих социальных сетей, включая мобильные приложения, такие как WhatsApp, Facebook, Telegram, Skype, Line, Viber и другие. Он поставляется с более чем позициями 21, предназначенными для кнопок социальных сетей, полностью настраиваемым макетом, автоматические и регулярные обновления, интеграция с Mailchimp, Mailster и многое другое ...

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

скачать | Демонстрация | веб-хостинг

3. Octabook

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

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

скачать | Демонстрация | веб-хостинг

Рекомендуемые ресурсы

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

Заключение

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

Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress.

Если у вас есть предложения или замечания, оставьте их в нашем разделе Комментарии.

...