Как своими руками с нуля создать сайт на ВордПресс

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

Тогда вы понимаете, что причина в отсутствии веб-сайта для вашего магазина. Нужно обращаться в студию? Все деньги вложены в бизнес. Самостоятельно разбираться с языками программирования? Нет времени.

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

Почему он

На первый взгляд ответ очень прост – данная CMS-система управления контентом сейчас находится на пике своей популярности.

Как своими руками с нуля создать сайт на ВордПресс

Подходит она как для продвинутых пользователей, так и для тех, кто не может отличить клавишу Shift от клавиши Tab. Причины в следующем:

  • Система WordPress распространяется бесплатно на основании лицензионного соглашения GNU GPL и открыта для использования как в личных, так и в коммерческих целях.
  • «Движок» WordPress подходит для любого бизнеса. На платформе создабтся информационные порталы, интернет-магазины, сайты с музыкальным аудиоконтентом, фотовыставки, крупные корпоративные сайты и маленькие бутики индивидуальных предпринимателей – при помощи WordPress легко добиться желаемого всего в несколько кликов.
  • Разнообразие интерфейса и количества функций. Есть возможность воспользоваться бесплатными шаблонами для оформления, также доступны платные опции с большим ассортиментом для выбора темы. Техническая составляющая включает в себя различные варианты плагинов для обеспечения необходимой функциональности.
  • Никакого изучения языков программирования, интуитивно понятные принципы работы. Воспользоваться системой WordPress сможет даже ваша дрессированная обезьянка, если вы очень сильно заняты.
  • Создание сайта и публикация контента занимает от пяти минут, поэтому ваш кофе даже не успеет остынуть. А для более детальной проработки сайта внимательно ознакомьтесь с нашей инструкцией.

Как выбрать хостинг и зарегистрировать домен

Во-первых, необходимо определиться с типом проекта.

В случае создания личных сайтов с фото и видеоматериалами в виде заметок используйте бесплатный хостинг. Наиболее популярными в 2018 году бесплатными хостингами являются HostiMan, Free.Beget и Free.SprintHost. Можно также воспользоваться бесплатным хостингом, предоставляемым разработчиками WordPress. Для этого необходимо перейти по ссылке https://ru.wordpress.com/ и в несколько простых шагов зарегистрироваться.

1. Выбор и проверка имени сайта.

Как своими руками с нуля создать сайт на ВордПресс

2. Выбор и проверка веб-адреса, который будет отражаться в строке браузера.

Как своими руками с нуля создать сайт на ВордПресс

3. Выбор тарифного плана.

Как своими руками с нуля создать сайт на ВордПресс

4. Создание учетной записи пользователя.

Как своими руками с нуля создать сайт на ВордПресс

Как своими руками с нуля создать сайт на ВордПресс

Внимание: Для улучшения функционала рекомендуем подключить к домену бесплатный протокол HTTPS Let’s Encrypt, большинство хостингов предоставляет данную опцию.

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

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

Наиболее популярными платными хостинг-провайдерами в 2018 году являются Beget, Fozzy и SprintHost. Регистрация аналогична с личным проектом, отличие в том, что регистрацию всегда нужно оплачивать.

Важно:

  • Имя домена должно хотя бы частично совпадать с названием сайта.
  • Для увеличения популярности сайта рекомендуем максимально сократить доменное имя, насколько это позволит проверка совпадений.
  • Проверьте выбранное доменное имя на предмет неудачных ассоциаций, иначе вы рискуете потерпеть неудачу в проекте.
  • Для коммерческих проектов выбирайте домены верхнего уровня (к примеру, .com, .ru, .expert), это повысит доверие к сайту.

Установка wordpress на сервер и предварительные настройки

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

Важно:

  • Перед дальнейшей настройкой программы внимательно прочитайте договор с провайдером хостинга: возможно вы выбрали тарифный план с уже установленной программой CMS WordPress.

В случае отсутствия данного пункта к договоре необходимо скачать дистрибутив с сайта https://ru.wordpress.org/, распаковать архив с файлами, создать базу данных на сервере и затем установить саму программу на компьютер.

Как своими руками с нуля создать сайт на ВордПресс

Рекомендуется использование:

  • серверов с PHP версии 7.2 и выше;
  • систем управления базами данных MySQL версии 5.6 и выше, MariaDB версии 10.0 и выше.

Для создания базы данных необходимо:

1. Зайти в личный кабинет на сайте провайдера (в качестве примера приведен бесплатный хостинг Free.SprintHost), перейти в меню «Базы данных» и выбрать пункт «Создать базу». В появившемся окне необходимо указать ваши регистрационные данные: имя базы, логин и пароль, отвечающие требованиям системы безопасности.

Как своими руками с нуля создать сайт на ВордПресс

2. Переименовать файл из распакованного архива с названием «wp-config-sample.php» в «wp-config.php». Затем открыть его и указать регистрационные данные, а также номер хоста.

Важно:

  • В открывшемся после нажатия правой кнопкой мыши меню нужно выбрать пункт «Открыть с помощью» и указать в качестве используемой программы текстовый редактор «Блокнот», иначе при открытии возникнет ошибка в кодировке.

3. Загрузить разархивированные файлы на сервер. Для каждого хостинга существует своя система переноса файлов, в случае SprintHost необходимо в меню «Файловый менеджер» выбрать файлы вашего сайта, кликнув сначала на «Переход к сайту», а затем на «Загрузить файл».

Справка:

  • Загрузить можно и с помощью FileZilla, Total Comander или другого FTP-клиента в папку httpdocs.
  • Как своими руками с нуля создать сайт на ВордПресс

Загружать надо только файлы CMS: папки «wp-admin», «wp-content» и «wp-includes», а также все файлы с расширениями .php, .txt и .html.

4. Для завершения установки программы WordPress на компьютер нужно перейти по ссылке https://название_сайта/wp-admin/install.php и снова заполнить регистрационные данные: название сайта, логин, пароль, электронную почту. Также можно выбрать возможность индексации ресурса для поисковых систем.

Как своими руками с нуля создать сайт на ВордПресс

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

Для этого необходимо заполнить поля настроек в каждом из разделов меню «Настройки».

Как своими руками с нуля создать сайт на ВордПресс

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

Программа WordPress, установленная на ПК (далее – консольная версия) несколько отличается от браузерной и содержит дополнительные разделы «Написание», «Чтение», «Медиафайлы» и «Постоянные ссылки». Разделы «Написание» и «Чтение» примерно повторяют раздел «Публикации», но также содержат более детальные и технические настройки форматирования (например, публикация через электронную почту) и сервисов обновлений (например, автоматическое уведомление о публикации).

Выбираем подходящую тему

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

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

Как своими руками с нуля создать сайт на ВордПресс

Как своими руками с нуля создать сайт на ВордПресс

Вот лишь несколько советов для начинающих пользователей:

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

Для выбора темы через консольную версию программы WordPress необходимо выбрать меню «Внешний вид – Темы – Install a theme», загрузить тему из файла с дистрибутивом и активировать ее в меню «Внешний вид – Темы».

Контент и структура сайта, создание рубрик и подрубрик

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

  • страницы сайта;
  • записи в блоге;
  • рубрики;
  • медиафайлы;
  • виджеты;
  • отзывы;
  • плагины.

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

Как своими руками с нуля создать сайт на ВордПресс

Важно:

  • Несмотря на свободный выбор пользователя, рекомендуется заполнить страницы «О нас» и «Контакты», поскольку это позволит увеличить уровень доверия клиентов к представленному сайту.

Плагины для wordpress
Какие выбрать, цели

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

  • Обеспечить безопасность сайта от вирусов и спамеров.
  • Оптимизировать ресурсы для качественного взаимодействия с поисковыми системами.
  • Повысить функциональность и полезность сайта с точки зрения клиентоориентированности.

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

  1. WooCommerce
  2. Yoast SEO
  3. W3 Total Cache
  4. Jetpack
  5. Keyy Two Factor Authentication
  6. Broken Link Checker
  7. Contact Form 7
  8. Google Analytics Dashboard for WP (GADWP)
  9. Wordfence Security
  10. Imagify Image Optimizer
  11. Sumo
  12. UpdraftPlus
  13. NextGEN Gallery
  14. Migrate Guru

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

Безопасность сайта

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

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

Для WordPress список наиболее распространенных плагинов включает:

  • WP-DB-Backup
  • WP Backup Bank
  • BackUpWordPress
  • UpdraftPlus Backup and Restoration

Для примера рассмотрим установку плагина WP-DB-Backup. Как для браузерной, так и для консольной версии программы WordPress нужно перейти в меню «Плагины» и набрать в поисковой строке его название. После этого нужно нажать «Добавить плагин» и активировать его. В случае, если вас интересует особая версия данного (или аналогичного) плагина, которую вы скачали с сайта разработчика, то нужно нажать «Загрузить плагин», затем также добавить и активировать его.

Как своими руками с нуля создать сайт на ВордПресс

Полезно также вручную настроить параметры резервного копирования. В консольной версии программы это можно сделать через меню «Инструменты – Резервное копирование», либо через меню настроек в разделе «Плагины – Установленные – Tools – Backup».

Как своими руками с нуля создать сайт на ВордПресс

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

Для защиты от несанкционированного получения доступа могут служить плагины-блокировщики.

Для WordPress список наиболее распространенных плагинов включает:

  • Whitelist IP For Limit Login Attempts
  • Jeba Limit Login Attempts
  • Limit Login Attempts
  • iThemes Security
  • Simple Security Firewall

Установка аналогична процедуре, описанной выше.

Советуем не пренебрегать обеспечением безопасности для вашего сайта и установить хотя бы плагин Jeba Limit Login Attempts. Он поможет защититься от взлома сайта через подбор комбинаций для пароля. Действие блокировки мошеннического IP длится 30 минут после обнаружения трех отрицательных попыток авторизации.

Оптимизация согласно требованиям поисковых систем

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

  • Создание и регулярное обновление карты сайта.
  • Унификация URL.
  • Оптимизация загрузки заглавных страниц.
  • Автоматическая генерация мета-данных страниц.
  • Блокирование индексации поисковиками дублированного контента.
  • Создание микроразметки страниц.

Таким образом, рекомендуем установить по одному плагину из трех общих групп по оптимизации сайтов:

  • утилиты для создания карт сайтов;
  • утилиты для технической оптимизации;
  • утилиты для создания микроразметки страниц.

Из первой группы наибольшей популярностью обладают:

  • Google XML Sitemaps
  • Simple WP Sitemap
  • Google Sitemap

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

Как своими руками с нуля создать сайт на ВордПресс

Из второй группы наибольшей популярностью обладают:

  • All in One SEO Pack
  • WordPress SEO by Yoast
  • Platinum SEO Pack

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

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

Для этого можно воспользоваться одним из следующих плагинов:

  • WP SEO Structured Data Schema
  • WPSSO и его расширение WPSSO JSON
  • Schema App

После установки и активации плагина на странице редактирования записей появится дополнительный раздел, с помощью которого можно выбрать тип разметки для документа. В качестве примера приведен плагин WP SEO Structured Data Schema.

Как своими руками с нуля создать сайт на ВордПресс

Повышение функциональности

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

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

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

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

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

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

Как своими руками с нуля создать сайт на ВордПресс

Подключение к кабинетам для веб-мастеров

Есть несколько вариантов подключения в зависимости от установленных плагинов. Например, при установке All in One SEO Pack происходит автоматическое подключение к кабинетам для веб-мастеров Google.

В случае отсутствия автоматического подключения необходимо настроить вход в выбранный кабинет при помощи соответствующих плагинов. Наиболее популярными являются сервисы «Google Analytics» и «Яндекс.Метрика».

1. Для подключения к «Google Analytics» необходимо:

  • Войти в свой аккаунт, выбрать меню «Администратор – Ресурс – Создать ресурс».
  • Указать регистрационные данные и нажать на «Получить идентификатор отслеживания».

Как своими руками с нуля создать сайт на ВордПресс

Как своими руками с нуля создать сайт на ВордПресс

Установить и активировать плагин «Google Analytics».

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

Как своими руками с нуля создать сайт на ВордПресс

2. Для подключения к «Яндекс.Метрика» необходимо:

  • Войти в личный кабинет на этом сервисе
  • Установить и активировать плагин «Яндекс.Метрика».
  • В меню «Настройки выбрать нужный плагин, вписать предложенный код в соответствующее поле и сохранить изменения.

Как своими руками с нуля создать сайт на ВордПресс

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

Существует два базовых варианта публикации в браузерной версии WordPress – создание страницы и создание записи в блоге.

1. Для создания статической страницы необходимо:

  • Выбрать меню «Страницы сайта» и в открывшемся редакторе выбрать режим редактирования (визуальный или html-страница).
  • Добавить заголовок и отформатированный во встроенном или любом другом редакторе текст.

Далее по желанию можно выбрать статус публикации, метки, миниатюру, атрибуты страницы и некоторые другие дополнительные параметры. При необходимости с помощью плагина Add Schema можно добавить микроразметку. Если в режиме предварительного просмотра все выглядит правильно, то можно публиковать страницу. Не волнуйтесь, даже после этого можно будет все изменить.

Как своими руками с нуля создать сайт на ВордПресс

Различия с консольной версией по факту несущественны.

2. Для создания записи в блог необходимо:

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

Как своими руками с нуля создать сайт на ВордПресс

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

Ускорение загрузки страниц

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

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

Добавление картинки

Загрузить изображение на страницу сайта через программу WordPress можно:

  1. Из файла ПК.
  2. С другого сайта.
  3. Из уже имеющихся в галерее изображений.

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

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

В окне выбора загруженных изображений есть возможность поменять некоторые характеристики:

  • Редактор изображений.
  • Удаление ошибочного изображения.
  • Смена заголовка.
  • Добавление подписи.
  • Добавление описания.
  • Выбор размера: миниатюра, средний, полный (фактический).
  • Открытие в полном размере по клику.
  • Ссылка для вставки изображения.

2. Для загрузки с другого сайта нужно перейти на вкладку «Вставить с сайта», вставить в страницу ранее скопированный URL изображения и сохранить изменения, нажав на кнопку «Обновить».

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

Как своими руками с нуля создать сайт на ВордПресс

Экономические выкладки

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

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

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

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

Заключение

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

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

Если у вас еще остались вопросы, то ждем их в комментариях к статье.

Просмотров:

Добавить комментарий