logo

Создание WEB сайтов/

Пошаговое руководство по созданию сайтов на CMS .

WordPress – самая популярная CMS. Этот движок используется на 40 % сайтов. Причинами такого успеха являются: открытый лицензионный код (GNU GPL), Бесплатный «движок».

Как создать сайт на WordPress: пошаговая инструкция. Часть-1

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

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

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

 

Оглавление:

Как создать сайт на WordPress: пошаговая инструкция. Часть-1

Шаг № 1: как выбрать хостинг и зарегистрировать домен
Шаг № 2: как установить WordPress своими руками
Шаг № 3: выберите подходящую тему для WordPress
Шаг № 4: Настраиваем сайт и тему на CMS WordPress
Настраиваем CMS WordPress
Как настроить тему WordPress
Как русифицировать тему WordPress
Еще несколько советов по подбору темы

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

Шаг № 5: решаем практические задачи с помощью плагинов для WordPress
Как с помощью плагинов обеспечить безопасность сайта на WordPress
Как бороться со спамом на сайте WordPress
Как обеспечить SEO сайта на WordPress
Как повысить функциональность и юзабилити ресурса

Как создать сайт на WordPress: пошаговая инструкция. Часть-3

Шаг № 6: как установить коды сервисов аналитики и подключить сайт к кабинетам для веб-мастеров
Шаг № 7: как создавать страницы и записи на сайте под управлением WordPress
Как создать статическую страницу
Как создать публикацию
Шаг № 8: подключаем SSL-шифрование к сайту
Часто задаваемые вопросы
Приступайте к самому главному

Шаг № 1: как выбрать хостинг и зарегистрировать домен

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

Что такое хостинг и какой выбрать?

Хостинг (hosting) — услуга, предоставляемая компаниями хостинг-провайдерами (хостерами). Она предоставляет возможность размещения информационных ресурсов пользователей на их серверах. Функциональность сервера зависит от установленного программного обеспечения и операционной системы. Зарегистрировать домен вам может помочь хостер.

Необходимо придумать доменное имя, которое свободно и оплатить регистрацию. Подробное описание по выбору хостинг- провайдера, читайте в статье - Что такое хостинг и как выбрать? Если на прочтение статьи совсем нет времени, можем предложить, следующих хостинг-провайдеров: Reg.ru, «Айхор», Beget и Netangels. Качество услуг у них хорошее.

Проверяем доступность домена.

Проверяем доступность домена.

Следующие рекомендации помогут выбрать удачное доменное имя:

Подбирайте такое доменное имя, название которое полностью или частично будет совпадать с названием вашего сайта. Например, сайт «ВКонтакте» имеет доменное имя – vk.com. или vkontakte.ru.
Используйте короткое доменное имя. На смартфонах например сложно вводить в строку браузера длинный адрес. Поэтому в нашем примере, лучшим решением будет имя vk.com, чем vkontakte.ru.

Убедитесь, что выбранный адрес сайта раскрывает его тематику и легко запоминается. Выбор доменной зоны особо не влияет на технические характеристики ресурса, а так же на позиции в поисковой выдаче. Теоретически, параметр зоны может повлиять только на лояльность аудитории к сайту. Для коммерческих проектов старайтесь выбирать домены верхнего уровня, например, .com, .info, .org, .net, .ru, .ua, .by и т.п. Обратите внимание на появившиеся недавно домены первого уровня, например, .club, .guru, .ninja, .expert и другие.

Шаг № 2: как установить WordPress своими руками

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

Перейдите на официальный сайт WordPress и скачайте дистрибутив.

Скачиваем дистрибутив

Скачиваем дистрибутив

Войдите в панель хостинга и создайте там доменное имя, базу данных и имя пользователя. Задайте для пользователя права. Далее загрузите файлы WordPress в корневую папку вашего сайта. Для загрузки дистрибутива WordPress можете использовать FTP-клиент, например FileZilla. Далее разархивируем дистрибутив. Он будет доступен по адресу vash-site.ru/wordpress/.

Распакованный архив

Распакованный архив

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

Указываем информацию для подключения

Указываем информацию для подключения

Указываем данные сайта

Указываем данные сайта

Если все сделано верно, увидите следующее сообщение (см. иллюстрацию).

WordPress установлен

WordPress установлен

По основному URL должен открываться сайт.

По основному URL должен открываться сайт.

Вы только что своими руками создали сайт на WordPress. Теперь можете войти в панель администрирования и приступить к настройке.

Админка WordPress 5

Админка WordPress 5

Шаг № 3: выберите тему для WordPress

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

– Какую тему выбрать, бесплатную или платную?

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

– Какую языковую тема выбрать: русскоязычную либо англоязычную?

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

– Как найти подходящий шаблон в каталоге?

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

– Как подключить тему WordPress к сайту - два варианта?

Первый вариант. 
Зайти в административную часть сайта, переместится в раздел «Внешний вид – Темы». Нажать кнопку «Добавить новую».

Устанавливаем тему WordPress из каталога

Устанавливаем тему WordPress из каталога

Найдите нужную тему по названию или с помощью фильтра характеристик.

Ищем нужную тему

Ищем нужную тему

Чтобы включить режим предпросмотра, наведите курсор на выбранную тему и нажмите кнопку «Просмотреть». Если внешний вид сайта вам подходит, установите тему по умолчанию (активируйте).

Просматриваем, устанавливаем и активируем тему

Просматриваем, устанавливаем и активируем тему

Второй вариант: 
Дистрибутив выбранной темы в формате zip скачиваете на компьютер. В административной части сайта перейдите в раздел «Внешний вид – Темы». Далее идём – «Добавить новую» загружаете и устанавливаете шаблон. Активируйте его.

Загружаем архив с темой

Загружаем архив с темой

Выбранный шаблон установлен и активирован. Далее приступаем к настройке.

Шаг № 4: Настраиваем сайт и тему на CMS WordPress

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

Настраиваем CMS WordPress

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

 Указываем общие настройки

Указываем общие настройки

В разделе «Написание» выберите необходимые параметры. В начале работы подойдут дефолтные настройки форматирования, главной рубрики и формата записей. Если хотите публиковать заметки через электронную почту, введите необходимые данные: адрес сервера, порт, логин и пароль. Однако новичкам лучше публиковать посты в административной панели WordPress.

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

Выбираем настройки написания

Выбираем настройки написания

Каждый раз при нажатии на кнопку «Обновить», оповещаются и выбранные сервисы. Чтобы домен не попал в списки ping-спамеров, есть плагин WordPress Ping Optimizer. Установите его и настройте частоту обмена данными об изменениях.

В разделе «Чтение» задайте что должно отображаться на главной странице сайта. При создании блога, на главной должны отображаться последние записи. Для сайта со статичными страницами, на главную выводите одну из них, создайте отдельную страницу «Блог», на которой будут отображаться посты. Задайте, сколько записей нужно выводить на одной странице и в RSS лентах. Задайте отображение в ленте анонсов статей. Если не хотите, чтобы сразу сайт индексировался, установите галочку в необходимом поле. Снять её можно будет в любое время.

Указываем настройки чтения

Указываем настройки чтения

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

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

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

В разделе «Медиафайлы» оставьте настройки по умолчанию.

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

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

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

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

Шаблоны имеют собственные настройки. В консоли WordPress выберите меню «Внешний вид – Настроить». Откроется страница настройки темы или кастомайзер. Доступные пункты настройки можно увидеть в меню в левой части экрана.

Открываем кастомайзер

Открываем кастомайзер

В разделе «Свойства сайта» загрузите логотип, укажите название и краткое описание сайта, добавьте фавикон.

 Указываем свойства сайта

Указываем свойства сайта

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

 Можно изменить настройки цвета

Можно изменить настройки цвета

В разделе «Меню» настройте меню сайта. Нажмите кнопку «Создать меню».

 Создаем новое меню

Создаем новое меню

Укажите название и область меню.

 Выбираем область меню

Выбираем область меню

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

 Добавляем в меню страницы

Добавляем в меню страницы

В разделе «Виджеты» добавьте на сайт виджеты. Обратите внимание, что в 2019 году в дефолтной теме WordPress снова появился сайдбар. Если он вам не нужен, просто удалите боковые виджеты.

 Добавляем виджеты в футер

Добавляем виджеты в футер

 Как русифицировать тему WordPress

Русифицировать тему возможно несколькими способами:

Ручной способ
Файлы темы скачиваем на компьютер, открываем текстовый редактор и вручную правим текст кода. Потребуется достаточно много времени и внимательность. Опытные пользователи WordPress не рекомендуют данный способ, так как присутствует человеческий фактор: велика вероятность ошибки. Если ошибка будет в коде, сайт просто перестанет работать корректно. Не позаботившись о резервной копии, восстановить работу сайта будет проблемно, а перевод придется делать заново.

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

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

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

Русифицировать тему можно с помощью бесплатной программы Poedit. Скачайте и установите программу на компьютер, затем загрузите с вашего сайта на компьютер языковые файлы выбранного шаблона при помощи FTP-клиента FileZilla. После установки следуете по шагам ниже.

В консоли выберите меню FileManager – Configuration. Настройте конфигурации, как указано на иллюстрации.

Настраиваем менеджер файлов

Настраиваем менеджер файлов

В меню FileManager – FileManager выберите папку wp-content – themes.

Выбираем путь wp-content – themes

Выбираем путь wp-content – themes

Выберите папку темы, которую хотите русифицировать. В ней откройте папку languages.

Выбираем папку темы и открываем в ней папку languages

Выбираем папку темы и открываем в ней папку languages

Скачайте на компьютер файлы en.mo и en.po. Если таких файлов нет, скачайте на компьютер файл с расширением .pot.

Скачиваем языковые файлы

Скачиваем языковые файлы

Откройте программу Poedit и выберите опцию «Создать новый перевод».

Создаем новый перевод

Создаем новый перевод

Откройте файл перевода и укажите код языка.

Указываем код языка

Указываем код языка

Приступайте к переводу. В поле «Исходный текст» программа отображает текст на английском языке. В поле «Перевод» нужно добавить текст на русском.

Переводим текст

Переводим текст

Сохраните перевод. Программа загрузит на жесткий диск вашего ПК два файла: ru_Ru.mo и ru_RU.po. С помощью функции Upload files загрузите файлы в папку languges вашего шаблона.

Загружаем файлы

Загружаем файлы

Вы русифицировали шаблон.

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

Loco Translate позволяет русифицировать шаблон из админки

Loco Translate позволяет русифицировать шаблон из админки

Еще несколько советов по подбору темы

Тему выбирайте с адаптивным дизайном. Такой тип дизайна отлично отображается на всех устройствах: десктопах, планшетах, смартфонах. Он динамически подстраивается под заданные размеры окна браузера. Сегодня по подсчётам Digital 2022 от Hootsuite более 50% всего времени, проведенного пользователями в интернете, приходится на мобильный трафик.

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

Обращайте внимание на показатели количества загрузок и частоту обновлений. Если тема обновляется редко или вообще не обновляется, лучше обойти ее стороной. Такая тема вряд ли будет соответствовать требованиям времени к дизайну, SEO и безопасности.

Другие статьи:

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

Перейти к статье: Как создать сайт на WordPress: пошаговая инструкция. Часть-3

ОБУЧАЮЩИЕ КУРСЫ

Популярные практические платные курсы для обучения.

Photoshop для детей

Первый обучающий курс по Adobe Photoshop для детей от 8 до 15 лет.

Первая фотокамера

Полный курс по основам фотосъёмки на профессиональную камеру

Супер Premiere Pro

Полный обучающий курс по монтажу видео в программе Premiere Pro

Photoshop с нуля 2021

Изучения фотошопа, без посещения дорогих курсов и метода тыка!

КОНТАКТЫ НАШЕГО САЙТА

Хотите задать вопрос? Свяжитесь с нами с помощью формы обратной связи. Мы будем рады помочь Вам.

Форма контакта:  отправить сообшение

ПОСЕЩАЕМОСТЬ САЙТА

Яндекс.Метрика

 

Партнерские программы - интернет-бизнес который без них просто не смог бы получить своё развитие в разных темпах.