Как я уже говорил вам в предыдущий урок, 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?
Идти в том же направлении, что и Мэтт Малленвегкогда он говорил о важность настройщикаПоэтому неудивительно, что большинство заданий выполнено на Двадцать Семнадцать Находятся в настройщике.
Помимо стандартных функций, таких как меню и конфигурация, с помощью виджетов Customizer вы можете определять изображение заголовка или видео, использовать разные цветовые схемы и влиять на содержимое разделов вашей страницы.
Откройте для себя тоже Как настроить CSS вашего сайта WordPress
WordPress 4.7 также представляет новую функцию, называемую «видимым ярлыком редактирования»: они отображаются в виде синих значков, как на предыдущем изображении. При нажатии на один из этих ярлыков откроется поле, которое позволит вам изменить раздел в настройщике.
Это позволяет легко изменять такие функции Twenty Seventeen, такие как изображение заголовка, слоган и заголовок, а также контент, который отображается в каждом разделе страницы. Вам просто нужно найти контент, который вы хотите отредактировать, затем щелкнуть «видимый ярлык редактирования» и настроить этот контент.
Идите дальше, открывая для себя Как добавить бесконечную прокрутку в блог WordPress
WordPress также поставляется с новой функцией Customizer под названием " дополнительный CSS ». Мы уже говорили об этой функции раньше. Это особенность для WordPress, а не для " Двадцать Семнадцать .
Чтобы показать вам, как настроить Двадцать Семнадцать Я установлю тему, как если бы я использовал ее для своего личного сайта.
Шаг XNUMX. Создайте страницу для каждого раздела
Первое, что вам нужно сделать, это создать несколько страниц:
- Создайте страницу, которая будет вашей статической домашней страницей.
- Создайте страницу, которая будет отображать сообщения в блоге.
Как перевести ваш сайт WordPress в режим обслуживания ? нажмите на эту ссылку
Создайте до четырех дополнительных страниц, содержащих контент, который будет отображаться в разделах домашней страницы. Создайте три дополнительных новых страницы, если вы планируете использовать свой блог или в качестве одного из разделов домашней страницы.
советоваться Как создавать столбцы в WordPress без плагинов
В случае моего примера я создал домашнюю страницу, страницу блога, страницу с информацией, страницу услуг и страницу контактов.
Шаг 2: добавить изображение на главную страницу
Чтобы получить эффект параллакса на изображениях, вам нужно добавить большое изображение первой страницы для каждой страницы, которая будет частью разделов первой страницы. Вероятно, вы не захотите добавлять избранное изображение на домашнюю страницу, созданную на предыдущем шаге, но вы можете добавить избранное изображение на все другие страницы.
Демо « Двадцать Семнадцать Использует изображения, размеры которых составляют 2000 пикселей в ширину и 1200 пикселей в высоту. Изображения, которые подходят к этим размерам, рекомендуются. Вы понимаете, что вы не должны использовать маленькие изображения.
Откройте для себя 5 Плагины WordPress Page Builder - Построитель страниц
Вы найдете много бесплатных изображений в " StockSnap И большинство из них имеют хорошие размеры.
Шаг 3: Назначьте домашние страницы и страницу блога
Теперь пришло время начать настройку. Запустите настройщик, затем перейдите к Внешний вид> Настроить На приборной панели.
Выберите опцию статическая домашняя страница И внесите следующие коррективы:
- Установите отображение главной страницы, установите переключатель для статической страницы.
- В меню домашней страницы выберите домашнюю страницу веб-сайта.
- В меню «Страница элементов» выберите страницу, на которой будут отображаться статьи.
Не забудьте сохранить свои изменения.
Шаг 4: назначьте другие страницы разделам домашней страницы
Теперь вы можете назначить различные страницы, которые вы ранее создали, разделам в " Варианты темы ». Используйте раскрывающиеся меню, чтобы назначить каждую страницу каждому разделу в соответствии с назначением, которое вы им назначаете.
Шаг 5: создайте главное меню навигации
Вы можете создать свое меню навигации прямо из интерфейса настройщика или с панели инструментов. В обоих случаях создание меню в 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 и инструмент мгновенного бронирования встреч практически для всех типов услуг и поставщиков услуг, которые хотят предложить онлайн-бронирование с веб-сайта.
Он предлагает несколько функций, которые включают в себя: поддержка множественной локализации, настройка услуг, динамическое ценообразование, уведомления, поддержка настраиваемых полей для форм, настройка внешнего вида, Поддержка Календаря Google, интуитивно понятная панель управления, экспорт данных в формате csv и многое другое.
скачать | Демонстрация | веб-хостинг
Рекомендуемые ресурсы
Узнайте о других рекомендуемых ресурсах, которые помогут вам создать и управлять своим сайтом.
- Как отображать новости на WordPress в вертикальном слайдере
- Как просмотреть последние статьи в конкретной категории
- Как переименовать изображения на WordPress блоге
- Как исправить ошибку подключения в WordPress
Заключение
Так ! Вот и все для этого урока. Мы надеемся, что это поможет вам создать интернет магазин частный. Не стесняйся поделиться с друзьями в ваших любимых социальных сетях.
Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress.
Если у вас есть предложения или замечания, оставьте их в нашем разделе Комментарии.
...
Я не могу изменить фото кафе на главной странице. Не могли бы вы помочь? Благодарный. 🙂
Здравствуйте. Не могу сделать мобильную версию. Только на смартфоне вижу компьютерную версию.
Приветствия ...
Пожалуйста, посоветуйте Тьерри,
Какие популярные виджеты публикации подходят для этой темы?
Привет,
Все плагины и виджеты WordPress в принципе.
Привет,
Новый пользователь WordPress, я стараюсь модифицировать изображения этой темы.
Я очень хорошо справился с изображением заголовка, но для других я не могу найти функциональность.
Есть ли конкретный плагин?
Заранее благодарю за ответ
Bonsoir,
Вы смотрели в вариантах? Вы пытались редактировать изображения в любой из статей?
Bonjour.
- А можно снизу приветственное изображение?
- Можно ли разместить логотип на этой домашней странице?
спасибо
привет
1. Да, но в этом случае вам нужен CSS.
2. Я никогда толком не пробовал, извините.
Привет,
Я хотел бы вставить 2 кнопки со ссылками над изображением в шапке. Как я могу сделать ?
Привет,
Вы должны иметь некоторые понятия CSS.
Привет и спасибо за этот учебник, который может делать хорошо вокруг этой темы сора.
Та же просьба, что и boobi, я бы хотел, чтобы фотографии, выделенные для эффекта параллакса, не отображались на статических страницах, таких как, например, страница контактов.
Если мы вмешиваемся на тему или это уже запланировано?
Спасибо!
Тот же вопрос, как избежать того, чтобы фотографии с эффектом параллакса также отображались на странице контактов с примером статической страницы?
Товары.
Привет вам, можно добавить код CSS, который скрывает его подгоняет.
Здравствуйте, я хочу удалить фотографию заголовка отдельных страниц, мои шаги на странице статьи, не проходя через CSS? СПАСИБО
Здравствуйте и спасибо за учебник очень хорошо объяснил.
Я бы хотел пойти дальше. Позволь мне объяснить.
Я создал дочернюю тему на Th2017. Я создал новую страницу, содержащую «НАЗВАНИЕ» и «ТЕКСТ», а также избранное изображение.
Эта страница связана с меню, которое обычно появляется при нажатии на меню. Затем к странице Тема Options.
Кроме того, на домашней странице у меня есть изображение, а затем текст «ТЕКСТ» в горизонтальном скользящем баннере.
До тех пор не стоит беспокоиться.
Я создаю в своей дочерней теме шаблон страницы от page.php до page_modele.php. Я изменяю этот файл, добавляя «Имя шаблона: Модель страницы» и добавляю эхо «COUCOU» ;.
Я создаю страницу «TITLE2» с шаблоном страницы «Model Page» с изображением, затем связываю ее с меню и добавляю в параметры темы.
Эта страница обычно появляется с надписью «COUCOU» при нажатии на меню.
НО, НА ГЛАВНОЙ СТРАНИЦЕ У меня есть изображение, НО ПЛЮС ТЕКСТ "Кукушка".
Вы можете помочь мне, чтобы COUCOU появился на главной странице.
Примечание: COUCOU будет переменной, поступающей из плагина.
Merci влить VOTRE помощник
Bien Cordialement
Привет,
Мой запрос для меню ссылок в социальных сетях.
Во время первой настройки темы 2017 года, не имея учетной записи Facebook, я удалил функцию FB из меню, оставив только ссылку электронной почты. Я создал страницу компании в Facebook, но не могу повторно активировать эту ссылку. Я удалил меню ссылок на социальные сети, думая, что, возможно, его вернут к исходной версии. Но делать нечего, не вижу, как это создать.
Вы можете мне помочь?
спасибо
Bonsoir,
Пожалуйста, пост этот комментарий в статьях, связанных с социальными сетями.
Добрый вечер, процесс мне кажется довольно простым. Может, со скриншотами мы вам еще поможем?
Спасибо за перевод учебника. Я застрял на шаге 4, не объясняя это себе. У меня нет меню с параметрами, поэтому невозможно организовать различные уровни статической страницы. Идея ?
Привет Марк,
Вы можете перефразировать?
Привет,
В этом новом шаблоне wordpress текст не занимает всю страницу, как это изменить?
В любом случае на главной странице введите «одна страница»
спасибо
Мод
Привет,
Чтобы изменить домашнюю страницу, вам нужно немного знать CSS.
Я согласен с 😉
Привет,
Я использую тему «Twenty Seventeen» для своего профессионального сайта.
Я хотел бы сделать ту же версию с французским текстом.
Может подойдет плагин "Полиланг"?
Или есть более подходящие плагины для этой темы?
спасибо
Итак, у темы есть свои каналы, а в вашем блоге есть сцены. Если вы планируете переводить тему. Я приглашаю вас использовать PoEdit. в противном случае для перевода вашего блога подойдет PolyLang.
СПАСИБО !!!!!
Это перевод документа, опубликованного wpmudev?
Добрый вечер, да, это так.
Как превратить Dand колонтитула, предлагаемых WordPress с двадцатью семнадцать .. Спасибо.
Он принимает ВВОД И ИСПОЛЬЗОВАНИЕ CSS.
Новая тема появляется TwentySeventeen действительно стильный, инновационный и привлекательный.
А по цвету фона только белый или серый ??? Я пытался изменить включение в файл style.css, но это не помогло: ??
Для блога с профессиональным оформлением идеальным вариантом было бы выбрать платную тему WordPress.
привет
Я установил Twenty seventeen в свой блог WordPress
1 У меня больше нет окна комментариев в конце статьи
2 как интернет-пользователи подписываются на блог
cdlt
Привет Бернард,
Пожалуйста, проверьте свои настройки или попробуйте активировать другую тему, чтобы увидеть, повторяется ли проблема.