Подпишитесь на мой телеграм и первыми получайте новые материалы, в том числе которых нет на сайте.

danilin.biz

Сайт одностраничник — как создать используя тему WordPress

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

Почему на платформе WordPress? Начнем с того, что предложений по созданию одностраничника в интернет — огромное количество. Предлагаются как конкретные услуги по созданию, так и масса конструкторов. Но все они стоят денег. Поэтому я предлагаю вариант бесплатного создания профессиональной продающей страницы, используя поддомен вашего блога, установленный на платформу wordpress. Это, так сказать, подготовительный шаг к созданию Вашей продающей страницы.

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

Вот здесь я хотела бы остановиться подробнее. Дело в том, что продающие страницы или посадочные страницы включают в себя определенные разделы. Полноценная продающая страница должна быть примерно такой:

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

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

Сегодня мы познакомимся с шаблоном One Page Express

Этот шаблон находится в библиотеке wordpress. Просто вводите в строку поиска его название и получаете шаблон. Устанавливаете и Активируете. А теперь пойдем по шагам.

Шаг 1. Подготовительный

После установки шаблона Вы увидите две новые функции в опции — Внешний вид. 

1. Информация One Page Express. Это опция открыта на скрине. В ней предлагается активировать два плагина. Первый надо активировать обязательно. Без него не будет работать встроенный конструктор.
   Второй — Контактная форма, можно будет активировать по необходимости.
2. Установить плагины. В принципе эта опция повторяет первую. И собственно при активации плагина в первом окне вас перебросит на установку плагинов.

Шаг 2. Настройка сайта

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

Если подготовленные материалы вдруг в готовом виде на сайте вам не понравятся — не переживайте. Вы легко сможете их заменить. Итак, начнем!

1. Выходим в опцию — Внешний вид — Настройки.
   
2. Настраиваем главную страницу. Это первое, что мы должны сделать. Только после выбора статичной страницы — Front Page, можно оформлять сайт одностраничник.
3. Настраиваем основные опции подвала.
   Здесь можно выбрать три настройки — простая, модули с контактами, модули с виджетами. Выбор за вами. Он зависит от тематики самой страницы. Например Модуль с контактами очень подходит для бизнеса, который имеет реальный адрес.
   
4. Опция внешний вид заголовка
   Предлагается на выбор, в бесплатной версии, четыре заголовка: картинка с затенением цветом, видео, градиентный фон, изображение. Все заголовки пере устанавливаются одним кликом.
   
5. Опция — Шапка
   В этой опции — четыре под опции. Для создания фронтальной страницы используются только первые две.
   Фон заголовка главной страницы. Это под опция намного шире, чем «внешний вид заголовка». Здесь есть возможность установки не только изображения и градиента, но и слайдера и собственного видео. А так же более широкие настройки дизайна заголовка.
   Содержимое заголовка главной страницы. В этой опции настраивается сам текст заголовка и подзаголовка. А также есть возможность работы с кнопками.
6. Опция — Произвольное меню
   Я не буду останавливаться на этой опции. Просто дам Вам ссылку на статью, где очень подробно рассказываю как с ним работать.

Шаг 3. Работа с разделами страницы.

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

Более подробно о работе с этим контентом я рассказываю в видео. Но основные моменты таковы. Вы можете выбрать уже готовый блок определенного назначения. Подготовив контент, меняем текст на блоке, изображения, формируем кнопки перехода, создаем портфолио… и т.д.

Рассказать об этом процессе словами довольно сложно. Поэтому давайте просто посмотрим видео.

Если Вы хотите познакомиться и освоить очень современный плагин конструктор Elementor — подписывайтесь!

Если Вы хотите получать всю последнюю информацию об инструментах, которые не только помогут Вам создать блог, но и успешно вести свой бизнес в интернет, подписывайтесь на мою рассылку «Инструменты в помощь начинающему блогеру»

Ну что же, удачной Вам работы!
Будут вопросы или пожелания, пишите в комментариях.
Если информация была для Вас полезной — делитесь ей со своими друзьями в социальных сетях

altacademic.ru

Одностраничные шаблоны WordPress для сайтов-портфолио

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

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

Alice Burton

Хотите бросить себе вызов как профессиональному блогеру? Отлично, тогда тема Alice Burton может стать вашим другом. Основанное на Elementor, это умное решение для тех, кто хочет обойти проблемы с кодированием. Elementor является одним из самых продвинутых и популярных конструкторов перетаскивания страниц для WordPress, поэтому настройка вашего веб-сайта будет беспроблемной. А в сочетании с богатым разнообразием плагинов Jet, ваш сайт получает функциональность, необходимую для создания полноценного ресурса без привлечения дорогих профессионалов.

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

Pinky Winky

Собираетесь ли вы через свой веб-сайт обратиться к женской аудитории? Сделай это с темой Pinky Winky. Полностью адаптивный функциональный шаблон на основе Elementor создан в удивительном женском стиле. Розовые цвета, роскошный стиль и глянцевые штрихи, несомненно, придадут вашим страницам неповторимый смелый внешний вид. Простая в использовании и редактировании, Pinky Winky понравится веб-мастерам, не имеющим навыков кодирования. Оформите свой женский блог как профессионал не написав ни единой строчки кода. Более 500 готовых модулей придут вам на помощь.

Монетизируйте свой сайт с WooCommerce. Добавление интернет-магазина, в котором продаются ваши работы или услуги, хороший бонус. Во-первых, это делает ваши продукты доступными по всему миру. Во-вторых, это верный способ увеличить ваш доход. Есть ли какие-либо ключевые преимущества в ваших продуктах или услугах, которые вы хотели бы выделить? Позвольте WooCommerce Product Table справится с вашими коммерческими целями. Добавьте несколько платежных шлюзов и принесите больше пользы вашему бизнесу.

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

Melissa

Melissa – одностраничная тема WordPress – поможет вашему портфолио с фотографиями понравится поисковым системам. Оптимизированная под SEO, адаптивная и современная, Melissa готова опередить конкурентов. В результате сайт вашего портфолио может попасть на первую страницу результатов поисковой системы, и люди легко найдут его.

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

Каждый серьезный владелец бизнеса начинает свой блог, чтобы достичь уровня признания, необходимого для завоевания рынка. Как лучше всего информировать и вдохновлять своих читателей? Начать интересный и увлекательный блог, богатый статьями и фоторепортажами, адресованный непосредственно вашим читателям. Функциональность плагина JetBlog добавит немного блеска вашему блогу и заставит читателей приятно удивляться. Хотите зарабатывать деньги на фотографии? Плагин Ecwid позволяет добавить корзину покупок и монетизировать ваш онлайн-ресурс.

Shapely

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

Интеграция с WooCommerce легко справится с созданием интернет-магазина. Шаблон совместим с плагинами Jetpack, Yoast SEO и Google Analytics, что сделает ваш контент максимально удобным для всех посетителей сайта. Разумеется, его адаптивная компоновка подстраивается под все современные размеры экрана мобильного телефона, даже самые маленькие.

Используя возможности WP Customizer, Shapely легко редактировать и управлять. Вы можете редактировать информацию об авторских правах в нижнем колонтитуле, изменять цвет элемента или добавлять новое изображение.  Shapely поддерживает плагин WPML, поэтому ваш многоязычный веб-сайт может легко выйти на новый рынок. Если вы не готовы инвестировать в премиальную одностраничную тему WordPress, вашим лучшим выбором может стать Shapely.

Смотрите также:

Все премиум темы WordPress с классификацией по нишам здесь.

Societic

Если вам нужно обновить свой имидж в Интернете и создать красивый веб-сайт, попробуйте Societic. Поскольку посетители вашего сайта формируют мнение о вас в течение первых секунд, внешний вид сайта должен отражать ваши интересы. Можно поиграть с встроенными опциями Societic и вносить любые изменения в дизайн. Набор встроенных плагинов Jet будет вашим лучшим союзником с самого начала создания сайта. Хотите создать собственные нижние колонтитулы, верхние колонтитулы или отобразить контент в блоках аккордеона? Все это сделает плагин Jet.

Тема разработана в соответствии с лучшими практиками SEO. А так как Societic – полностью адаптивный шаблон WordPress для работы с сетчаткой, ваш сайт будет корректно масштабироваться под все размеры экрана современных устройств.

Simple Folio

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

Адаптивный слайдер на главной странице – ваш лучший рекламный инструмент, поэтому воспользуйтесь им. Simple Folio очень прост в настройке. Управляйте внешним видом вашего сайта-портфолио как профессионал. Измените цветовые палитры, настройте параметры темы или внесите любые другие изменения без исправления кода. Шаблон поставляется с мобильным дизайном, изменяющим размеры под любое устройство. Поэтому ваш сайт может отлично смотреться на телефоне, планшете или компьютере.

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

Monstroid2

Существует множество одностраничных тем WordPress, но сложно найти ту, которая справляется со своей задачей лучше, чем Monstroid2. Это не просто еще один шаблон WP, многие влюбляются в него с первого взгляда. Monstroid2, завоевавший сердца более десяти тысяч пользователей, продолжает развиваться. Конструктор страниц Elementor – это одна из его привилегий, позволяющая минимизировать проблемы с кодированием. Попрощайтесь с этими надоедливыми барьерами на пути к созданию современного и мощного веб-сайта.

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

Monstroid2, идеально подходящий для всех видов бизнес-сайтов, не является исключением и для проектов электронной коммерции. Запустите свой интернет-магазин и продавайте товары онлайн через WooCommerce. Семейство плагинов Jet сделает ваш сайт передним планом вашего бизнеса. Хотите украсить свой сайт захватывающими мегаменю, визуальными эффектами или колонтитулами? Проявите творческий подход – Monstroid2 не знает границ!

One Page

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

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

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

Stylight

Успешный сайт-портфолио выходит за рамки демонстрации изображений. Если все сделано правильно, он демонстрирует вашу индивидуальность, продвигает вашу работу, создает бренд. Если вы хотите создать современный, функциональный веб-сайт портфолио, попробуйте Stylight.

Привлекательный, чистый и минималистичный, Stylight поможет привлечь внимание каждого посетителя. В шаблон встроен эффект параллакса, что делает сайт более ярким и уникальным. Stylight – это готовое решение для WPML, поэтому ваши проекты открыты для зарубежного рынка. Забудьте про проблемы с кодированием, поскольку в тему включен конструктор страниц Elementor. С ним вы убедитесь, что создание новых макетов довольно забавное и приятное занятие. Тема поставляется с адаптивным и готовым к сетчатке макетом, что увеличивает ваши шансы быть замеченным широкой аудиторией. Проявите творческий подход к различным заголовкам, нижним колонтитулам и макетам блога.

Монетизируйте свой веб-сайт – этому поможет функциональность плагина WooCommerce. Сделайте сайт своего портфолио центром маркетинговой стратегии для развития вашего бренда!

OnePress

Это бесплатная одностраничная тема WordPress – отличный вариант, если вы только начинаете создавать сайты и не готовы вкладывать много денег. Чистый, гибкий и привлекательный шаблон, он подходит для развития бизнеса, агентства, демонстрации товаров. Умное решение для любого веб-сайта творческой индустрии. OnePress поставляется с несколькими заранее разработанными разделами, такими как «О нас», «Услуги», «Команда» и тому подобное.

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

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

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

Источник: wpmayor.com

hostenko.com

Одностраничный сайт на WordPress

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

Большинство людей думают, что WordPress может создавать лишь блоги и очень заблуждаются. WordPress это очень мощный инструмент для создания сайтов. И так приступим же! Давайте с вами определимся, что наш сайт будет иметь имя site.ru, но только на нашем локальном хостинге, на нашем компьютере. Как создать локальный сервер? А вот так — установка локального сервера Open Server!

Создание страницы WordPress

Заходим в нашу админку site.ru/wp-login.php и выбираем в меню слева пункт «Страницы».

Далее выбираем пункт «Добавить новую»

Теперь надо бы придумать заголовок, пусть будет «Наш одностраничный сайт». Далее заполняем содержимое нашей страницы и жмем на «Опубликовать».

Делаем нашу страницу основной

Теперь надо нам сделать нашу страницу основной и единственной. Опять же в меню слева выбираем «Внешний вид»->»Настроить» и выставляем значения «Статическая главная страница» и «Главная страница» как показано на рисунке

сохраняем изменения.

Тотальная зачистка

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

Устанавливаем одностраничную тему

Ниже я подобрал для вас 10 лучших тем для одностраничника WordPress:

Список всех одностраничных тем вы можете посмотреть вот по этой ссылке.

Плагин Visual Composer

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

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

Похожие записи

wordpresslife.ru

Как создать одностраничный сайт на wordpress бесплатно

Привет друзья! Последнее обновление плагина Page Builder от Site Origin сделало веб-разработку еще проще и доступней. Независимо от того знаете вы код или нет,прочитав эту статью до конца вы поймете как создать одностраничный сайт на WordPress бесплатно и самостоятельно.
Итак, чтобы сделать одностраничник на wordpress понадобится всего четыре инструмента:

1. СMS WordPress
2. Тема North
3. Плагин Page Builder
4. Плагин Site Origin сборник виджетов

Быстрая установка wordpress

Я надеюсь, что вы знаете, как установить вордпресс и подробно рассматривать этот вопрос не буду. Но если вам сложно сориентироваться в этом вопросе то знайте что ваш хостинг скорее всего имеет предустановленный автоустановщик всех популярных CMS. Называется это приложение Softaculous. С его помощью можно активировать установку wordpress и других скриптов прямо в cPanel хостинга. Установка интуитивно понятна:

• Выбираете версию вордпресс
• протокол http:// или если есть предустановленный ssl сертификат, то https://
• Дирректорию установки (папку куда будет загружена cms)
• Дайте сайту название (например, «Simple OnePage»)
• Сделайте описание сайта (например, «Одностраничник на wordpres»)
• Имя админа
• Пароль
• E-mail админа
• Название базы данных и префиксы таблиц можете оставить по умолчанию
• Жмете на кнопку «Установка» и все.

Базовая настройка одностраничного сайта

После того как вы попадете в консоль управления сайтом, войдите на вкладку Страницы и переименуйте страницу «Пример страницы» на «Simple OnePage». Ну, или дайте свое название. Затем идем во вкладку Настройки > Чтение и сделайте страницу «Simple OnePage» главной.

Выбор и установка темы

Чтобы установить тему сайта идем во вкладку Внешний вид > Темы и жмем на кнопку «Добавить новую». Я рекомендую установить тему North. Эта тема хоть и бесплатная, но имеет много настроек и удобна для создания одностраничника на wordpress. Вам не нужно лезть в файлы шаблона и многие базовые настройки можно сделать, не выходя из админ панели непосредственно в настройках страницы или в кастомайзере. Например, установить шрифты Google, подобрать цвет шрифта для заголовков и меню, сделать меню фиксированным, настроить разметку страницы с сайдбаром или на всю ширину. Настройки темы позволяют активировать плавный скролл, скрыть заголовок страницы, настроить область футера, установить брейкпоинты для мобильных устройств и еще много других настроек. Если вы хотите создать одностраничник на wordpress бесплатно, то тема North это отличный выбор для этого. Попробуйте и оставьте свои впечатления в комментариях. Ищем ее через поисковую строку, устанавливаем и затем активируем.

После активации темы откройте снова главную страницу сайта и на вкладке «Атрибуты страницы» настройте разметку страницы Page Layout, активируйте контейнер как Full Width, то есть он будет на всю ширину. Также уберите метку флажка с чекбокса в поле Page Title, чтобы отключить показ заголовка страницы. Здесь же нужно убрать отступ под верхнем меню в поле Must Head bottom Margin убрав флажок с соответствующего чекбокса. После всех настроек страница готова чтобы импортировать в нее шаблон одностраничного сайта.

Установка плагинов и импорт шаблонов страниц

Идем во вкладку Плагины > Добавить новый и выбираем «Page Builder от Site Origin». Жмем на кнопку «установить» и активируем его. Также устанавливаем и активируем плагин со сборником виджетов «Site Origin виджеты». Эти два плагина работают в паре. С помощью первого создается разметка страницы любой сложности. Второй добавляет содержимое внутрь разметки.

После активации плагинов возвращаемся на страницу, очищаем ее от ненужного текста и переключаемся в режим пейдж билдера. Здесь нам нужна кнопка «Layouts», которая открывает путь к готовым шаблонам страниц. Активируем опцию «Каталог макетов» и получаем доступ к 26-ти макетам страниц wordpress.

Через кнопку «Preview» можно расмотреть каждый шаблон в отдельности. Некоторые из них подходят для страницы «Контакты», так как имеют карты google, контактные формы и разметку с адресом, телефонами и почтой. Другие подойдут для landing page поскольку имеют красивый первый экран с фоновым изображением, поверх которого написан текст с призывом к действию и настраиваемой кнопкой «заказать», «купить», «отправить» и т.д.

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

Я сделаю импорт с нескольких шаблонов, один называется Fitness Gym, второй Sport и третий Simple Business Contact с контактной формой. Ненужные ряды я удалю, а нужные оставлю.

Чтобы импортировать шаблон нужно выбрать его предварительно выделив, затем нажать на кнопку «Вставить». После нажатия на кнопку откроется окно с выбором позиции для размещения контента. Можно заменить имеющийся контент на вашей web-странице нажав на replace или вставить его до или после. Поскольку у нас страница пустая то все равно, на какую кнопку мы нажмем. Но когда будем выбирать следующий шаблон нужно смотреть внимательно и вставлять его либо before или after размещенного контента чтобы не затереть нужные элементы.

Когда мы вставим содержимое шаблона на свой одностраничник на wordpress увидим такую разметку.

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

Концепция одностраничника

Чтобы создать одностраничник на wordpress нужно выбрать ряды из шаблона, которые вписываются в ваше видение сайта. У каждого ряда будет свой id для того чтобы по ним сделать постраничную навигацию. Я сделаю пять основных блоков и кнопки меню для каждого из них, и также будут еще три вспомогательных с дополнительной информацией.
Классический одностраничник состоит из нескольких экранов или блоков. На первом обычно находится красивое фоновое изображение и краткое, но емкое описание о том кто вы и чем занимаетесь. Попав на сайт, пользователь должен сразу увидеть, что вы предлагаете ему то, что он ищет. Для этого предназначен первый экран сайта. Так же здесь размещена кнопка с призывом к действию, который может повториться еще раз где-нибудь в шаблоне ниже. Первый экран сайта делается с помощью виджета Hiro (большое изображение с несколькими настройками).

Второй экран – это список ваших особенностей или преимуществ. Делается он с помощью виджета для создания заголовков и Особенности (Features). Здесь оба виджета вставляются в один ряд, один под другим.

В третий экран я вставлю раздел «О нас» с кнопкой «Задать вопрос». Кнопку можно сделать с всплывающим модальным окном и контактной формой для вставки номера телефона клиента. Решается это с помощью плагинов Contact Form7 и Easy Modal.

Четвертый экран сделан с таблицей цен на услуги и кнопками заказа услуги.

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

Делаем меню с якорными ссылками

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

Я сделал пять якорных ссылок в меню на пять разделов – Intro, About, Membership, Price, Contact. Они начинаются со знака # хештега или октоторп (по латински восемь концов) и ведут на id блока. После знака # пишется имя якоря. Например, чтобы сделать ссылку на блок About, ему нужно прописать id About в поле предназначенное для идентефикаторов блоков. Чтобы сделать скрол на этот блок в меню делаем «Произвольную ссылку» #About. Все, теперь на этот ряд произойдет плавный скролл. У меня получилось вот такое меню. Фоновый цвет и цвет ссылок меняется в кастомайзере.

Заключение

Понятно что, все тексты на странице, фото, шрифты и цвета нужно заменить и настроить под свои нужды. Но это уже будет сделать несложно, поскольку функционал данной темы и плагины позволяют сделать это даже неосведомленному человеку, нужно только быть внимательным и не бояться экспериментировать. Красивые фотографии можно взять на бесплатном фотостоке unsplash.com, ну а тексты лучше приготовить заранее и ни в коем случае не копипастить их на других интернет ресурсах, поскольку поисковые системы это легко вычисляют. Статьи нужно писать самостоятельно или заказать на бирже контента, например text.ru.

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

wp-oleg.in.ua