Пропустить

Как настроить тему Twenty Seventeen

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

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

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

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

Шаг первый: создайте страницу для каждого раздела

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2. ShareBang

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

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

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

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

3. Octabook

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

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [FREE]

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

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

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

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

Вывод

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

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

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

...

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

  2. Bonjour.

    - Можем ли мы иметь более низкое изображение приема?
    - Можем ли мы вставить логотип на эту домашнюю страницу?

    спасибо

  3. Привет,
    Я хотел бы вставить кнопки 2 со ссылками над изображением в заголовке. Как я могу это сделать?

  4. Привет и спасибо за этот учебник, который может делать хорошо вокруг этой темы сора.
    Даже называют boobi, я хотел бы фотографии, выдвинутые на эффект параллакса не отображаются в статических страницах, например, на странице контактов.
    Если мы вмешиваемся на тему или это уже запланировано?
    Спасибо!

  5. Тот же вопрос, как предотвратить ваши фотографии с эффекта параллакса также отображается в статической странице такого контакта?
    Товары.

  6. Здравствуйте, я желаю удалил изображение заголовка моих отдельных страниц не по этому пункту страницы образом без использования CSS? БЛАГОДАРНОСТЬ

  7. Здравствуйте и спасибо за учебник очень хорошо объяснил.

    Я хотел бы пойти дальше. Я объясняю себя.
    Я создал дочернюю тему в Th2017. Я создал новую страницу, содержащую «TITLE» и «TEXT», и сделанную картинку.
    Эта страница связана с меню, которое обычно появляется при нажатии на меню. Затем к странице Тема Options.
    Кроме того, на домашней странице у меня есть изображение и текст «ТЕКСТ» в скользящем горизонтальном баннере.
    До тех пор не стоит беспокоиться.
    Я создаю в своей дочерней теме шаблон страницы из page.php в page_modele.php. Я редактирую этот файл с помощью «Название шаблона: Страница шаблона» и добавляю эхо «CUCK».
    Я создаю страницу «TITRE2» с шаблоном страницы «Шаблон страницы» с изображением, затем я подключаю его к меню и добавляю его в Параметры темы.
    Эта страница обычно появляется с «CUCK» при нажатии на меню.
    НО, НА ГЛАВНОЙ СТРАНИЦЕ, у меня есть изображение, НО ПЛЮС ТЕКСТ «COUCOU».

    Можете ли вы помочь мне с что Привет появится на главной странице.
    Примечание: COUCOU будет переменной, поступающей из плагина.

    Merci влить VOTRE помощник
    Bien Cordialement

  8. Привет,

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

    1. Добрый вечер, процесс кажется довольно простым. Может быть, с скриншотами, мы можем помочь вам на пользу?

  9. Спасибо за перевод учебника. Я 4 блоков на сцену без моего объяснили, что я не имею пункта меню с, невозможно организовать различный уровень статической страницы. Любая идея?

  10. Привет,

    В этом новом шаблоне Wordpress текст не занимает всю страницу, как это изменить?
    В любом случае на домашней странице введите «одна страница»,
    спасибо
    Мод

  11. Привет,

    Я использую тему «Двадцать семнадцать» для моего сайта.
    Я хотел бы сделать ту же версию с французским текстом.
    Плагин «Полиланг» может согласиться?
    Или есть какие-либо плагины больше подходит для этой темы?

    спасибо

    1. Таким образом, тема его цепи и ваш блог обладает Scienes. Если вы планируете перевести тему. Я приглашаю вас использовать PoEdit. если не перевести свой блог, Polylang будет делать.

  12. Новая тема появляется TwentySeventeen действительно стильный, инновационный и привлекательный.
    Но цвет фона только белый или серый ??? Я пытался изменить даже в style.css, но это не имеет никакого эффекта: ??

  13. привет

    Двадцать семнадцать я установил на моем блоге WordPress
    1 У меня нет окна комментариев в конце статьи
    2, как люди подписываются на блог
    cdlt

    1. Привет Бернард,

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

  14. [...] Как настроить тему Twenty Seventeen. Как мы можем вам помочь? Нажмите один из ссылок ниже, чтобы узнать больше ... Как я уже говорил в предыдущем уроке, WordPress 4.7 предлагает новую тему по умолчанию. Эта тема предназначена для бизнес-сайтов, отмечает примечательную уход темы по умолчанию в прошлом, который был разработан для блогов и отражает наиболее важный переход WordPress блог-платформы для универсальной платформы. Если вы рассматриваете пытаетесь Twenty Семнадцать, вы быстро понять что-то: эта тема отличается от своих предшественников. [...]

Оставить комментарий

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

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
26 акции
доля22
чирикать1
Регистрация3