Как создать сайт на WordPress в 2019 году. Пошаговая инструкция. Часть 2

Как создать сайт на WordPress в 2019 году. Пошаговая инструкция. Часть 2

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

 

Установка WordPress и вашей темы WordPress

 

Мягко говоря, процесс установки одинаков для всех тем WP. Чтобы создать свой сайт необходимо сделать следующее:

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

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

 

Загрузка WordPress

 

Итак, как скачать WP? Если вам нужна последняя версия WP или вы еще не загрузили WordPress, просто перейдите на официальный сайт. Далее найдите ссылку и скачайте WordPress. Используя ту же страницу, вы также можете найти архив версий WordPres, если они необходимы под старые версии шаблонов.

Уже сделано? Следующим шагом будет распаковка файлов. Здесь вы можете использовать любой архиватор файлов, созданный для распаковки в формате ZIP.

К счастью, в 2019 году в Интернете полно интерактивных руководств и другого вспомогательного контента. Хотя процесс распаковки очень прост, вы все равно можете найти полезное видео на YouTube, если никогда не имели дело с архиваторами. Теперь пришло время загрузить WP на хост-сервер. Для этого вам нужно всего лишь загрузить файлы платформы в:

  • PUBLIC_HTML;

или

  • WWW каталог.

Установка WP закончена!

Теперь необходимо создать базу данных.

 

Создание базы данных

 

Имейте в виду, что нижеописанные шаги не являются на 100% необходимыми для вас. Возможно, у вас уже есть база данных, если у вас есть домен. Тем не менее, статья имеет название «Как создать сайт на WordPress в 2019 году. Пошаговая инструкция», а значит рассказывать о создании своего сайта тоже необходимо пошагово.

Следующим шагом будет создание базы данных для платформы WP. Хорошо, что это не долгий процесс, поэтому он не займет у вас много времени. Наиболее лучший и проверенный способ сделать это — использовать инструмент управления базами данных. Вы найдете его в панели управления хостингом, под названием PhpMyAdmin. Благодаря этому инструменту вы создадите новую базу данных в считанные минуты, просто следуйте нижеописанным действиям.

База данных PhpMyAdmin

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

Затем нужно вписать имя новой базы данных в поле «Создать новую базу данных».

После нажимаем кнопку «Создать», и видим, что новая БД появилась в списке. Чтобы получить доступ к файлам БД, нажмите на имя.

Теперь необходимо ввести путь к каталогу WP в адресной строке браузера, и нажать клавишу «Ввод». С этого момента начинается установка WordPress, а значит создаем файл конфигурации.

 

Создание файла конфигурации

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

Это будут:

  • название сайта;
  • логин администратора;
  • пароль администратора;
  • адрес электронной почты для сайта.

Уже вошли? В этом случае выберите «Установить WordPress». Если все данные введены верно, появится сообщение об успешной установке, и вы увидите клавишу доступа к панели управления WP.

 

Установка плагина Cherry Theme Wizard

 

Cherry Wizard — еще один популярный плагин, который обязательно должен быть у любого новичка. Само собой разумеется, это также бесплатно для пользователей WP. Вам не нужно выполнять этот шаг, если в вашем проекте уже установлен этот плагин. Cherry Wizard – это плагин помощник. Он был создан, чтобы помочь с установкой тем. Это в разы облегчит ваш рабочий процесс.

Установка Cherry Wizard выполняется быстро и просто. Вот что вам нужно будет сделать:

  • откройте панель администратора;
  • перейдите к вкладке «инструменты»;
  • найти там Cherry Theme Wizard.

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

  • создать дочернюю тему автоматически;
  • использовать родительскую тему.

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

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

 

Установка демо-контента

 

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

После установки темы вы увидите окно с такими опциями:

  • добавить демонстрационный контент к существующему контенту. Это означает, что к контенту, который вы успели загрузить на сайт, добавится и стандартный демонстрационный;
  • заменить существующий контент демонстрационным. Система автоматически удалит существующий контент, и добавит на сайт стандартный, предустановленный;
  • пропустить установку демонстрационного контента. Контент установлен не будет.

Выбирая вариант 1 или 2, вы автоматически перейдете к демонстрационному импорту данных.

 

Импорт данных

 

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

 

Предварительная настройка сайта

 

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

 

Перейдите в консоль, найдите пункт «Внешний вид», выберите подпункт «Темы» и нажмите кнопку «Активировать».

Продвинутые пользователи, конечно же предпочтут ручную установку. Как это сделать?

 

Ручная установка

 

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

  • Total Commander
  • FileZilla
  • FTPmanager

Начните с распаковки .zip файла, темы. Распакованный архив загрузите каталог на FTP-сервере: /wp-content/themes/.

После этого войдите в админ панель WP, добавив /wp-admin после имени домена в адресной строке браузера.

Адресная строка будет иметь такой вид: https://www.mysite.com.ua/wp-admin

инсталлируем тему wordpress

Переходим в меню «Внешний вид», кликаем подпункт «Темы», и жмем кнопку «Активировать».

С этого момента, вы готовы начать творческую часть разработки вашего ресурса.

 

Разработка вашего сайта

 

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

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

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

 

Элементы веб-дизайна

 

Излишне говорить, что количество элементов веб-дизайна постоянно растет. Некоторые из них считаются классикой, и остаются в моде довольно долго (например, прокрутка параллакса, MegaMenu, счетчики), а другие забываются через несколько недель. Так, какие новые тенденции веб-дизайна использовать? Чтобы разобраться в этом вопросе, давайте перечислим только проверенные элементы веб-дизайна, которые будут популярны в 2019 году.

Элементы веб-дизайна, популярные в 2019 году:

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

Но не стоит, все это смешивать и «лепить» на сайт! Просто посмотрите, какие из этих элементов наиболее приятны и выберите один или несколько из них.

 

Гармония стилей сайта

 

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

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

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

Кроме того, будет много обязательных элементов, улучшающих интерфейс вашего сайта, таких как:

  • всплывающие окна с новостями и специальными предложениями;
  • карты, чтобы показать кратчайший путь к вашему офису;
  • блог, чтобы стать ближе к аудитории;
  • интеграция с социальными сетями, такими как, Instagram, Twitter, Pinterest и Facebook.

Все вышеперечисленное должно иметь одинаковый стиль, одинаковые цветовые схемы и одинаковые веб-шрифты. Вот, например, 10 лучших комбинаций веб-шрифтов, которые были популярны в 2018 году:

  1. Merriweather and Montserrat
  2. Josefin Sans and Amatic SC
  3. PT Sans and PT Sans Narrow
  4. Fjalla One and Noto Sans
  5. Alegreya and Lato
  6. Playfair Display and Source Sans Pro
  7. Roboto and Roboto Condensed
  8. Raleway and Roboto Slab
  9. Open Sans and Open Sans Condensed
  10. Oswald and EB Garamond

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

цветовое колесо сайта

 

 

Кнопка призыва к действию

 

Еще одна важная часть любого веб-дизайна — это кнопка призыва к действию (КПД) В наши дни кнопки КПД — одно из самых простых и успешных направлений веб-дизайна одновременно. Эта клавиша содержит призыв, который должен заставить потенциального клиента выполнить некоторые действия. Кнопки КПД популярны именно потому, что владелец сайта может получить больше трафика и легко увеличить продажи.

Все секреты клавиши призыва к действию:

  • дизайн кнопки должен совпадать с дизайном сайта;
  • цвет КПД должен гармонировать со всеми другими цветами, которые вы использовали для дизайна веб-страницы;
  • текст призыва, должен быть лаконичным;
  • пользователь должен понимать, что делает кнопка.

 

Запуск вашего сайта

 

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

 

Обновление вашего сайта

 

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

 

Как привлечь аудиторию на сайт

 

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

 

Что нужно для привлечения пользователей

 

Выше мы уже упоминали некоторые обязательные элементы, для поддержания вашего сайта в актуальном состоянии. Далее вам понадобится WOW-дизайн блога, и такие разделы, как «Последние сообщения» и «Самые популярные сообщения» или что-то вроде этого. Эти разделы будут расположены прямо на главной странице вашего сайта WordPress, и будут обновляться, как только вы добавляете новый пост. Не забудьте о раскрутке сайта в социальных сетях, а именно об интеграции аккаунтов социальных сетей. Можно так же добавить отображение вашей галереи Facebook или Instagram на главной странице.

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

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

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

Сделав сайт многоязычным, вы фактически выходите на мировой рынок. Сайт вашего стартапа будет доступен в разных странах. И вот еще одна важная деталь — сегодня не все поисковые системы работают как Google. Существует множество поисковиков, которые сканируют только нативно-говорящие сайты. Например, те, которые они используют во Франции и Корее. Хотелось бы сказать, что если вы продаете свои товары в интернете, делайте сайт сайт мультивалютным. С его помощью вы можете показывать цены в нужной валюте, чтобы покупателям не приходилось считать, сколько стоит товар.

Дополнительные опции

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

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

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

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

Оставить ответ