Как создать свой сайт на wordpress: полное руководство для новичков по установке и настройке

Содержание

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

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

В конце статьи вы найдете видеоинструкцию по созданию сайта на WordPress.

Почему WordPress и Timeweb?

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

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

С базовым инструментарием определились, теперь к делу.

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

Настраиваем хостинг и домен

Для начала подготовим хостинг, выбрав тарифный план, установив на сервере CMS и купив свободный домен.

Регистрируем хостинг

Для начала надо обзавестись хостингом. Это вечно функционирующий сервер (компьютер), на котором будет располагаться ваш сайт. Благодаря хорошему хостингу, такому как Timeweb, ваша страница будет доступна тысячам пользователей круглосуточно.

  • Заходим на официальный сайт Timeweb.
  • Затем кликаем по кнопке «Хостинг» в левом верхнем углу.

  • Выбираем пункт «Виртуальный хостинг». 

  • Знакомимся с тарифами, выбираем подходящий и нажимаем на кнопку «Заказать».

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

Но еще проще завести тариф с установленным WordPress и сразу переходить к шагу «Настраиваем сайт».

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

Также можно зарегистрировать данные юридического лица.

Сразу после регистрации системы выполнит вход, а вы окажетесь в панели управления (то есть в «админке»).

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

Оплачиваем услуги хостинга

Несмотря на действующий тестовый период, сразу разберем процедуру пополнения баланса.

  • Кликаем по иконке в виде кошелька в верхней части экрана.

  • Затем указываем переиод аренды и выбираем дополнительные опции (если нужны).

  • После этого выбираем удобный способ оплаты. Выбрав удобный способ, жмем на кнопку «Перейти к оплате».

  • В случае с картой просто указываем свои данные…

  • В случае с Apple Pay или Google Pay жмем на соответствующую клавишу и ждем инструкций от используемых браузеров.

После этого система приема платежей предложит вернуться в панель управления Timeweb, а деньги моментально поступят на счет.

Забираем бесплатный домен

Как я уже сказал ранее, при оплате сразу за год Timeweb дарит домен в зонах .ru или .рф в подарок. Правда, этот бонус нужно активировать.

  • В боковой панели админки находим и открываем раздел «Бонусы и промокоды»

  • Затем кликаем на кнопку «Активировать» напротив надписи «Бесплатный домен в зоне .рф…»

Тут же будет плашка для ввода промокодов со стороны.

Добавляем администратора домена

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

  • Открываем меню «Домены и поддомены» в боковом меню.

  • Жмем по ссылке «Администраторы доменов».

  • Потом нажимаем на кнопку «Добавить администратора».

  • Вводим свои данные (либо данные заказчика, который будет владеть сайтом).

  • Потом нажимаем на кнопку «Создать».

Должно получиться вот так. Я вводил данные лишь для примера.

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

Регистрируем домен

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

  • Опять открываем меню «Домены и поддомены».

  • Кликаем по кнопке «Зарегистрировать домен».

  • В появившемся текстовом поле вводим имя домена. Оно может быть любым. Главное, чтобы соответствовало нормам интернета и было свободным. Если что, Timeweb подскажет и предложит подходящие варианты. Выбрав имя и ознакомившись с ценой (даже с оплатой бонусами за первый год продление будет стоить денег), жмем на кнопку «Зарегистрировать»

  • Потом нажимаем на ссылку «…к основному сайту».

  • Выбираем вариант «Не привязывать».

  • И сохраняем эту настройку. Полдела сделано.

  • Убираем галочку с платного сертификата. Нам он пока не нужен.

Должно быть так.

  • Потом нажимаем на фразу «Сумма к оплате», чтобы указать вариант оплаты бонусами (появится соответствующее всплывающее меню).

  • Перед нами появится список доменов. Кликаем по вновь созданному.

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

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

Устанавливаем WordPress

Платформа для нашего сайта готова, осталось только установить систему управления WordPress.

  • Сначала открываем вкладку «Каталог CMS» в боковом меню.

  • Выбираем там WordPress.

  • Потом нажимаем на кнопку «Установить приложение».

  • В появившемся окошке выбираем домен, на который хотим установить WordPress (в моем случае будет тестовый).

  • Затем жмем по кнопке «Начать установку». Процесс займет несколько секунд.

  • Фиксируем логин и пароль.

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

  • Потом открываем меню «Сайты» в боковой панели.

  • Ищем там вновь созданный ресурс на базе WordPress и заходим в него.

Собственно, вот и сайт. Совсем простенький и не самый красивый, но рабочий. Теперь переходим к творческому процессу. Будем превращать безликий WordPress-ресурс во что-то свое.

 

Читайте также

Настраиваем сайт на WordPress

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

Как зайти в админку WordPress

Тут все просто. Чтобы попасть в админку:

  • Надо в адресную строку браузера ввести *название сайта без домена*/wp-admin. Такого рода ссылка приведет в админку WordPress.

  • Потом вводим реквизиты админки, которые нам отправили по почте.

Настраиваем внешний вид админки

Тут нужно немного прибраться, чтобы не путаться в куче элементов интерфейса.

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

  • Потом открываем настройки экрана.

  • Убираем галочки везде, кроме пункта «На виду». Он пригодится.

Будет как-то так. Чистенько и не слишком пугающе.

Устанавливаем свежую версию WordPress

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

  • Нажимаем на ссылку «Пожалуйста, обновитесь» в верхней части экрана.

  • Потом ищем большую синюю кнопку «Обновить сейчас» и кликаем по ней.

  • Через несколько секунд, когда на экране загорится стартовая страница WP, переходим в меню «Консоль» в левом верхнем углу.

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

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

  • Выбираем плагины и темы, которые хотим обновить, поставив напротив них галочки.

  • Потом нажимаем на кнопку «Обновить…»

Больше никакие обновления не нужны. Теперь вы знаете, как установить свежие версии дополнений в свою CMS.

Удаляем ненужные темы

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

  • Сначала наводим курсор на меню «Внешний вид».

  • Потом переходим в подменю «Темы».

  • Кликаем по теме, которую хотим стереть.

  • Нажимаем на кнопку «Удалить» в правом нижнем углу.

  • И еще раз подтверждаем, что хотим это сделать, но уже в браузере.

Повторяем это, пока не сотрем все ненужные темы (по сути, все, кроме одной).

Заказываем SSL-сертификат

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

  • Возвращаемся в панель управления Timeweb и открываем меню «SSL-сертификаты».

  • Затем кликаем по ссылке «Заказать».

  • Выбираем бесплатный сертификат.

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

  • А потом выбираем домен, которому он достанется.

Уже через несколько часов сертификат будет готов и начнет действовать. А мы в это время продолжим заниматься доработкой сайта. Работы еще полно.

Устанавливаем тему 

Раз уж мы удалили ранее все темы, надо их чем-то заменить. Тем очень много, вы сами это увидите. Исключительно для примера я буду использовать Astra. Она минималистичная и приятная в целом.

  • Переходим в раздел с темами, как мы это уже делали ранее.

  • Кликаем по кнопке «Добавить».

  • Оказавшись в библиотеке тем, ищем поисковую строку.

  • Вводим в нее слово Astra.

  • Ищем ту самую тему и нажимаем на кнопку «Установить».

  • А потом еще и активируем.

  • Ну и нажимаем на ссылку «Перейти на сайт», чтобы убедиться, что тема установилась и активировалась.

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

Устанавливаем плагин Really Simple SSL

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

  • Жмем на кнопку WordPress в панели управления CMS.

  • Переходим в консоль.

  • Выбираем подпункт «Добавить новый» в меню «Плагины».

  • Ищем в открывшемся окне поисковое поле и вводим туда название плагина Really Simple SSL.

Вот так он называется.

  • Потом нажимаем на кнопку «Установить».

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

Как работать с сайтом

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

Добавляем статью в свой блог

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

  • Сначала наводим курсор на кнопку «Добавить» в верхней части экрана и выбираем опцию «Запись».

  • Закрываем обучалку с основной информацией о редакторе WordPress (мы все сейчас будем подробно разбирать).

  • Тут все интуитивно понятно, прописываем заголовок вверху и основной текст внизу.

Вот как это может выглядеть.

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

Все опции можно посмотреть, нажав на вот эту стрелочку.

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

Добавляем фото на сайт

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

  • Снова нажимаем на плюсик.

  • Среди предложенных вариантов выбираем «Изображение».

  • В появившемся окошке нажимаем на кнопку «Загрузить».

  • Выделяем картинку и нажимаем «Выбрать» (ОК).

Готово. Теперь справа появится блок с настройками изображения. Можно поменять разрешение, например. Или подписать альтернативный текст с ключевыми словами и пояснениями.

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

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

Добавляем другие виды контента

Процедура почти такая же. Я просто пробегусь по некоторым типам контента.

Галерея

Галерея – серия картинок, объединенных в один блок.

  • Выбираем соответствующий пункт в меню.

  • Потом выбираем изображения, которые нужно объединить в галерею.

Обложка

Обложка – это фон для текста. 

  • Выбираем пункт «Обложка», прежде нажав на плюсик.

  • Нажимаем кнопку «Загрузить», чтобы сделать обложку уникальной.

  • Выбираем картинку, которая станет обложкой.

Цитата

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

  • Кликаем по плюсу и добавляем блок «Цитата».

  • Вписываем текст, который будет выделен цитатой.

Заглавное изображение

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

  • Открываем пункт меню «Изображение записи» в правой части экрана.

  • Потом нажимаем на кнопку «Установить изображение записи».

  • Загружаем подходящую картинку.

  • Потом выбираем ее в библиотеке WordPress и устанавливаем в качестве основной.

При желании ее можно отредактировать. Уменьшить размер или перевернуть прямо в CMS.

  • Снова открываем то же меню и кликаем по нашей обложке.

  • Выбираем пункт «Редактировать».

  • Редактируем картинку с помощью инструментов, доступных выше.

  • А потом сохраняем.

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

Публикуем нашу статью

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

  • В редакторе статьи нажимаем на кнопку «Опубликовать».

  • Потом кликаем по ссылку «Посмотреть запись».

И на этом все. Статья опубликована. Теперь ее смогут увидеть все посетители сайта.

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

Редактируем разметку

Теперь покажу, как можно изменить внешний вид сайта. Покажу это на примере изменения разметки.

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

  • Выбираем вкладку «Общие» в боковой панели.

  • Потом вкладку «Контейнер».

  • Затем кликаем по блоку под словом «Разметка».

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

Так сайт будет выглядеть более симпатично.

Ищем и обрабатываем изображения

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

  • Заходим на сайт Unsplash.

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

  • Находим понравившееся изображение, наводим на него курсор и жмем по специальной кнопке для загрузки.

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

  • Заходим на сайт Tinypng и на главную страницу перетаскиваем картинки, которые хотим использовать в статье.

  • Ждем, пока завершится процесс компрессии, и нажимаем на кнопку Download All.

Теперь у нас есть то же изображение, но уже вдвое легче. И все это без видимой потери качества. Никаких компромиссов.

Настраиваем рубрики, страницы и меню WP

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

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

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

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

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

  • Придумываем заголовок и пишем текст.

  • И потом жмем «Опубликовать».

После этого мы получим ссылку на новую страницу. 

Она появится в списке страниц в правом верхнем углу. Там уже будет пример по умолчанию и добавится вновь созданная страница. Можно переключаться между ними.

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

Создаем рубрики

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

  • Наводим курсор на пункт «Записи», потом выбираем подпункт «Рубрики».

Далее надо задать параметры для рубрики.

  1. Даем любое имя (зависит от того, о чем пишете у себя в блоге).

  2. Указываем ярлык (это текст для ссылок).

  3. Выбираем родительскую рубрику (это пригодится, когда будем создавать подрубрики).

  4. Коротенькое описание, чтобы понимать, о чем тут вообще идет речь.

  5. Пишем описание и нажимаем на кнопку «Добавить новую рубрику».

Все рубрики появятся справа.

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

Давайте сделаем подрубрику iPhone, чтобы было понятно, как это работает.

  • Вводим название, ярлык и указываем родительскую рубрику (у нас это Apple, естественно).

Затем можно изменить ярлык и название.

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

  • Открываем список записей.

  • Кликаем по кнопке «Свойства» под статьей, рубрику которой хотим поменять.

  • Ставим галочку напротив нужной рубрики.

  • Потом нажимаем «Обновить».

Проверяем, сменились ли рубрики, и радуемся, если все получилось.

Теперь надо дать пользователям доступ к рубрикам.

Создаем меню

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

  • Наводим курсор на пункт «Внешний вид» и выбираем подпункт «Меню».

  • Вводим название будущего меню и создаем его.

  • Ставим галочку напротив страниц, которые хотим добавить в меню, и напротив пункта «Основное меню».

  • Потом то же самое делаем с рубриками.

  • Не забываем это все добавить во вновь созданное меню.

  • А потом нажимаем «Сохранить меню».

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

  • Снова идем в настройки нашего меню и слегка сдвигаем рубрику iPhone под рубрику Apple (тянем мышью). 

Логично и красиво. А еще куча свободного места появилась на главной странице.

Итак, на этом этапе мы разобрались со структурой. С тем, как ее можно менять, и с тем, какой примерно она должна быть. Теперь серьезнее поработаем над визуальной составляющей. Сделаем сайт еще красивее, чем он есть сейчас. А также скорректируем основные настройки CMS.

Читайте также

Меняем параметры WordPress

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

Сначала открываем основные параметры WordPress, зайдя в соответствующее меню.

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

  1. Поменять название.
  2. Сделать уникальное описание.
  3. Указать корректный адрес электронной почты.
  4. Указать язык.
  5. Выставить часовой пояс.
  6. Настроить формат времени.

Многие параметры выставляются автоматически в соответствии с вашим регионом. То есть в России, например, формат времени 24-часовой. Но если у вас будет много посетителей из других стран, то стоит задуматься о смене формата на западный.

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

Сохраняем изменения и переходим к теме.

Настраиваем тему Astra

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

Переходим к настройкам.

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

Сразу отмечу, что по ходу настройки каждого элемента можно переключаться между «клиентами». То есть посмотреть, как сайт будет выглядеть на планшете или смартфоне. Для этого есть соответствующие кнопки внизу. Регулярно переключайтесь между ними и вносите изменения сразу для всех разрешений, чтобы потом не возникло проблем в верстке.

Общие настройки

Сначала откроем общие настройки. Внутри есть еще четыре вкладки, в которые можно зайти. Рассмотрим все. 

Типографика

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

Для заголовков во второй типографике есть точно такие же настройки. Причем для каждого типа заголовка и подзаголовка (а их много) свои.

На скриншоте видны «Подзаголовок 2» и «Подзаголовок 4».

Цвета

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

Если что, WordPress предупредит, когда вы переборщите и текст на вашем сайте станет откровенно нечитаемым (а люди придут его читать). Ориентируйтесь на мнение WP, если хотите, чтобы посетителям было приятно находиться на странице.

Можно сделать так, если хотите погубить визитеров.

Контейнер

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

Кнопки

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

Шапка

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

Айдентика сайта

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

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

  • Нажимаем «Загрузить файлы».

  • А потом «Выберите файлы».

И все. Потом можно подкрутить ширину.

Кошка с копибарой тоже подойдут, если их красиво нарисовать.

Во-вторых, фавиконка. Это значок сайта, который видно в поисковике и на вкладках браузера.

  • Нажимаем «Загрузить файлы».

  • Потом «Выберите файлы».

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

Основные шапка и меню

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

У меня параметров побольше. Можно тонко настроить визуальную репрезентацию меню, так сказать.

Хлебные крошки

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

Блог

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

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

А что касается меты (короткого описания), то лучше предложить посетителям сначала взглянуть на комментарии, а уж потом на все остальное. Ну и ни в коем случае нельзя вставлять полный текст статьи в сам блог. Это не самая удачная практика. Лучше оставить небольшой отрывок.

Аналогичные настройки есть и для тела статьи. Причем находятся они в том же разделе. Вы легко их найдете.

Сайдбар

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

Можно вставить туда любое меню (мы уже создавали одно, можете повторить или создать новое и встроить его в боковую панель).

Футер

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

Но чаще там оказывается какая-то юридическая информация, на которую 99% посетителей даже не обращает внимания, что неудивительно – нудятина же.

Вы можете поступить иначе и встроить туда виджеты. Причем виджетом может выступать что угодно: контент с других сайтов, картинки, видео, песни, мини-приложения, ссылки, куски других страниц. Если ввести в Google что-то вроде «Виджеты для WordPress», то получите выдачу с сотнями сторонних виджетов. Многие могут оказаться действительно полезными, но настраиваются они не здесь. Тут только включаются.

Для этого надо сделать следующее:

  • Выбрать разметку справа.

И внизу тут же появится намек на виджеты. Пока без них, правда.

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

А можно просто написать «Привет».

Меню

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

Виджеты

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

  • Выбираем область для виджетов. Можно любую.

  • Потом нажимаем на кнопку «Добавить виджет».

  • Выбираем виджет, который хотим добавить.

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

Настройки главной страницы

По умолчанию главная страница – это ваш блог (или лента, как пожелаете). Нормальное решение. Базовое, удобное. Если хотите, можете вставить вместо такой главной любую другую страницу. Но это будет странно.

Такие варианты становятся доступны, если все-таки надумаете что-то поменять.

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

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

Настройки страниц с помощью плагина Elementor

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

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

  • Ищем плагин Elementor, устанавливаем и активируем.

  • Потом нажимаем на кнопку «Добавить» и выбираем вариант «Страницу».

  • Ищем вверху синюю кнопку «Редактировать в Elementor» и нажимаем на нее.

  • Кликаем на «Начать».

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

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

  • Кликаем по иконке в виде папки в правой части окна.

  • Выбираем шаблон. Можно любой доступный в бесплатной версии.

  • Потом нажимаем на кнопку «Вставить».

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

Можно добавить не целую страницу, а отдельные куски. Допустим, если вам нужна FAQ-секция или кусок с информацией о команде, работающей над сайтом.

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

На этом все. Так работает Elementor. При желании можно купить Pro-подписку и получить доступ к сотням профессиональных, красиво оформленных тем. Это в разы упростит создание сайта и сделает его довольно серьезным на вид.

Подключаем к своему сайту рекламу

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

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

Находим партнерскую программу

Это первая и, на самом деле, самая сложная часть подключения рекламы. Нужно найти партнерскую программу. Для этого придется зарегистрироваться в сервисе наподобие AdSense или Admitad. Второй вариант вполне ничего. Там есть партнерские программы от М-Видео, Wargaming, Связного и Timeweb. Можно подключить их баннеры. Главное, пройти модерацию. Ваш сайт проверят и дадут возможность сотрудничать с компаниями. Вы начнете приводить к ним новых посетителей, а они вам за это предложат небольшое (или очень большое) вознаграждение.

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

Устанавливаем Ad Inserter

Чтобы встроить код в свой блог, скачаем специальный плагин для WordPress.

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

  • Вписываем в поисковое поле слово Ad Inserter.
  • Потом нажимаем «Установить» рядом с названием плагина.

  • Потом нажимаем на кнопку «Активировать».

Как видите, все плагины устанавливаются одинаково. Они уже готовы к работе. Теперь переходим к настройке рекламы.

Подключаем рекламу к сайту

Начинаем встраивание баннеров.

  • Открываем настройки WordPress и выбираем там Ad Inserter.

  • Выбираем один из доступных 16 блоков с будущей рекламой.

Вот как можно выглядеть код с рекламой.

  • Ставим галочки на тех секциях сайта, в которые мы хотим встроить рекламу.

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

Здесь будет три секции:

  1. Установленные виджеты.
  2. Элементы сайдбара.
  3. Виджеты в футере.

  • Мы перетаскиваем виджет Ad Inserter в панель «Основной сайдбар».

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

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

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

Не используйте такую гигантскую рекламу никогда. Это кошмар.

  • Еще закинем рекламу в футер. Пусть будет.

  • Укажем расположение рекламы в других участках сайта.

  • Привяжем рекламный баннер к потолку сайта, чтобы он не исчезал при скроллинге. Поставим для этого галочку Sticky.

Вот как это выглядит в динамике.

Чтобы было удобнее настраивать расположение рекламы, можно нажать на кнопку Ad Inserter. Она сразу же проявит все возможные позиции и предложит установить там рекламу.

Вот одна из возможных позиций.

Оно настраивается вот в этом меню.

Вот какие варианты доступны при настройке в Ad Inserter

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

Разыскиваем контент для сайта

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

Такой можно писать самому. Или можно воспользоваться услугами копирайтеров.

Где искать статьи для блога WordPress?

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

Text.ru – относительно популярная площадка. Тут много людей и бесплатные инструменты для проверки текстов.

Вот как выглядит список востребованных авторов на Text.ru.

Advego – мене известная площадка, но очень строгая. Обычно авторы тут посильнее, но и подороже.

eTXT – наверное, самая масштабная площадка в РФ. Можно найти сотрудников по самым разным критериям. Пользовательская база реально очень большая.

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

Настраиваем аналитику

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

Подключаем Яндекс.Метрику

Нам понадобится очередной плагин.

  • Открываем меню «Плагины» и нажимаем на «Добавить новый».

  • Ищем Яндекс.Метрику и скачиваем соответствующий счетчик.

  • Потом открываем настройки установленного плагина.

  • Видим пустое поле. Заходим на сайт Яндекс.Метрики, регистрируем аккаунт.

Где взять счетчик Метрики?

Теперь нам нужен код для сбора информации о посетителях.

  • Затем нажимаем на кнопку «Добавить счетчик».

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

  • Потом создаем счетчик.

  • Копируем код со страницы Яндекс.Метрики.
  • Вставляем его в пустое окно плагина и сохраняем.

Готово. Теперь на сайте Яндекс.Метрики можно посмотреть всю информацию о вашей аудитории. Очень полезно для внесения изменений в работу сайта и адаптации под нужды клиентов. Это позволит нарастить прибыль.

Заключение

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

Видеоинструкция

Как создать сайт на WordPress в 2021 году: полная инструкция

👍 Научим создавать сайты на WordPress бесплатно за 11 уроков. Подробнее →

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

Знакомство с WordPress

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

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

Преимущества WordPress:

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

Регистрация домена и выбор хостинга

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

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

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

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

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

Установка WordPress на хостинг

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

Шаг 1. Перейдите по адресу https://ru.wordpress.org/ и загрузите последнюю версию WordPress.

Шаг 2. Выясните корневой каталог на сервере хостинга, в котором будут хранится файлы сайта. Обычно он называется public_html или site.ru (название домена вашего сайта).

Шаг 3. Распакуйте архив и загрузите все содержимое на хостинг. Это можно сделать через файловый менеджер в админ-панели хостинга или использовать FTP-клиент (например, FileZilla).

Шаг 4. Запустите установку WordPress. Для этого нужно в браузере перейти на главную страницу своего сайта (например, http://site.ru). Тут система сообщает, что вы должны знать имя базы данных, имя пользователя базы данных, пароль к базе данных и адрес сервера базы данных. Эту информацию можно выяснить у компании-хостинга. Нажмите кнопку Вперед!.

Шаг 5. Укажите необходимые данные и нажмите кнопку Отправить.

Шаг 6. Если все данные введены верно, то установщик перейдет к следующему шагу. Для этого нажмите кнопку Запустить установку.

Шаг 7. Укажите название сайта, имя, e-mail пользователя, пароль и нажмите кнопку Установить WordPress.

Шаг 8. Установка WordPress завершена. Осталось впервые зайти в админ-часть сайта. Для этого нажмите кнопку Войти.

В итоге главная страница сайта свежеустановленного WordPress будет выглядеть так:

Основные настройки сайта

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

Основными настройками являются:

  • название и описание сайта,
  • язык сайта,
  • настройка главной страницы,
  • постоянные ссылки.

Для каждой из настроек в админке WordPress выделен отдельный раздел.

Чтобы изменить указанные при установке название, описание и язык сайта, перейдите Настройки -> Общие, где присутствуют соответствующие опции.

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

Настроить постоянные ссылки можно, перейдя в админ-раздел Настройки -> Постоянные ссылки.

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

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

Процесс установки бесплатных и премиум-тем одинаковый. Любая тема поставляется в виде архива со всеми необходимыми файлами для ее работы. Его нужно лишь распаковать и скопировать в каталог /wp-content/themes. После этого тема станет доступна в админ-разделе Внешний вид -> Темы.

Настройка любой темы осуществляться в админ-разделе Внешний вид -> Настроить.

Расширение функционала с помощью плагинов

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

О том, как установить плагин, мы также подробно описывали ранее.

Создание контента

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

Также разработчики предусмотрели возможность вернуть старый, привычный для всех, редактор (это описано в подробном руководстве).

Выводы

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

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

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

Мне нравится14Не нравится1

Если Вам понравилась статья — поделитесь с друзьями

➤ Как создать сайт на WordPress подробная инструкция

 

Содержание страницы:


— Плюсы WordPress
— Так как же создать свой собственный сайт?
— Приобретите хостинг
— Настройте SSL-сертификат
— Запустите движок WordPress
— Установите опциональные настройки
— Выберите шаблон оформления для сайта
— Плагины и зачем они нужны
— Дополнительные опции
— Делаем начальное наполнение сайта
— Политика конфиденциальности
— Меню (структура сайта)
— Рубрики
— Метки
— Записи (статьи)

 


 

WordPress – это удобная площадка для разработки качественных веб-ресурсов. Это бесплатная и довольно простая система управления контентом (CMS). Сегодня на базе WordPress работают около 30% сайтов в мире.

 

Плюсы WordPress

 

—Простые настройки

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

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

—Разнообразие дизайна и большой набор плагинов

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

—Удобство для продвижения

WordPress обладает встроенной оптимизацией под поисковые запросы. Шаблоны сайтов постоянно изменяются в соответствии с современными требованиями.

 

Так как же создать свой собственный сайт?

 

1. Для начала выберите тематику

Занимайтесь тем, что вам действительно интересно, о чем вы можете увлеченно рассказывать часами. Если вы эксперт в своей области, это повысит ваши шансы. Найти вдохновение и интересные идеи помогут рейтинги проектов Яндекса, Рамблера, LiveInternet.

 

2. Выберите домен и хостинг. Пройдите регистрацию

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

Проверить, свободен ли желаемый домен, можно на сервисе https://timeweb.com/ru/services/domains/

 

 

 

 

 

 

 

 

 

 

 

 

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

Как проследить историю? Первый способ – зайти на сайт https://web.archive.org Введите придуманное вами доменное имя и посмотрите у какого веб-ресурса оно уже было. В некоторых случаях этот сервис показывает, как выглядело оформление прежнего сайта и какие на нем размещались материалы.

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

3. Приобретите хостинг

 

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

Самый экономный вариант– обычный хостинг. Его часто используют новички, потому что для пока еще «не тяжелого» сайта не нужно много места в хранилище. К тому же новый сайт редко посещают, и обрабатывать запросы довольно легко.

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

Когда сайт «перейдет во взрослую лигу» и на него начнут заходить больше тысячи пользователей в день, потребуется более дорогой тариф или VDS-хостинг. Это — аренда виртуального выделенного сервера. Он подходит для профессиональных веб-ресурсов с высокой нагрузкой.

 

Регистрация хостинга: пошаговый алгоритм

—Найдите вкладку «Хостинг»

—Установите тариф

—Укажите адрес электронной почты и ФИО (для регистрации)

—Дождитесь получения логина и пароля

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

 

Регистрация хостинга: порядок действий

—Найдите на панели управления хостингом вкладку «Домены и поддомены»

—Выберите пункт «Зарегистрировать домен»

—Укажите доменное имя

—Дождитесь уведомления о том, что домен свободен

—Нажмите кнопку «Зарегистрировать»

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

—Оплатите пользование доменом и дождитесь активации.

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

 

4. Настройте SSL-сертификат

 

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

Наличие сертификата подтверждает подлинность сайта, ему начинают доверять.

SSL-сертификат необходим веб-ресурсам, которые содержат конфиденциальные данные: логины и пароли, банковскую информацию и персональные сведения.

Сайт, защищенный цифровой подписью, открывается по ссылке https://

Бесплатный сертификат можно найти в админке самого хостинга.

 

5. Запустите движок WordPress

 

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

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

 

 

 

 

 

 

 

 

 

 

 

 

 

6. Установите опциональные настройки

 

В разделе настройки выберете все, что считаете нужным. Самое важное – название сайта. В пункте «Краткое описание» напишите о теме вашего проекта с использованием ключевых словосочетаний.

Затем настройте форматирование и сервисы обновления. В «Настройках чтения» можно указать, что вы хотите видеть на главной странице. В «Настройках обсуждения» можно разрешить оставлять комментарии на новые статьи и обязать авторов комментариев указывать свое имя и e-mail. Галочка напротив пункта «Комментарий должен быть одобрен вручную» избавить вас от несанкционированной рекламы. Не забудьте сохранить все изменения.

 

 

 

 

 

 

 

 

 

 

 

7. Выберите шаблон оформления для сайта

 

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

Бесплатный набор шаблонов легко найти на официальной странице https://ru.wordpress.org/themes/ Большая коллекция покупных шаблонов с русскоязычной админкой лежит на Root и JournalX. Огромная галерея с шаблонами, которые придется устанавливать по-английски, доступна на ThemeForest.

 

 

 

 

 

 

 

 

 

 

 

 

 

Что нужно учитывать при выборе шаблона?

1. Посмотрите, корректно ли отображается лента материалов

2. Изучите описание шаблона и решите, какие настройки вам потребуются после установки

3. Устанавливайте бесплатный шаблон с осторожностью. Чтобы не подхватить вирус, скачивайте его через админ-панель «Внешний вид – Темы»

4. Настраивайте платный шаблон после ознакомления с отзывами

5. Не используйте старые шаблоны, которые давно не обновлялись

 

Настройте выбранный шаблон

Единого стандарта настроек нет, у каждого шаблона они свои. Где найти список настроек темы? В специальной вкладке «Внешний вид – Настроить» или в отдельной рубрике с названием темы.

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

 

8. Плагины и зачем они нужны

 

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

 

Как установить плагин

 

 

 

 

 

 

 

 

 

 

 

 

 

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

Выбор плагина – настоящий простор для творчества, но есть и «золотые пять», которые должны быть всегда под рукой. Во всяком случае, с ними лучше быть знакомыми. Речь идёт о «Clearfy Pro», «Yoast SEO», «WP Super Cache», «Akismet» и «All In One WP Security». Разберём каждый по порядку.

 

Плагин «Clearfy Pro»

 

 

 

 

 

 

 

 

 

 

 

 

Оговоримся сразу: «Clearfy Pro» — платный, но это того стоит. Его основное преимущество – сочетание легкости (он практически невесом для системы) и эффективности в работе. Этот плагин способен обеспечивать и поддерживать  жизнеспособность вашего ресурса, ем можно доверить SEO, освобождение ресурса от неизбежно возникающего мусора и зоркий контроль за сохранностью контента.

Раздобыть плагин можно здесь: https://wpshop.ru/plugins/clearfy

В качестве альтернативы можно рассмотреть «Cyr to Lat enhanced» (вот тут: https://wordpress.org/plugins/cyr3lat/)

 

Плагин «Yoast SEO»

 

Этот плагин пригодится нам для того, чтобы навести порядок с SEO. Например, он поможет прописать Заголовок и Описание для всех разделов сайта, не упустив ни одной рубрики. Он же пригодится при разработке карты ресурса XML – крайне привлекательного элемента сайта для поисковых механизмов.

Yoast SEO водится тут: https://ru.wordpress.org/plugins/wordpress-seo/

 

Плагин «WP Super Cache»

 

 

 

 

 

 

 

 

 

 

 

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

Плагин можно скачать здесь: https://ru.wordpress.org/plugins/wp-super-cache/

Или «W3 Total Cache» в качестве альтернативы: https://ru.wordpress.org/plugins/w3-total-cache/

 

Файл robots.txt

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

Защита вашего интернет-ресурса

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

Akismet

Безупречно справляется с доверенной ему задачей – борьбой со спамом.

Ссылка, где взять: https://ru.wordpress.org/plugins/akismet/

All In One WP Security

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

Скачать можно здесь: https://ru.wordpress.org/plugins/all-in-one-wp-security-and-firewall/

 

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

 

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

 

Плагин для контактной формы

Обратная связь – это важно, и правильно подобранная контактная форма значит действительно многое. Порекомендовать можно, к примеру, «Contact form 7».

Ссылка: https://ru.wordpress.org/plugins/contact-form-7/

Форма подписки на рассылку

Формирование базы подписчиков станет важным этапом в продвижении вашего ресурса. Для начала нужно зарегистрироваться на соответствующем сервисе. Их много, назовём самые удобные и функциональные: «MailChimp», «SendPulse»,  «Getresponse», «MailerLite», «Unisender». Порядок работы с формой подписки довольно прост: регистрируетесь на одном из перечисленных сервисов, формируете список адресов вашей рассылки и помещаете на сайт созданную форму или её код.

 

 

 

 

 

 

 

 

Попап, или модальные окна

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

Бесплатный и удобный плагин – Popup Maker, скачать его можно здесь: https://wordpress.org/plugins/popup-maker/

Картинки в модальном окне

Одна из самых частых причин перехода пользователя на другую страницу – механизм, открывающий изображение в новой вкладке. Как показывает печальный опыт, возвращается к прочтению исходного текста далеко не каждый. Чтобы избежать подобной участи, воспользуйтесь плагином, открывающим картинки в модальном окне. Иногда эта опция прописана сразу в рабочем шаблоне, но в случае, если она отсутствует, установить её можно по ссылке: https://ru.wordpress.org/plugins/easy-fancybox/

Рейтинг

Плагин рейтинга даёт возможность посетителям оценить текст и сориентироваться, насколько высоко о нём отозвались их предшественники. Один из вариантов — https://ru.wordpress.org/plugins/wp-postratings/

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

Один из удобных способов предложить посетителю продолжить чтение, оставаясь на сайте – прикрепить блок со ссылками на идентичные тексты.  C позиции SEO это даст дополнительные плюсы для внутренней перелиновки ресурса. Опция прикрепления «похожих записей» включена почти что в каждый шаблон премиум-класса, но добавить её можно и при помощи плагина — https://wordpress.org/plugins/wordpress-23-related-posts-plugin/

Кнопки соцсетей

Наверняка у вашего проекта есть не только сайт, но и поддерживающие соц.сети. Узнать о них должен каждый посетитель портала. Нет ничего проще, чем оформить ссылки на аккаунты в VK, Instagram и Facebook (и любые другие, разумеется, тоже) при помощи плагинов-кнопок. Опять же, если вы пользуетесь шаблонами премиум-класса, то эта опция доступна по умолчанию. Если приходится активировать её самостоятельно, то сделать это можно, например, здесь: https://ru.wordpress.org/plugins/social-icons-widget-by-wpzoom/

Баннеры

Баннеры – ещё один способ эффективно привлечь внимание пользователя к контенту любого характера: будь то реклама, конкурс или Youtube-канал.

Онлайн чат

Не нужно пренебрежительно относиться к этой форме общения, считая её старомодной. Онлайн-чат оживит ресурс и позволит пользователям создать внутреннюю коммуникацию, оставаясь при этом на вашем ресурсе. Если вы всё ещё не уверены в том, что эта опция действительно пригодится, попробуйте бесплатную тестовую версию (сроком две недели) программы Jivosite. Для этого чата предусмотрены как бесплатная, так и платная версии – выбирайте сами: https://www.jivosite.ru/?partner_id=22657&pricelist_id=105&lang=ru

AMP и Турбо страницы

Скорость работы он-лайн ресурса напрямую коррелирует с его успешностью и востребованностью у пользователей. От неё же зависит и благосклонность поисковых механизмов. Именно поэтому существуют такие разработки, как AMP страницы (Google) и Турбо страницы (Яндекс). Они мгновенно адаптируют ресурс для просмотра с мобильных устройств, предельно упрощая (и ускоряя) его. Сайты, снабжённые этими плагинами, поисковые системы благосклонно выводят в топ, что является ещё одним поводом задуматься и выбрать себе наиболее подходящий плагин.

Выбор тут будет действительно широк: можно попробовать разобраться в этом вопросе самостоятельно, поискав информацию по запросу «Настройки Yoast SEO WordPress». Подробные инструкции и видео-уроки помогут Вам сделать правильный выбор.

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

 

10. Делаем начальное наполнение сайта

 

Итак, если все предыдущие пункты реализованы – переходим к следующему, а именно содержательному наполнению ресурса.

 

11. Политика конфиденциальности

 

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

 

12. Меню (структура сайта)

 

Один из вариантов структуры сайта – горизонтальное меню. Рассмотрим его в качестве рабочего примера. При заданной структуре сайт содержит главную страницу (собственно, где и размещается меню) и остальные, рабочие. Количество и тематика страниц – вопрос сугубо индивидуальный, но можно выделить и пункты, встречающиеся почти что на каждом ресурсе.

 

—Главная  — ведет на главную страницу сайта. Необязательный раздел, потому что посетители смогут оказаться на главной странице при клике на лого ресурса;

—Обо мне / О сайте — страница, содержащая смысловой посыл;

—Блог / Новости —возможно вынести в отдельный пункт, если лента новостей не размещена на главной;

—Контакты — живые контакты и ссылки на соц.сети.

 

Данные пункты – основные, и расширять их список можно бесконечно:

 

—Примеры работ / Портфолио — примеры выполненных работ и задач;

—Услуги — расскажите о спектре своих навыков. Здесь же можно привести и прайс-лист;

—Реклама — перечислите доступные рекламные опции, политику размещения рекламы на портале;

—Бесплатно — в этот раздел можно вынести материалы в открытом доступе;

—Курсы / Обучение / Магазин — описание доступных курсов или он-лайн магазин сайта;

—Полезные ссылки — любые ссылки, которые покажутся вам уместными;

—Видео — обучающий или развлекательный – любой уместный видео-контент;

—Инфографика — если вы богаты инфографикой – обязательно поделитесь ею с пользователями!

 

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

Страницы

Не откладывайте создание первой страницы ресурса в долгий ящик – начните прямо сейчас. Адаптируйте меню для созданных страниц. Сделать это несложно: зайдите в панель «Страницы» и выберите пункт «Добавить новую». После выбора названия, приступайте к информационному наполнению. Опубликуйте. Для того чтобы сделать страницу видимой пользователям, добавьте её в меню. Этот же механизм поможет вам создать остальное наполнение сайта.

 

13. Рубрики

 

Чётко структурированные разделы сайта удобны  и пользователям, и редакторам. На помощь в этом деле приходит опция «Рубрики», активировать которую можно с панели «Записи». Создайте статью в редакторе и определите тематическую рубрику, которая будет закреплена за ней.

 

14. Метки

 

«Метки» — ещё одна опция структурирования материалов на сайте. В её основе лежит принцип объединения по ключевым словам. Она доступна в редакторе при работе с текстом либо в панели «Записи». Рекомендуем  обратить внимание на тематические метки – при соответствующем запросе они значительно облегчат поиск читателем нужных материалов.

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

 

15. Записи (статьи)

 

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

Добавить статью несложно: следует зайти в панель «Записи» и активировать там опцию «Добавить новую».

Выбор редактора

Вне всякого сомнения, выбор редактора – дело вкуса и удобства. Для начала рекомендуем ознакомиться с последним обновлением редактора статьей Gutenberg, который значительно разнится в использовании с исходной версией  и работает по принципу конструктора. Если инновационный вариант редактора – не ваш, активируйте классическую версию, скачав официальный плагин: https://ru.wordpress.org/plugins/classic-editor/

 

Заключение

 

И в качестве закрепления материала ещё раз перечислим все пункты разработки сайта на WordPress, которые мы сегодня изучили:

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

2. Ищем домен и обязательно знакомимся с его историей;

3. Регистрируем ресурс;

4. Решаем, с каким типом SSL-сертификата мы будем иметь дело: платным или нет;

5. Загружаем CMS WordPress;

6. Адаптируем базовые настройки ресурса;

7. Работаем с шаблоном оформления: приобретаем или выбираем из вариантов в свободном доступе;

8. Решаем, какие именно SEO плагины подходят нашему ресурсу. Обращаем внимание на Дополнения и Защиту;

9. Определяемся с дополнительными опциями для сайта, памятуя о правиле золотой середины;

10. Работаем с базовым наполнением страниц;

11. Обращаемся к вопросу конфиденциальности и сбора данных;

12. Разрабатываем меню;

13. Продумываем рубрики;

14. Пишем систему меток для статей;

15. Создаем наш первый тексовый контент (статью).

 

Поздравляем! Вы только что создали свой первый сайт на WordPress!

Как создать свой первый сайт на WordPress?

Давайте рассмотрим, как сделать сайт на WordPress с минимальными усилиями, и начать развивать свое присутствие в Интернете.

WordPress — это одна из самых популярных систем управления контентом (CMS). Хотя она может показаться сугубо технической, на самом деле WordPress очень прост.

WordPress — это отличный выбор для создания гибкого сайта без необходимости работать с кодом


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

WordPress — это не только платформа для бизнеса или для ведения блога. Он подойдет для мамы, которая хочет создать семейный сайт, чтобы выкладывать фотографии своих детей. Для фотографа, который хочет создать онлайн-портфолио. Или для создания форума.

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

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

Главная особенность WordPress заключается в том, что вы можете легко добавлять контент без изменения структуры ядра


Вы можете расширять, удалять или редактировать контент без необходимости изменять функционал. Можно изменить внешний вид сайта (то есть тему WordPress) без потери контента и без изменения структуры.

Последний «большой» компонент любого сайта на WordPress — это плагины. Эти части кода, которые вы можете добавить (или подключить) на свой сайт, чтобы реализовать дополнительный функционал. Представьте себе свой мобильный телефон — некоторые функции, такие как телефонные звонки или адресная книга, включены как часть стандартного программного обеспечения.

Если вы хотите расширить его возможности (воспроизведение музыки с Pandora, например), вы устанавливаете приложение. Плагины — это как приложения для вашего сайта на WordPress.

Перед тем, как сделать сайт WordPress, перечислим его основные компоненты: доменное имя (URL-адрес) и хостинг. Доменное имя – это тот адрес, по которому люди будут попадать на ваш сайт. Хостинг связан с физическим компьютером, который обрабатывает файлы сайта (это аккаунт, который «сдает номер» для вашего контента).

Чтобы создать свой первый сайт на WordPress, необходимо доменное имя и хостинг. И, конечно же, вам необходимо скачать WordPress.

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

  • Контент — что вы хотите сказать;
  • Изображения — сайт с голым текстом будет невероятно скушен;
  • Тема — WordPress поставляется с несколькими установленными по умолчанию темами. Также существует много бесплатных тем, которые вы можете выбрать. Если нужен какой-то определенный дизайн, существуют и премиум темы, доступные для приобретения.

Что не нужно, чтобы сделать сайт на Вордпресс самостоятельно:

Дорогое программное обеспечение для редактирования или веб-дизайна — все, что создается в WordPress, добавляется и редактируется через браузер.

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

Ученая степень в области компьютерного программирования, математики или физики — после того, как вы изучите основы работы с WordPress, все будет очень просто!

Единственный простой способ настроить WordPress — это начать с учетной записи хостинга, предназначенного для сайтов WordPress.

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

Проверьте, можно ли на вашем хостинге автоматически установить WordPress. Если необходимо установить его вручную, войдите в Cpanel (или аналогичную панель управления). Затем нажмите на кнопку, чтобы создать базу данных MySQL для вашего сайта:

Введите имя базы данных, а также создайте пользователя БД. Сохраните имя базы, пользователя и пароль пользователя — они понадобятся позже.

Перед тем, как сделать сайт на WordPress, скачайте последнюю версию CMS и распакуйте файлы. Используя файловый менеджер, или FTP-клиент, загрузите все файлы WordPress на хостинг:

После завершения загрузки у вас должна быть структура папок, аналогичная этой:

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

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

Далее нужно задать имя пользователя и пароль, которые вы будете использовать, чтобы войти в панель администрирования WordPress. Я рекомендую использовать имя пользователя, отличное от “admin”. Это имя пользователя по умолчанию, и, следовательно, увеличивает шансы на то, что ваш сайт будет взломан. Введите название сайта, если хотите, и продолжайте установку:

WordPress установлен. Вы можете получить доступ к панели администрирования через domainname/wp-admin. Чтобы войти в панель администрирования нужно использовать имя пользователя и пароль, которые вы задали ранее.

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

В «Консоли» найдите раздел «Настройки» в левой боковой панели. Перейдите в «Настройки», а затем в «Постоянные ссылки».

Обычно по умолчанию задано правило «Простые». Нам нужно изменить это, поэтому выберите опцию «Произвольно». В текстовом поле введите следующую команду:

/%postname%/

Это должно выглядеть следующим образом:

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

Обычный URL-адрес: example.com/?p=123

Произвольная структура URL-адреса: example.com/how-to-build-a-wordpress-website-for-the-first-time

Если вы не уверены, то поверьте мне, что произвольная структура — это лучший вариант.

Все основные разделы расположены в меню слева. Под каждым из основных заголовков расположено подменю параметров. Сюда же надо «обращаться», если не знаете, как сделать копию сайта WordPress:

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

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

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

Меню «Плагины» позволяет просматривать установленные плагины и добавлять новые. Все плагины, установленные на сайте, будут отображаться в этом меню. Чтобы сделать сайт на вордпресс самостоятельно, можно использовать только те плагины, которые были активированы. Иногда при установке плагина в меню слева будет добавляться новый пункт меню. Также часто новые параметры будут добавляться в один из существующих разделов меню:

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

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

Тема влияет на то, как отображается сайт, а также на общее впечатление, которое он производит на посетителей.


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

Добавление контента на страницы и в записи производится аналогично.

  • Нажмите на кнопку «Добавить новую»;
  • Введите заголовок. Это должна быть общая идея страницы или записи;
  • Внесите в большое поле контент.

Справа вы увидите две вкладки «Визуально» и «Текст». Убедитесь, что вы редактируете контент через вкладку «Визуально». Вкладка «Текст» показывает код разметки, если необходимо изменить его:

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

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

Для пользователей сайта будут видны только записи и страницы, которые опубликованы:

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

Вадим Дворниковавтор-переводчик статьи «HOW TO BUILD A WORDPRESS WEBSITE FOR THE FIRST TIME»

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

Записи

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

Медиафайлы

Тут все ясно. Загружаем сюда всю библиотеку: картинки; видео; документы. Также в этом разделе можно редактировать alt-теги и описание файлов.

Страницы

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

Комментарии

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

Внешний вид

Важная часть администрирования сайта. Здесь как Вы уже знаете можно менять и настраивать тему, зайти в виджеты, а также войти в редактор сайта.

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

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

Плагины

Плагины — это главное преимущество создания сайта на WordPress.

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

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

Пользователи, инструменты и настройки

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

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

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

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

Как создать сайт на WordPress

Создать сайт на WordPress самостоятельно очень просто. Этот движок разработан таким образом, что даже пользователи, которые не знают HTML, CSS и JS могут легко и быстро создать простые сайты.

Давайте обсудим каждый шаг, связанный с созданием сайта на WordPress, а именно:

  1. Выбор правильной платформы.
  2. Выбор имени домена и хостинга.
  3. Выбор темы/шаблона.
  4. Создание новой страницы.
  5. Создание записей.
  6. Установка плагинов.

Почему стоит остановить свой выбор на WordPress

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

Знаете ли вы что большинство известных сайтов, таких как CNN, NASA, eBay используют WordPress?

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

Выбор имени домена и хостинга

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

Важно! Домен нужно продлевать каждый год, учитывайте это при выборе домена и его стоимости.

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

Выбор темы/шаблона

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

Если вы знаете HTML, CSS и JS(JQuery) можно самостоятельно сверстать страницы и создать свою тему, но это материал для большого количества статей.

Для примера сайт https://www.facts-worldwide.info сделан с нуля: верстка — создание темы — установка темы на WP.

Сайт https://www.africanka.com создан на основе готовой бесплатной темы (хотя здесь создавалась дочерняя тема и вносились небольшие правки в код, основные функции первоначальной темы не были затронуты)

Итак, давайте приступим и создадим свой первый сайт на основе любой бесплатной темы.

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

Доступ к бесплатным темам

Посмотрите на снимок выше, чтобы посмотреть на бесплатные темы, зайдите в меню боковой панели вашей админки, выберите Внешний вид >Темы. Появится экран, включающий все установленные темы.


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

Чтобы установить тему, нажмите на кнопку Установить, а затем кнопку Активировать.

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

Для начала определитесь как будет выглядеть ваш сайт. WP предлагает 2 основных варианта того, как будет выглядеть главная страница:


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

Чтобы настроить внешний вид главной страницы зайдите в настройки> чтение.
Здесь вы также сможете выбрать количество отображаемых записей (если страница динамическая).

Создание страниц и записей

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

Это сделать просто, заходим в страницы> создать новую.
Тоже самое касается записей: записи> создать новую.

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

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

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

Нажмите на записи> рубрики.

Здесь, в поле имя введите название новой категории. В ярлык (Slug), вы можете добавить слова, которые станут частью URL во время поиска.

Тэги

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

Включение или отключение комментариев

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

Отключение комментария по умолчанию

Перейти в Настройки > обсуждения.

Снять галочку » Разрешить публиковать комментарии к новым статьям».

Чтобы отключить комментарии для конкретной страницы

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

Редактирование боковой панели

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

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

Медиафайлы

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

Меню

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

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

Плагины — это расширения в WordPress с определенной частью кода, которые расширяют функционал вашего сайта. Они не являются встроенными.

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

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

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

Более подробно о каждом этапе создания сайта я напишу в следующих статьях.

Как создать сайт на WordPress?

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

Можно ли сделать сайт на WordPress?

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

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

Что же именно предложат вам сделать на 2 этапе создания сайта на WordPress? А предлагают варианты названия будущего сайта.

Это могут быть бесплатные или платные домены. Остановимся пока на бесплатном варианте. Выбирая бесплатный вариант домена, к ним приписывается адрес WordPress платформы.

Укажите желаемое имя для своего сайта в строке поиска и платформа или создаст домен или, если он уже занят, предложит варианты. Например, как на скрине ниже:

Выберите наиболее подходящий вам домен и нажмите Выбрать.

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

На следующей странице заполняете поля формы и создаете учетную запись.

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

Нажмите Настроить свой сайт и наполните его всей необходимой информацией.

Как скопировать сайт на WordPress на другой домен?

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

Этапы переноса сайта на другой домен

    1. Регистрация нового домена

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

    1. Создание резервной копии базы данных и файлов

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

    1. Загрузка файлового архива старого веб-ресурса на новый домен

Переносить информацию с ПК на новый сайт удобно посредством FTP протокола и программы, например, Total Commander или FileZilla.

  1. Копирование дампа базы данных
  2. Изменение внутренних абсолютных ссылок
  3. Откройте дамп базы, используя редактор кода и замените старый адрес на новый.

Окончательное руководство по созданию веб-сайта на WordPress

Мысль о создании собственного веб-сайта может показаться непосильной.

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

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

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

Но сначала давайте ответим на вопрос, который возникает у большинства людей, когда они начинают думать о своем новом веб-сайте WordPress: в чем разница между WordPress.org и WordPress.com?

WordPress.org против WordPress.com

Разница между WordPress.org и WordPress.com связана с , который на самом деле размещает ваш сайт.

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

WordPress.com предлагает разместить ваш сайт за вас. Вам также не нужно загружать какое-либо программное обеспечение или управлять сервером. Если вы выберете WordPress.com, URL вашего сайта будет выглядеть так: www.mywebsite.wordpress.com. Однако у вас есть возможность также обновить свою учетную запись WordPress.com и купить собственный домен у стороннего поставщика (это означает, что ваш URL-адрес будет выглядеть так: www.mywebsite.com).

Как выбрать между WordPress.org и WordPress.com

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

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

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

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

WordPress для начинающих: как использовать WordPress

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

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

Ниже мы подробнее рассмотрим, как начать создание вашего веб-сайта.

Как создать сайт на WordPress

  1. Выберите тарифный план WordPress (только WordPress.com).
  2. Настройте свое доменное имя и хостинг-провайдера.
  3. Установите WordPress.
  4. Выберите свою тему.
  5. Добавьте сообщения и страницы на свой сайт.
  6. Настройте свой веб-сайт.
  7. Установить плагины.
  8. Оптимизируйте свой сайт, чтобы увеличить скорость загрузки страниц.
  9. Вдохновляйтесь примерами веб-сайтов WordPress.

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

1. Выберите тарифный план WordPress (только WordPress.com).

Чтобы начать создание своего веб-сайта, выберите план WordPress. Как указывалось ранее, с WordPress.org у вас есть только один (бесплатный) тарифный план, но он требует, чтобы вы купили свой домен, хостинг-провайдера, плагины, темы и все остальное, что связано с вашим сайтом WordPress.

На WordPress.com вам придется выбирать между пятью планами, которые они предлагают.

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

2. Настройте свое доменное имя и хостинг-провайдера.

Настройка вашего доменного имени и выбор хостинг-провайдера для WordPress обычно происходят примерно в одно и то же время в процессе создания веб-сайта.

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

Думайте о своем доменном имени как о своем домашнем адресе — это то, как посетители могут найти ваш веб-сайт в Интернете.Ваше доменное имя будет выглядеть примерно так: www.example.com.

Ваш хостинг-провайдер похож на ваш дом — там на самом деле хранятся файлы вашего веб-сайта. Без хостинг-провайдера у вашего сайта не было бы места на сервере для «жизни». Некоторые из лучших хостинг-провайдеров WordPress включают WP Engine, Bluehost и Kinsta.

Источник изображения

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

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

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

  • PHP версии 7.4 или выше
  • MySQL версии 5.6 или выше ИЛИ MariaDB версии 10.1 или выше.
  • Поддержка HTTPS
Выбирая хостинг-провайдеров для вашего сайта WordPress, убедитесь, что они соответствуют всем вышеперечисленным критериям.

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

Сначала перейдите на веб-сайт Bluehost и нажмите «Начать работу».

Отсюда вы попадете на страницу цен Bluehost, где сможете выбрать один из четырех планов.

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

Источник изображения

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

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

3. Установите WordPress.

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

На этот раз давайте возьмем GoDaddy в качестве примера. (Не волнуйтесь, независимо от того, какого хостинг-провайдера вы выберете, этот процесс выглядит одинаково.)

Примечание. Если вы решите использовать управляемую службу хостинга WordPress, такую ​​как WP Engine или Kinsta, вам не нужно проходить этот процесс, поскольку эти службы были созданы специально для WordPress и для вас будет установлен WordPress.

Для начала войдите в свою учетную запись GoDaddy, щелкните Web Hosting , а затем Manage . Вы попадете на экран с данными вашей учетной записи.

Источник изображения

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

Источник изображения

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

Примерно через 24 часа ваш веб-сайт будет установлен в вашей учетной записи хостинга, и GoDaddy отправит вам подтверждение по электронной почте.

Теперь, когда у вас настроен домен и установлен WordPress, вам необходимо настроить свой «Основной домен» в WordPress, чтобы посетители видели ваш веб-сайт при поиске в вашем домене.

В WordPress перейдите на Мой сайт и щелкните Домены . Выберите персональный домен, который вы хотите сделать своим основным доменом.

Источник изображения

Затем щелкните Сделать основным .

Источник изображения

Подтвердите, что вы хотели внести это изменение, нажав Обновить основной домен .

Источник изображения

Убедитесь, что обновление прошло успешно, посмотрев на зеленый прямоугольник с отметкой Primary Domain .

Источник изображения

Теперь перейдем к четвертому шагу: как сделать ваш сайт красивым.

4. Выберите вашу тему.

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

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

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

Чтобы найти тему, которая лучше всего подходит для вас на WordPress.org, перейдите в панель администратора. Щелкните Внешний вид , затем Темы . Вы попадете на другой экран, где сможете просмотреть доступные темы или найти конкретную, которую вы задумали.

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

5. Добавьте сообщения и страницы на свой сайт.

Когда вы добавляете контент на свой сайт WordPress, он обычно отображается в виде сообщений и страниц.

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

Посты и страницы — это основные типы постов в WordPress. Кроме того, есть и другие собственные типы сообщений, а также пользовательские типы сообщений. А пока мы можем просто придерживаться страниц и сообщений.

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

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

Добавление страницы на ваш сайт — аналогичный процесс. В области администрирования щелкните Pages , затем Добавить новый .

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

6. Настройте свой веб-сайт.

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

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

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

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

Панель навигации также настраивается. Это позволяет вашим посетителям легко находить информацию на вашем сайте.

Добавьте панель навигации, перейдя на панель администратора, нажав Внешний вид , а затем Меню .

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

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

7. Установите плагины.
Плагины

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

  • Плагин HubSpot WordPress: с легкостью добавляйте всплывающие окна, формы и чат в реальном времени на ваш сайт WordPress.И в качестве дополнительного бонуса соедините этот плагин или другие плагины CRM с вашей HubSpot CRM.
  • All in One SEO: плагин для SEO с самым высоким рейтингом, который используется предприятиями для повышения своего рейтинга и открытия новых возможностей роста для SEO.
  • Календарь событий: простой календарь событий, который упрощает планирование событий с вашего сайта.
  • Yoast SEO: плагин, который поможет вам с SEO на странице. Это приложение проверяет, соблюдаете ли вы передовые методы, прежде чем запускать свой сайт.
  • TablePress: Нужен стол на вашем сайте? Не смотрите дальше.
  • The SEO Framework: еще один плагин, который может помочь вам освоить SEO на вашем сайте.

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

Чтобы добавить новый плагин, нажмите Добавить новый .Найдите нужный плагин и затем нажмите Установить сейчас , подождите несколько секунд, затем нажмите Активировать .

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

8. Оптимизируйте свой сайт, чтобы увеличить скорость загрузки страниц.

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

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

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

9. Вдохновляйтесь примерами веб-сайтов WordPress.

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

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

Источник изображения

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

Источник изображения

Awesome Motive, создатели нескольких проектов WordPress, привлекают посетителей с помощью отточенного, но простого веб-сайта. Он имеет тонкую анимацию, чтобы привлечь внимание людей.

Источник изображения

Советы и хитрости для сайта WordPress

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

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

2. Используйте дефисы, а не символы подчеркивания при именовании файлов в WordPress. Google выглядит как символы подчеркивания, а это значит, что ваш файл будет выглядеть как одно большое слово. Это не поможет вам с SEO. Используйте тире, чтобы было очевидно, что есть отдельные слова. (Например, используйте www.example.com/this-is-an-example, а не www.example.com/this_is_an_example).

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

4. Используйте замещающий текст изображения в своих интересах. Image Alt Text может быть использован для улучшения вашего SEO и рейтинга Google.

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

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

7. Изучите и поймите основы SEO, чтобы убедиться, что ваш веб-сайт полностью оптимизирован, чтобы вы могли повысить свои конверсии.

8. Создайте персонализированную домашнюю страницу. Как упоминалось ранее, WordPress предоставит вам домашнюю страницу по умолчанию. Найдите время, чтобы создать свою собственную тему, которая будет работать для вашего бизнеса — помните, это первое впечатление посетителя о вашем бизнесе, блоге или портфолио.

9. Следите за эффективностью своего веб-сайта и знайте, что работает, а что не работает для ваших посетителей. Есть ряд полезных плагинов WordPress, а также программное обеспечение Google Analytics, чтобы помочь с этой производительностью.

10. Включите страницу «О нас» на своем веб-сайте , чтобы показать своим посетителям, что вы заслуживаете доверия и / или являетесь достойным представителем компании. Страницы «О нас», как известно, занимают второе место по посещаемости на веб-сайтах (после домашних), поэтому важно представиться.

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

12. Создайте собственные постоянные ссылки. Постоянные ссылки — это постоянные URL-адреса, которые вы планируете сохранить неизменными в обозримом будущем. Они важны, потому что они улучшают пользовательский опыт и улучшают SEO вашего веб-сайта WordPress.

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

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

15. Структурируйте свой веб-сайт так, чтобы это было удобно для вашего бизнеса, посетителей и покупателей. Например, используйте сообщения, если вы блогер, и страницы, если вы владелец бизнеса.

16. Удалите кнопки «Комментарий» и «Поделиться» с определенных страниц вашего веб-сайта. Вам не нужны (и не нужны) кнопка «Комментарий» или «Поделиться» на странице «О нас» или на любой из страниц ваших услуг, если на то пошло.

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

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

19. Регулярно обновляйте свой сайт WordPress и плагины . WordPress сообщит вам, когда будут выпущены обновления.Благодаря этому ваш сайт будет выглядеть свежо и эффективно работать.

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

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

Создайте сайт на WordPress

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

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

Как создать веб-сайт с помощью WordPress за десять шагов

(Последнее обновление: 10 мая 2021 г.)

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

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

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

Шаг 1. Определите свой сайт

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

Шаг 2: Выберите доменное имя

Ваше доменное имя должно напрямую относиться к нише, которую вы выбрали на шаге 1, и это имя должно быть настолько легким для запоминания пользователями, что они никогда не забудут его. Также может быть полезно провести исследование ключевых слов. Застрял на определенном имени, но занят .com? Попробуйте .net или .co.

Шаг 3. Наймите веб-хостинга

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

Шаг 4: Установите WordPress

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

Шаг 5. Выберите тему WordPress

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

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

Одной из самых популярных премиальных тем WordPress является Monstroid2 — очень легкая многоцелевая тема с конструктором перетаскивания.

Шаг 6. Настройте плагины

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

Шаг 7. Заполните административные страницы

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

Шаг 8: Опубликуйте свой контент. Смывать. Повторить.

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

Шаг 9. Не забывайте о маркетинге

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

Шаг 10. Создайте резервную копию своего сайта

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

Вот и все — WordPress за десять простых шагов!

Нужна дополнительная информация? Посмотрите нашу серию видеоуроков по HostPapa WordPress

из 6 частей.

Как создать веб-сайт на WordPress: 8 простых шагов

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

Конечно, вы можете настроить свой сайт множеством способов, но здесь мы сосредоточимся на четырех ключевых:

1. Измените заголовок и слоган сайта

Когда вы настраиваете свой сайт, WordPress автоматически устанавливает заголовок вашего сайта «Просто еще один сайт WordPress» (мы знаем, немного грубо).

Но вы не «просто еще один сайт WordPress», поэтому убедитесь, что вы прояснили это четко!

  1. Войдите в свою панель управления WordPress.
  2. Перейдите в «Настройки», затем «Общие».
  3. Добавьте заголовок вашего веб-сайта рядом с заголовком сайта.
  4. Рядом с «Слоган» добавьте несколько слов, поясняющих, о чем ваш сайт.
  5. Нажмите «Сохранить изменения» ‘

2. Добавление меню навигации

Это действительно важный шаг в создании любого сайта. У вас может быть лучший контент в мире, но это ничего не значит, если его никто не найдет!

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

  1. Вы уже догадались! Войдите в свою панель управления WordPress.
  2. Наведите указатель мыши на «Внешний вид», затем нажмите «Меню».
  3. Добавьте имя для своего меню рядом с «Название меню», затем выберите страницы, которые вы хотите добавить, из списка внизу слева.
  4. Для тем с несколькими вариантами меню вы можете увидеть несколько вариантов флажка в разделе «Настройки меню», например «первичный», «вторичный» и т. Д. Лучше всего сейчас выбрать первичный — вы всегда можете изменить это, если вы re недовольны живой версией.
  5. Нажмите «Сохранить меню», чтобы разместить новое меню на месте!

3. Установите домашнюю страницу

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

В любом случае:

  1. Войдите в свою панель управления WordPress.
  2. Нажмите «Настройки», затем перейдите к «Чтение».
  3. Вы попадете на страницу «Настройки чтения», первая из которых — «Отображение первой страницы».
  4. Выберите «Ваши последние сообщения» или «Статическая страница».
  5. Нажмите «Сохранить изменения», чтобы изменения на главной странице стали активными.

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

Если вы выбрали «Статическую страницу», просто убедитесь, что вы создали страницу под названием «Блог» (или аналогичную), которая может содержать все ваши последние сообщения.

4. Изменить настройки комментариев

WordPress поставляется со встроенной функцией комментариев, для которой автоматически устанавливается значение «on» .Комментарии — отличный способ продемонстрировать заинтересованность и построить сообщество на сайте.

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

  1. Войдите в свою панель управления WordPress.
  2. Нажмите «Настройки», затем перейдите в «Обсуждение».
  3. Мы рекомендуем выбрать «Комментарий должен быть одобрен вручную». Таким образом, у вас будет выбор, публиковать комментарий или нет (новые появятся на вашей панели управления).
  4. Не забудьте нажать «Сохранить изменения»!

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

Как создать веб-сайт с помощью WordPress

Создание веб-сайта раньше было масштабным проектом. Тоже дорого.

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

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

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

Пошаговое руководство по созданию веб-сайта на WordPress

Я разбил 9 простых шагов, чтобы создать сайт с нуля.

Это:

  • Шаг 1. Выберите имя и найдите домен для своего веб-сайта
  • Шаг 2: Зарегистрируйте свое доменное имя
  • Шаг 3. Решите, какой сайт вы создаете
  • Шаг 4. Получите хост для своего веб-сайта
  • Шаг 5: Установите WordPress
  • Шаг 6. Укажите свой домен на хост
  • Шаг 7. Установите тему WordPress
  • Шаг 8. Добавьте контент на свой веб-сайт
  • Шаг 9. Продолжайте развивать свой веб-сайт

Вы легко сможете выполнить эти шаги в течение следующих 120 минут.

Шаг 1. Выберите имя и найдите домен для своего веб-сайта

Время сказать непростую правду: было отнято много хороших доменных имен.

Вот как может пройти сеанс именования:

  1. В момент вдохновения мы думаем об удивительном имени .
  2. Мы держимся за это имя месяцами, может быть, даже годами.
  3. Пора начинать бизнес, идем покупать домен.
  4. Домен занят.
  5. Мы пробуем с десяток небольших вариаций нашей первоначальной идеи, и все они взяты.
  6. Ничего страшного, мы придумали одно блестящее имя, мы придумаем другое.
  7. Идея резервного копирования №2 = принято.
  8. Идея резервного копирования №3 = принято.
  9. Идея резервного копирования №4 = принято.
  10. Приходит отчаяние.
  11. Мы начинаем рассматривать имена, которые нам на самом деле не нравятся, надеясь, что или доступны.
  12. Мы придумываем 2 или 3 варианта, которые нам совсем не нравятся.
  13. Затем мы проводим неделю, пытаясь придумать имя, которое одновременно будет доступно, и имя, с которым мы сможем жить.
  14. Наконец, мы находим один.

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

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

Здесь мы составили подробное руководство по покупке доменов.

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

Шаг 2: Зарегистрируйте свое доменное имя

Сначала вам нужно узнать разницу между регистратором домена и веб-хостингом.

Регистратор доменов — это компания, специализирующаяся на покупке и регистрации доменов.

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

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

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

Лучшим регистратором доменов является Domain.com . Вот где у меня есть все мои доменные имена.

Подробный обзор регистраторов доменов мы собрали здесь.

Шаг 3. Решите, какой сайт вы создаете

Большинство руководств по созданию веб-сайтов подталкивают вас к использованию WordPress. Это самый популярный и гибкий конструктор сайтов. И это обычно хорошая рекомендация.

Но есть несколько ситуаций, когда я рекомендую разные варианты.

Простые сайты портфолио или «визитки»

Многим компаниям нужен простой веб-сайт, который сообщает людям несколько вещей:

  • Кто занимается этим бизнесом?
  • Чем занимается бизнес
  • Иногда портфолио, демонстрирующее некоторые работы
  • Контактная информация

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

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

Сайты электронной торговли

Если вы планируете создать интернет-магазин для своего сайта, не используйте WordPress.У нас есть целый пост о том, когда использовать WordPress для электронной коммерции, а когда нет. Вкратце: редко имеет смысл использовать WordPress для электронной коммерции.

Можно, если очень хочется, но на самом деле это не самый оптимальный способ сделать это.

Лучшим вариантом, безусловно, снова является Wix. Раньше в области инструментов электронной коммерции была большая конкуренция, но Wix слишком далеко опередил даже Shopify.

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

Сайты блогов

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

Большинство веб-сайтов на самом деле просто блоги. Некоторые из самых крупных и известных веб-сайтов в Интернете — это блоги.WordPress поддерживает более 30% всего Интернета. Так что в наши дни это единственный реальный вариант для создания блога.

А как насчет Joomla или Drupal? Или Typepad?

WordPress оставил все эти платформы в пыли около десяти лет назад. На данный момент это даже не законные варианты. Выберите WordPress — нет ни одной ситуации, когда вы об этом пожалеете.

Когда я впервые начал заниматься этим онлайн, сайты на Drupal все еще были довольно распространены. Я сотрудничал со своим другом-инженером, и мы много работали фрилансером по переносу сайтов с Drupal на WordPress.Уже тогда WordPress был явным победителем.

Теперь, когда я натыкаюсь на сайт, использующий любой из этих инструментов, это довольно интересно. Это как найти древний артефакт. « Этот все еще существует !? Как интересно! »

Не используйте ни один из этих инструментов, придерживайтесь WordPress.

Все остальное

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

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

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

Шаг 4. Получите хостинг для своего веб-сайта

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

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

Что касается всего остального, продолжайте следовать этому руководству!

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

Каждый веб-сайт в Интернете находится на веб-узле. И лучшее место для большинства людей — это Bluehost .

У нас есть полное руководство по всем лучшим веб-хостингам.

Планы хостинга

обычно начинаются от 5 долларов в месяц.

Шаг 5: Установите WordPress

Bluehost предлагает отличную функцию установки WordPress в один клик.

Преимущество состоит в том, что интегрировать веб-хостинг с WordPress невероятно просто. Он должен быть четко доступен при входе в BlueHost.

Шаг 6. Укажите свой домен на хосте

Давайте подведем итоги.

  • Вы купили домен у регистратора доменов.
  • Вы подписались на тарифный план хостинга.
  • Вы установили WordPress на свой хост.

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

Необходимо применить несколько технических настроек. Это включает в себя настройку нескольких параметров сервера имен на вашем регистраторе домена для вашего домена. Ваш хост предоставит вам правильные настройки; вы ищете настройки их серверов имен.

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

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

Шаг 7. Установите тему WordPress

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

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

Сейчас я покупаю все свои темы в StudioPress.

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

Вернуться к темам, есть еще варианты?

Ты готов. У ThemeForest и Pixelgrade есть торговая площадка тем WordPress. Есть буквально десятки тысяч тем на выбор. Обычно они находятся в ценовом диапазоне 30–60 долларов. При поиске темы я ранжирую их по самой популярной или самой высокой оценке.Затем я выбираю тот, который мне лично нравится.

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

Загрузите файл .zip, который вы получили при покупке темы.

После загрузки вам также нужно будет нажать «активировать» в теме в WordPress, чтобы она заработала.

Шаг 8. Добавьте контент на свой веб-сайт

Пришло время создать отдельные страницы для вашего сайта.

Вы сделаете это в WordPress.

WordPress имеет два типа контента: страницы и записи.

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

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

На каждом веб-сайте есть несколько стандартных страниц, которые вы должны создать:

  • Домашняя страница — Ваша тема WordPress обычно имеет настройки для этой страницы.
  • Контактная страница — создайте новую страницу и установите плагин формы WordPress, чтобы вы могли добавить форму на страницу.
  • Страница «О компании» — расскажите свою историю и почему вы начали свой бизнес.
  • Страницы продуктов или услуг. Для основных услуг или продуктов, которые вы предлагаете, рекомендуется создать отдельную страницу для каждой из них.
  • Блог — Если вы создаете блог, убедитесь, что здесь перечислены все ваши сообщения.

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

Шаг 9. Продолжайте развивать свой веб-сайт

Теперь у вас есть красивый, полностью функционирующий сайт.

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

Вам не нужно делать ничего лишнего — все это необязательно. Это зависит от ваших приоритетов и целей.

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

Когда вы будете готовы, эти руководства расскажут о дополнительных вещах, которые стоит учесть:

Наш общий взгляд на создание веб-сайта

Вас не смущают различные варианты создания веб-сайта.

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

WordPress — король

Опять же, я настоятельно рекомендую создать свой веб-сайт на WordPress, особенно если вы создаете блог или бизнес-сайт.

Некоторые из крупнейших веб-сайтов в Интернете построены на WordPress. TechCrunch, The New Yorker, Variety и MTV News, и это лишь некоторые из них. Для этого есть причина: это лучшая CMS, без исключений.

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

WordPress используется 33,4% всех веб-сайтов, а рыночная доля систем управления контентом составляет 60,3%.

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

Вот руководство о том, как создать свой сайт на WordPress.

Wix для электронной торговли

Что касается электронной коммерции, нам нравится Wix — конструктор веб-сайтов электронной коммерции, который позволяет быстро запустить и запустить интернет-магазин.

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

Вот руководство о том, как создать свой сайт на Wix.

Десятки других возможностей

Если вы читаете это прямо сейчас, то определенно попадаете в категорию тех, кому следует использовать WordPress или Wix.

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

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

Дополнительные руководства по созданию и управлению веб-сайтом

Ниже приведен основной список всех наших лучших ресурсов по созданию веб-сайтов.

Для общей информации:

Как спланировать свой новый веб-сайт

Как купить ПРАВИЛЬНОЕ доменное имя — подробное руководство

Как разработать свой первый фирменный стиль с ограниченным бюджетом

5 лучших конструкторов сайтов

5 лучших регистраторов доменов

10 популярных цветовых схем веб-сайта 2019

9 мест для получения изображений веб-сайтов (платных и бесплатных)

Лучшие шрифты для веб-сайтов, сочетающиеся друг с другом в 2019 году

13 Лучшие практики дизайна веб-сайтов

7 причин, по которым вам не нужно нанимать веб-дизайнера

22 ключевых элемента качественного веб-сайта

Сколько копий вы должны написать на своей домашней странице?

10 методов, которые заставляют людей связываться с вами с помощью страницы контактов

Как создать важную страницу с информацией

Как создать сайт Wix за 6 простых шагов

Для получения полезной информации об оптимизации по мере запуска вашего сайта:

Скорость веб-сайта

Удобство использования веб-сайта

Безопасность веб-сайтов

Оптимизация веб-сайта для мобильных устройств

5 простых шагов по созданию карты сайта для веб-сайта

Стоит ли переключить свой сайт на HTTPS? Плюсы и минусы

10 основных принципов, которые увеличивают время загрузки вашего веб-сайта

Подробнее о веб-хостинге:

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

Мы рекомендуем Bluehost для большинства людей. Для опытных пользователей WordPress с сайтами с высоким трафиком может иметь смысл в какой-то момент перейти на WP Engine.

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

Вот несколько дополнительных руководств, которые помогут вам узнать больше о веб-хостинге:

Лучший веб-хостинг для WordPress

Лучший бесплатный веб-хостинг

Лучший дешевый веб-хостинг

Скрытые расходы на хостинг веб-сайтов

Подробнее об аналитике и отчетности:

Инструмент аналитики важен, если вы хотите знать, что происходит на вашем сайте.Он сообщает вам, сколько трафика вы получаете, откуда он и что люди делают на вашем сайте. Google Analytics является стандартом. Это то, что мы используем для Quick Sprout.

Узнайте больше о том, почему Google Analytics является лучшим.

Установить Google Analytics очень просто. Работа с отчетами немного сложнее.

Вот несколько полезных руководств:

Два инструмента веб-аналитики, которые профессионалы используют в 2019 году

Настройте Google Analytics за 3 шага — Руководство для начинающих

10 важных настроек, которые необходимо внести в Google Analytics

Руководство по надстройке Google Analytics для Google Таблиц

Как отслеживать ваши лиды с параметрами UTM

Подробнее о создании и оптимизации с помощью WordPress:

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

Чтобы помочь вам начать работу, мы рассмотрели все лучшие плагины WordPress в самых популярных категориях.

Вот подробный обзор по каждой категории:

Лучшие плагины SEO для WordPress

Лучший плагин галереи WordPress

Лучший плагин для резервного копирования WordPress

Плагин Best Form WordPress

Лучший плагин для кеширования WordPress

Лучший плагин безопасности WordPress

Лучший плагин календаря WordPress

Лучшие плагины Google Analytics для WordPress

Лучший плагин для всплывающих окон WordPress

Лучший плагин для каталогов WordPress

Лучший плагин для бронирования WordPress

Лучшие плагины членства для WordPress

Лучший плагин WordPress для социальных сетей

Полезная информация для сайтов электронной торговли:

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

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

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

Наше руководство по созданию веб-сайта электронной торговли.

Дополнительные полезные руководства по созданию веб-сайта электронной торговли:

WordPress Электронная торговля

Как перенести свой сайт на Shopify

Лучшие темы WordPress для электронной коммерции

Лучший конструктор сайтов электронной коммерции

Разработка процесса оформления заказа

Цветовые схемы для электронной торговли

Как создать печать доверия на странице оформления заказа

Советы по созданию блога:

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

Если вы конкретно думаете о создании блога и именно поэтому пытаетесь придумать, как создать веб-сайт … у нас есть более 40 руководств по ведению блога.

Вот специальные руководства по ведению блога для начала работы и создания блога:

Как начать блог

Лучшие платформы для ведения блогов / сайты для блогов

Лучшие темы WordPress для блогов

Дизайн блога

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

12 главных советов по ведению успешного видеоблога

10 уроков, которые Сет Годин может научить вас ведению блога

100 уроков, извлеченных из 10 лет ведения блога

Создание собственного веб-сайта: вкратце

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

  1. Ваша основная цель — продавать вещи на вашем сайте? Если да, то сосредоточьтесь на Wix, если нет, сосредоточьтесь на WordPress.
  2. Используйте руководства Quick Sprout, чтобы помочь вам в этом процессе. Это, безусловно, период обучения. Если вы потратите время на правильную настройку, это поможет вам в дальнейшем значительно быстрее развивать свой бизнес и трафик.
  3. Не стесняйтесь обращаться к нам напрямую по электронной почте с вопросами.Мы поможем, чем сможем.

Как создать профессиональный веб-сайт для малого бизнеса с WordPress (2021 г.)!

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

Другими словами, если вы хотите создать для себя веб-сайт для малого бизнеса, вы можете:

  • сделать все самостоятельно
  • все сделаю по бюджету
  • И в итоге получите сайт с таким же хорошим (если не намного лучше), чем тот, который вы получили бы, если бы наняли агентство, которое построило бы все это для вас

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

Но могу ли я

действительно создать веб-сайт для малого бизнеса, никого не нанимая?

Хорошо, я понимаю, перспектива создания целого профессионально выглядящего веб-сайта для вашего бизнеса, вероятно, немного устрашает — особенно если у вас нет предыдущего опыта работы с веб-сайтами, онлайн-публикациями или дизайном / разработкой.

Поначалу наем кого-то на работу может показаться более интуитивным — и у него есть неоспоримые плюсы, но есть и несколько минусов..

Вот как подход «сделай сам» по сравнению с наймом профессионала:

Если вы нанимаете кого-то, кто построит для вас сайт:

  • У вас должен быть значительный бюджет. Обычно это примерно от 1000 до 2000 долларов для ОЧЕНЬ базового сайта и больше от 5000 до 10000 долларов, если вам требуются расширенные функции. Это, конечно, приблизительная оценка , поскольку цены будут сильно отличаться в зависимости от ряда факторов, но обычно вы можете ожидать, что разработчик будет взимать от 35 до 100 долларов в час, а весь проект для бизнес-сайта может занять что угодно от двух до шести месяцев.
  • Вы можете извлечь выгоду из опыта человека / команды, создающей сайт для вас. Вероятно, это не их первое родео, поэтому они смогут посоветовать вам оптимальное решение для вашего сайта и как сделать так, чтобы оно продвигало ваш бизнес.
  • Вам не нужен технический опыт или навыки. Обычно вам не нужно думать, «как» что-то будет построено, вам нужно только знать, «что» вы хотите построить.
  • Вы получаете все элементы, установленные для вас — домен, хостинг, программное обеспечение веб-сайта, дизайн, все девять ярдов.
  • Это требует значительно меньше вашего времени по сравнению с подходом «сделай сам».

Сделай сам:

  • Вам нужно откладывать от 60 до 80 долларов в год на свой веб-сайт и необходимые технические настройки, чтобы он работал (домен плюс веб-хостинг). При желании вам могут потребоваться дополнительные 40 долларов за премиальную тему (устанавливаемый дизайн-пакет).
  • Вы сами принимаете все решения, вам необходимо узнать, что делает веб-сайт для малого бизнеса отличным и как вести успешную работу.Другими словами, никто не посоветует, что делать.
  • Вам нужно хорошо разбираться в «компьютерных вещах», но при этом не требуются навыки кодирования / программирования или создания веб-сайтов. Вы все еще можете создать отличный веб-сайт для малого бизнеса самостоятельно, ничего не зная о том, как веб-сайты на самом деле работают под капотом. Все это возможно благодаря современным инструментам.
  • Лучше выделить хотя бы один уик-энд, чтобы сделать свой сайт от начала до конца.

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

Да, ты действительно такой!

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

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

… вы поняли идею, и я надеюсь, что вы уже приняли вас на борт!

Оставшаяся часть этого руководства покажет вам, как именно сделать все это (и даже больше).

Что делает веб-сайт малого бизнеса превосходным?

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

1. Надлежащий веб-сайт для малого бизнеса должен служить ясной цели

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

Вот альтернатива:

Делайте только одно правильно!

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

Вот что я имею в виду:

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

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

⚡ ПУНКТ ДЕЙСТВИЯ: Ваш первый шаг при стремлении создать замечательный веб-сайт для малого бизнеса должен состоять в том, чтобы выбрать основную цель и написать заявление , в котором все рассматривается в перспективе.

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

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

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

2. Хороший веб-сайт для малого бизнеса находит отклик у нужной аудитории

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

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

Людей — всех (включая вас) — интересует только , что для них .

Итак, что вы можете сделать с этими знаниями?

Для начала вы можете сосредоточиться на выяснении этих двух основных элементов:

  • С кем вы хотите связаться?
  • Почему они будут вас слушать?

А вот что самое интересное: если вы, скажем, продаете носки , то «люди с ногами» не является достаточно узким определением вашего целевого рынка, хорошо?

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

Даже Facebook не начинался как «глобальная социальная сеть для всех живущих», хотя это именно то, чем она стала. Это началось как социальная сеть для студентов Гарвардского университета. Больше ничего.

Вот как можно применить тот же принцип поиска аудитории:

Вместо того, чтобы определять вашу идеальную аудиторию через пять лет — «люди с ногами» — подумайте о подмножестве этой группы, к которому вы можете обратиться сегодня. Может быть, вы маунтинбайкер и знаете людей в этом сообществе… Как насчет «носков для маунтинбайкеров (с ногами)»?

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

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

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

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

Итак, что на вашем сайте приносит пользу вашим посетителям?

Обычно это хороший контент.

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

Вот рецепт, который обычно работает:

Болезненная точка в нише + решение с вашим собственным мнением + слабая связь с тем, чем занимается ваш бизнес = заинтересованная аудитория.

Ваша задача: выяснить, что это может быть для вас.

Спойлер: это в основном связано с созданием некоторой формы контента для вашей аудитории. Тип контента зависит от вас. Это могут быть статьи, короткие сообщения в блогах, обзоры, сравнения, отчеты, PDF-документы, видео, аудио и т. Д.

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

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

3. Хороший веб-сайт для малого бизнеса, точно представляющий ваш бизнес

Вы формальный человек? Или, может быть, вы более расслаблены и расслаблены? То же самое и для вашего бизнеса?

У каждого бизнеса есть личность. Это может быть незаметно, но оно определенно присутствует.

Ваш веб-сайт должен соответствовать той же атмосфере, что и ваш бизнес.

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

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

4. Хороший веб-сайт для малого бизнеса сам по себе должен быть эффективным инструментом продаж

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

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

Что делать со списком выше?

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

Но цель не в том, чтобы вас обескуражить; цель — познакомить вас с ключевыми элементами, которые следует учитывать при прохождении следующих этапов процесса.

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

Просто спросите себя: «Поможет ли это сделать мой бизнес-сайт превосходным, а также поможет мне достичь моих целей?»

Вот все факторы в более понятной форме:

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

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

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

Выбор названия для вашего бизнес-сайта — невероятно увлекательное и приятное занятие.Люди просто любят называть вещи!

Как только вы даете имя чему-то, оно становится официальным , кажется, что это осязаемо — как будто вы официально начали работать над чем-то.

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

В целом, при наименовании своего сайта следует учитывать несколько факторов:

  • Имя вашего веб-сайта должно быть уникальным .Это может показаться очевидным, но на самом деле я имею в виду, что в вашей нише (или в аналогичных нишах) не должно быть другого бизнеса с аналогичным названием.
    • Во-первых, это может создать для вас проблемы с точки зрения нарушения прав на товарный знак и т.п. А во-вторых, вы не хотите, чтобы кто-то по ошибке посетил конкурента.
    • Google — ваш лучший инструмент для исследования этого вопроса. Какое бы имя ни пришло вам в голову, просто погуглите его и просмотрите как минимум пять страниц результатов, чтобы узнать, не использует ли кто-нибудь его уже.
  • Должен быть четким, легко набираемым и запоминающимся . Представьте, что вы упоминаете это имя по телефону. Сможет ли человек, с которым вы говорите, запомнить это с первого раза? Позвольте мне привести вам пример, есть настоящее приложение с делами под названием TeuxDeux. Читается «делать». Удачи в объяснении по телефону.
  • Он должен быть броским и иметь потенциал для брендинга . Другими словами, это должно быть слово или фраза, которыми вы можете полностью «владеть».Например, оно не должно означать многое, кроме названия вашей компании. Подумайте, «Facebook» или «Google».

При этом необходимо учитывать еще несколько факторов:

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

Во-вторых, рассмотрите возможные юридические ограничения. Например, придерживаясь ниши WordPress, вы можете задаться вопросом, почему все выбирают «WP» вместо «WordPress». Что ж, использование «WordPress» нарушит торговую марку WordPress. Другими словами, это было бы незаконно. Есть ли такие ограничения в вашей нише?

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

И, наконец, решите, хотите ли вы использовать основное ключевое слово в названии веб-сайта.

Например, в онлайн-бизнес-пространстве есть популярный веб-сайт под названием The Smart Passive Income . Этот веб-сайт был создан для решения идеи «получения пассивного дохода», а «пассивный доход» был ключевым ключевым словом для всего сайта. Итак, он попал в название и URL-адрес веб-сайта — smartpassiveincome.com .

⚡ ПУНКТ ДЕЙСТВИЯ: Попробуйте придумать от пяти до десяти альтернативных названий веб-сайтов.Делайте каждое имя коротким, не более трех слов, учитывая при этом факторы, которые мы обсуждали выше.

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

  • Кухня пещерного человека, Палео-кулинарное руководство, Ешьте как пещерный человек, Готовим пещерный человек, Палео-повар, Готовим по-пещерному человеку, Пещерный человек на кухне.

Домен, Хостинг, Установить WordPress

Это техническая часть того, как создать веб-сайт для малого бизнеса.

Выбор доменного имени

Проще говоря, доменное имя — это адрес вашего веб-сайта в Интернете.

(Вот более подробное объяснение.)

Доменные имена

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

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

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

Один из моих любимых инструментов для проверки доступности доменных имен — это DomainTyper.Он начинает работать, как только вы начинаете вводить свое доменное имя, и показывает вам ряд других доменных расширений, помимо .com .

Далее по странице вы также можете проверить, собираетесь ли вы регистрировать Twitter, Facebook, Instagram и другие социальные профили под тем же именем.

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

⚡ ПУНКТ ДЕЙСТВИЯ: на этом этапе выберите доменное имя, которое вам больше всего нравится. Однако не регистрируйте его через DomainTyper. Для этого мы поедем в другое место.

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

Получение доменного имени и хостинга в одном месте

Каким бы замечательным ни был DomainTyper, лучше регистрировать собственное доменное имя где-нибудь в другом месте.

А именно SiteGround.

SiteGround наиболее известна как веб-хостинговая компания. Веб-хостинг (или веб-сервер) — это место, где хранятся файлы и данные вашего веб-сайта, и откуда они могут быть доставлены любому посетителю, который хочет получить доступ к вашему веб-сайту.

(Подробнее о различиях между доменными именами и хостингом см. Здесь.)

SiteGround — наша любимая хостинговая компания по нескольким причинам:

  • Это доступно.Вы можете получить настройку хостинга от 4 до 6 долларов в месяц.
  • Он оптимизирован для WordPress (опять же, WordPress — это платформа веб-сайтов, которую мы собираемся использовать). SiteGround также позволяет вам установить WordPress за пару простых шагов (мы также рассмотрим это).
  • Мы тестировали SiteGround несколько раз, и каждый раз он справлялся с поставленной задачей. Это подтверждают и независимые обзоры, тесты и опросы. ReviewSignal оценивает SiteGround на уровне 71% (их лучший выбор среди систем виртуального хостинга), а два опроса пользователей, проведенные CodeinWP, оценивают его на 9.2 и 8,56 из десяти (высшие баллы).
  • У него отличная служба поддержки. Это означает, что независимо от того, какой у вас вопрос относительно вашего веб-сервера или веб-сайта WordPress, команда сможет ответить на него.
  • Вы можете настроить хостинг и получить доменное имя за один раз.

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

Сначала перейдите на SiteGround, щелкнув эту ссылку, и выберите один из доступных планов хостинга.

Как видите, есть три основных варианта в разных ценовых категориях. Хотя может возникнуть соблазн выбрать самый дешевый — 3,95 доллара в месяц (цена, которую вы видите, зависит от вашего местоположения), — вам лучше выбрать один из двух других уровней.

  • Если вы не планируете запускать интернет-магазин при создании веб-сайта для малого бизнеса, вы можете выбрать более дешевый — GrowBig (5,95 доллара в месяц).
  • Если вы не знаете, как открыть магазин электронной коммерции, выберите план GoGeek (11 долларов.95 в месяц).

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

  • приоритетная техническая поддержка — так что всегда есть с кем поговорить, если вам понадобится помощь с вашим сайтом (доступно как в планах GrowBig, так и в GoGeek)
  • Серверы
  • с соответствием PCI — необходимы для электронной коммерции (доступно на GoGeek).

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

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

Введите доменное имя, которое вы нашли ранее с помощью DomainTyper, и нажмите Proceed .

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

Единственный раздел, требующий дополнительного внимания, — это блок с надписью Purchase Information .

  • Дата-центр — выберите место, наиболее близкое к вашей целевой аудитории. Вы можете выбрать одно из нескольких мест в США, Европе и Азии.
  • Конфиденциальность домена — как вы можете видеть на изображении выше, если вы не получите эту дополнительную услугу, ваша личная информация (данные, которые вы только что ввели выше) будет общедоступна для всех, кто выполняет «whois» поиск по вашему доменному имени.Если этого вы хотите избежать, вам понадобится это дополнение для обеспечения конфиденциальности домена.
  • SG Site Scanner — я бы сказал, что это не обязательно для большинства пользователей.

Щелкните Pay Now , чтобы завершить настройку.

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

Первым делом нужно установить WordPress (движок вашего сайта).

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

Можно даже назвать это лайфхаком.

  1. Войдите в свою пользовательскую панель SiteGround.
  2. Перейдите прямо в раздел поддержки из верхнего меню.
  3. Прокрутите до конца, где написано «ЗАПРОС ПОМОЩИ У НАШЕЙ КОМАНДЫ», и щелкните ссылку «Связаться с нами». Это инициирует чат с представителем службы поддержки. (Примечание: шаги, необходимые для запуска чата поддержки, могут время от времени меняться с SiteGround.)
  4. Оказавшись там, просто попросите их установить WordPress для вас.Представитель службы поддержки с радостью это сделает (попробовал и проверил).

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

Кроме того, пока мы занимаемся этим, попросите представителя службы поддержки «включить бесплатный SSL на вашем веб-сайте».

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

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

И все!

Как только это будет сделано, у вас будет установлен и готов к работе WordPress! Читайте: Теперь вы готовы завершить создание своего веб-сайта для малого бизнеса своими руками.

WordPress 101

WordPress — отличная платформа. Всем это нравится. Даже Бейонсе. (Да, если вы зайдете на Beyonce.com, это тоже WordPress.)

Однако!

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

Ваш первый опыт работы с WordPress

Чтобы войти в панель администратора, где вы будете выполнять всю свою работу, перейдите по адресу yourdomain.com/wp-admin/ и войдите в систему, используя данные доступа, заданные во время установки.

Это то, что вы увидите на главной панели управления:

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

  • На этом начальном экране панели инструментов (который вы видите выше) отображается приветственное сообщение, а также несколько ярлыков для того, что вы, скорее всего, захотите сделать рано или поздно.
  • Прямо под ним есть блок Jetpack . Jetpack — один из самых популярных плагинов WordPress, который предустановлен вместе с настройкой SiteGround.

На данный момент вы можете игнорировать как приветственный блок, так и блок Jetpack. Мы вернемся к ним.

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

Посты

Для веб-сайта малого бизнеса сообщения могут служить двум целям: вы можете либо вести полноценный блог (что, согласно данным), или вы можете использовать сообщения в блоге, чтобы сообщать о новых разработках, продуктах и ​​событиях в вашем бизнесе. .

Под капотом посты имеют очень простую структуру — это в основном заголовок, основной текст поста и пара мета-настроек (таких как категории или теги).

По умолчанию WordPress берет сообщения вашего блога и отображает их на главной странице вашего веб-сайта в обратном хронологическом порядке.

Медиа

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

Эти файлы могут быть чем угодно, от изображений до видео, PDF-файлов и документов — вы называете это!

Страниц

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

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

Страницы

также обычно используются для вечнозеленой информации на вашем веб-сайте — таких вещей, как ваша ‘about’ info, контактных данных , любых условий использования , которые у вас могут быть, и так далее.

Комментарии

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

Внешний вид

Здесь вы можете изменить внешний вид вашего веб-сайта.

Мы поговорим об этом позже в этом руководстве.

Плагины

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

Плагины

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

Пользователей

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

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

Инструменты

Я бы сказал, что это пережиток старых времен WordPress. Здесь нет ничего особо полезного.

Настройки

Здесь вы найдете все важные настройки, определяющие работу вашего веб-сайта.

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

Настройки Каждый новый сайт WordPress должен начинаться с

Начните, щелкнув ссылку Настройки в меню боковой панели. Вы попадете на панель настроек Общие .

Вот на что обратить внимание:

  • Заголовок сайта — убедитесь, что это то имя, которое вы хотите для своего веб-сайта.
  • Tagline — установите его, если есть девиз, который вы хотите передать рядом с названием сайта.
  • Часовой пояс — установите часовой пояс вашей аудитории.

Затем перейдите в раздел Чтение панели Настройки .

Здесь вы должны установить только одну критически важную вещь:

Убедитесь, что флажок Search Engine Visibility остается снятым , как вы можете видеть на изображении выше.

Если это проверено , Google может никогда не обнаружить ваш веб-сайт!

Следующий раздел на панели Настройки — это Обсуждение .

В нем вы должны принять одно важное решение — хотите ли вы разрешить людям комментировать ваши сообщения в блоге или нет?

Это зависит от личных предпочтений.

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

Если вы хотите, чтобы комментарии были включены, выполните следующие настройки:

Если нет, вы можете просто снять отметку с поля «Разрешить людям публиковать комментарии к новым статьям» .

Последний раздел Settings , который мы собираемся посетить, — это Permalinks .

постоянных ссылок — это сокращение от постоянных ссылок . Они определяют, как структурированы отдельные адреса (URL) ваших сообщений и страниц.

Например, по умолчанию, если я публикую на своем сайте Caveman Cooking новый пост под названием «10 причин, почему Butter Rocks», этот пост будет опубликован по URL-адресу, например https://caveman-cooking.com/?p = 123 . Это не особенно удобно для читателей, потому что никто не может сказать, о чем этот пост, просто взглянув на адрес.

Гораздо лучшим решением было бы разместить его под чем-то вроде https://caveman-cooking.com/10-reasons-why-butter-rocks .

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

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

Получение потрясающего дизайна для вашего веб-сайта

Одна из замечательных особенностей WordPress — это то, как он подходит к теме дизайна веб-сайтов.

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

С технической точки зрения темы WordPress — это компактные устанавливаемые пакеты дизайна, которые заботятся обо всем, что связано с внешним видом вашего веб-сайта.

Если вы хотите увидеть, как выглядит тема WordPress по умолчанию, просто посетите свой новый веб-сайт по адресу yourdomain.com . Скорее всего, вы увидите что-то вроде этого:

Как обычно работают темы, вы получаете ZIP-пакет, содержащий тему, и можете установить его на свой сайт парой щелчков мышью.

Итак, мы знаем, что такое темы WordPress и где их взять, но есть еще один вопрос, на который мы должны ответить:

Что нужно для качественного дизайна веб-сайта для малого бизнеса?

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

Этот:

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

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

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

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

Обладая всей этой информацией, вы можете начать охоту за мусором в поисках идеальной темы!

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

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

💡 СОВЕТ ОТ ПРОФЕССИОНАЛА: это хороший момент для разработки логотипа. Если у вас есть бюджет, чтобы создать его профессионально, вы можете попробовать 99designs. В противном случае вы можете пока игнорировать логотип.

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

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

Вкладка «Популярные» весьма полезна, поскольку в ней перечислены только темы, которые понравились пользователям больше всего. Должна быть причина, по которой эти темы так популярны, верно?

Прямо из ворот есть несколько интересных вариантов для бизнес-сайта:

  • Hestia — многофункциональная бизнес-тема с привлекательной графикой.
  • OceanWP и Astra — настраиваемые многоцелевые темы, которые поставляются с несколькими пакетами дизайна, которые можно импортировать парой щелчков мышью — библиотеки дизайна обеих тем впечатляют и могут быть полезны владельцам веб-сайтов в различных нишах (фитнес , архитекторы, тренеры, кафе, рестораны и т. д.).Вы должны проверить их.
  • Sydney — еще одна бизнес-тема, похожая по структуре на Hestia, но немного другая по стилю.

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

К счастью, широкая ниша food довольно хорошо обслужена (каламбур) в официальном каталоге тем.Когда я помещаю еды в основное поле поиска, мне показывают более 160 тем.

Просматривая все это, я наткнулся на тему под названием Dyad:

Мне нравится этот стиль по нескольким причинам:

  • У него отличные изображения — в пищевой нише важно продемонстрировать все эти вкусные лакомства.
  • Внешний вид отдельных постов и страниц оставляет много места для презентации моего ресторана, рецептов и другого контента.
  • Он работает с надстройками для построения страниц (подробнее об этом чуть позже).

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

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

Есть несколько альтернативных способов сделать это:

Случай №1: Если вы нашли свою тему на WordPress.org

Установка тем с WordPress.org — самая простая вещь в мире! Вот как:

Начните с панели управления WordPress, а затем выберите Внешний вид → Темы .Вы увидите это:

Щелкните Добавить новый . Это приведет вас к внутреннему механизму поиска новых тем WordPress. Оказавшись там, используйте поле поиска и найдите тему, которую вы нашли на WordPress.org ранее. В моем случае:

Щелкните Install , а затем Activate (появится кнопка вместо кнопки Install ).

Вот и все! Ваша тема была активирована, и теперь вы можете увидеть ее в действии, если зайдете на yourdomain.com .

Случай № 2: Если вы нашли свою тему в другом месте

Темы, которые вы не получили с WordPress.org, необходимо будет установить вручную (хотя это все еще несложно).

Во-первых, вам нужен ZIP-файл, содержащий тему. Когда вы покупаете / загружаете тему, вы обычно получаете именно ее.

Не извлекайте этот ZIP-архив, оставьте его как есть.

Перейдите в панель управления WordPress, а затем в Внешний вид → Темы . Вы увидите это:

Щелкните Добавить новый .На следующем экране нажмите Загрузить тему :

Появится приглашение загрузить ZIP-файл вашей темы. После завершения загрузки щелкните ссылку Активировать .

Вот и все! Ваша тема была активирована, и теперь вы можете увидеть ее в действии, перейдя на yourdomain.com .

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

Установить тему — это одно, теперь давайте настроим ее и адаптируем к вашему бизнесу.

Для этого перейдите в панель управления WordPress, а затем в Внешний вид → Настроить . Это запустит то, что называется WordPress Customizer .

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

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

Идентификатор сайта

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

Цвета

Установите основные цвета для таких вещей, как фон, шрифты, ссылки и т. Д. (В зависимости от вашей темы). Насколько это возможно, это должно соответствовать вашему фирменному стилю.

Изображение заголовка

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

Фоновое изображение

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

Виджеты

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

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

Хотя они не критичны с точки зрения бизнес-сайта, вы можете поэкспериментировать с ними, чтобы увидеть, насколько вам понравится общий эффект.

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

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

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

На данном этапе ваш веб-сайт в основном работает, но все еще очень пуст. Обратимся к этому:

Обязательные страницы, которые нужны каждому сайту малого бизнеса

Вот список подстраниц, которые обычно стоит учитывать при создании веб-сайта для малого бизнеса:
  • Домашняя страница — подробнее об этом через минуту.
  • О — рассказать людям, что такое ваш бизнес и как он возник.
  • Свяжитесь с — чтобы рассказать людям, как с вами связаться. Вы также можете встроить модуль Google Maps прямо на эту страницу. Карты Google предоставят вам фрагмент кода, который вы можете просто скопировать и вставить на свою страницу.
  • Услуги, продукты, цены — для демонстрации вашего предложения. Использование красивых изображений и убедительных текстов здесь просто необходимо.
  • Магазин — если вы хотите продавать напрямую через сайт; для электронной коммерции.
  • Юридические страницы — условия использования, политика конфиденциальности и т. Д. Проконсультируйтесь по этому поводу со своим юристом. Разные рынки и юрисдикции предъявляют разные требования.
  • … плюс все остальное, что является стандартом в вашей нише.

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

Как создать новую страницу в WordPress

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

Вот что важно:

  • (a) Здесь идет заголовок вашей страницы.
  • (b) Пространство основного содержания. Здесь вы можете ввести свой контент, а также отформатировать текст, используя стандартные функции редактора, такие как полужирный шрифт, курсив и т. Д.
  • (c) Кнопка Добавить медиа . Используйте его, чтобы включать изображения и другие медиа между вашим текстовым контентом.
  • (d) Когда вы устанавливаете миниатюрное изображение, оно обычно появляется на видном месте на странице. Думайте об этом как о изображении , представляющем вашей страницы. Установка необязательна.
  • (e) По большей части этот раздел можно игнорировать.
  • (f) Здесь вы можете опубликовать свою страницу для всеобщего обозрения. Для этого нажмите Опубликовать . В качестве альтернативы, если вы еще не завершили работу над страницей, но хотите сохранить изменения, нажмите Сохранить черновик .Наконец, кнопка Preview покажет вам, как ваша страница будет выглядеть для посетителя (что будет отличаться от того, что вы видите в этом окне редактора).

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

Я покажу вам, как этого добиться с помощью плагинов — тема следующего раздела этого руководства.

Но сначала:

Как создать меню

Хорошо, сейчас у вас создано несколько страниц. Большой!

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

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

Чтобы сделать все это, перейдем в панель управления WordPress, а затем в Appearance → Menus . При первом посещении вы увидите что-то вроде этого:

  • Слева есть набор раскрывающихся списков, из которых вы можете выбрать страницы для добавления в ваше меню.
  • Справа — текущая структура меню. По умолчанию WordPress заполняет это меню всеми страницами, которые вы уже создали.

Вот что вы можете сделать:

  1. Измените название меню на более представительное.Я выбрал «Главное меню».
  2. Добавьте новые страницы, разместив их в левом разделе, установив соответствующий флажок и нажав Добавить в меню .
  3. Выровняйте существующие элементы в меню с помощью перетаскивания.

Когда вы закончите, нажмите кнопку Create Menu .

По умолчанию это меню будет добавлено в область основного меню вашей темы WordPress — скорее всего, в заголовок. Если вы перейдете на главную страницу своего сайта ( yourdomain.com ), вы увидите меню уже там.

Функции, необходимые на веб-сайте малого бизнеса

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

Короче говоря, плагины WordPress — это небольшие устанавливаемые программные пакеты, которые интегрируются с WordPress и предоставляют новые функции.

Плагины

для вашего сайта WordPress — это то же самое, что приложения для вашего iPhone.

И есть много плагинов для WordPress! Как много, много!

Даже если вас интересуют только бесплатные опции, в официальном каталоге WordPress их около 55 000.орг. Но все они, конечно, не нужны …

Мы покажем вам более удобный список только обязательных подключаемых модулей (или, по крайней мере, обязательных подключаемых модулей ).

Но сначала:

Как установить плагин WordPress

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

Случай № 1: Если вы нашли плагин на WordPress.org

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

  1. Перейдите к Plugins → Add New .
  2. Введите имя плагина, который вы ищете, в поле поиска.
  3. Щелкните Установить сейчас рядом с плагином.
  4. После того, как плагин будет установлен, нажмите Активировать (появится кнопка).

На этом этапе ваш плагин установлен, активирован и готов к работе!

Случай № 2: Если вы нашли подключаемый модуль в другом месте в Интернете

Во-первых, вам нужно получить ZIP-файл, содержащий ваш плагин.После этого делаем следующее:

  1. Перейдите к Plugins → Add New .
  2. Нажмите кнопку Загрузить подключаемый модуль и выберите ZIP-файл подключаемого модуля на вашем диске. Щелкните Установить сейчас .
  3. После того, как плагин будет установлен, нажмите Активировать . Вот так:

На этом этапе ваш плагин установлен, активирован и готов к работе!

Теперь о списке обязательных / обязательных к рассмотрению плагинов:

Плагин SEO

SEO (поисковая оптимизация) — ключевая часть головоломки для любого, кто хочет создать веб-сайт для малого бизнеса, а затем эффективно его продвигать.

Проще говоря, SEO — это практика оптимизации содержания вашего сайта таким образом, чтобы людям было легче найти его в Google.

Лучший такой плагин для WordPress называется Yoast SEO.

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

После установки и активации вы увидите новый раздел на боковой панели панели инструментов WordPress под названием SEO . Когда вы щелкнете по нему, вы увидите главную панель Yoast.

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

Плагин резервного копирования

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

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

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

Простым решением для снижения риска является использование подключаемого модуля резервного копирования. Тот, который я рекомендую, называется UpdraftPlus.

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

Вот как:

После установки и активации плагина перейдите в Настройки → UpdraftPlus Backups .Оказавшись там, перейдите на вкладку Настройки .

Вы можете установить «Расписание резервного копирования файлов» и «Расписание резервного копирования базы данных» на то, что кажется разумным (ежедневное обновление базы данных и еженедельное обновление файлов — хорошая отправная точка).

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

Реактивный ранец

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

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

При активном плагине перейдите в его основной раздел на панели управления WordPress:

Прежде чем вы сможете полностью использовать плагин, вам необходимо настроить себе учетную запись WordPress.com.Начните с нажатия ссылки Set up Jetpack , которую вы видите на скриншоте выше. Вам будут предоставлены пошаговые инструкции по процессу.

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

Когда это будет сделано, вы сможете начать работу с Jetpack.

Вот некоторые из его наиболее полезных функций:

Кнопки социальных сетей

Это вы можете включить, перейдя в Jetpack → Настройки , а затем выбрав Sharing → Добавить кнопки общего доступа к своим сообщениям.

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

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

Контактные формы

Если вы перейдете на одну из своих страниц и отредактируете ее, вы увидите новую кнопку на панели инструментов:

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

Лучшее место для такой интерактивной контактной формы, как это, естественно, ваша страница контактов.

Статистика сайта

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

Чтобы увидеть статистику, перейдите в Jetpack → Site Stats . Если вы только что активировали Jetpack минуту назад, вы еще не заметите там большой активности.Но со временем все станет интереснее.

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

💡 СОВЕТ ОТ ПРОФЕССИОНАЛА. Если вы хотите получить еще больше информации, вам следует интегрировать свой сайт с Google Analytics — более мощным, но все же бесплатным инструментом для анализа посещаемости сайта.

Прочие модули

Мне лично тоже нравится включать следующие модули через Jetpack → Настройки :

  • Письмо → Проверьте правописание, стиль, грамматику
  • Написание → Обслуживать изображения с наших серверов
  • Запись → Ленивая загрузка изображений

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

Создание блога

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

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

Другими словами, людям не обязательно будет интересно читать ваши промо-материалы снова и снова.

Однако то, что может привлечь их внимание, — это хорошо написанный блог.

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

Стратегия, которая работает для большинства, следующая:

  1. Рассмотрите нишу, в которой находится бизнес, и найдите общие проблемы, с которыми сталкиваются люди.
  2. Составьте список из десяти или около того таких задач.
  3. Пишите сообщения в блог, объясняющие, как справляться с этими проблемами.
  4. Распространять эти сообщения с течением времени
  5. При желании добавьте свои продукты или услуги в эти сообщения.

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

Теперь фактический акт запуска блога в WordPress очень прост. Или, более конкретно, , у вас уже есть модуль блога в WordPress прямо на месте.

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

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

С учетом сказанного, теперь у вас есть все элементы, чтобы превратить ваш веб-сайт малого бизнеса в ценный актив … За исключением одного недостающего элемента:

Зачем и как создавать индивидуальную домашнюю страницу для вашего веб-сайта

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

Мы можем лучше!

Представляем концепцию персонализированной домашней страницы! ✨

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

Назначение домашней страницы:

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

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

  • Довольно большой (или даже массивный ) заголовок.
  • Точный вступительный текст.
  • Текст «что делать дальше» и призыв к действию .
  • Обобщение ваших услуг / продуктов.
  • Клиенты / отзывы / другие элементы доверия.
  • Ваш лучший контент / последние сообщения.
  • О инфо.
  • Контактная информация.
  • Электронная почта optin.

Вот почему каждый из этих элементов имеет значение и как с их помощью создать свою домашнюю страницу:

Как создать отличную домашнюю страницу для веб-сайта малого бизнеса

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

  • (Некоторые темы, которые поставляются с настраиваемым шаблоном домашней страницы, включают вышеупомянутые Hestia и Sydney.)

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

Для этого мы будем использовать популярный плагин для построения страниц под названием Elementor.

  • Elementor распространяется бесплатно.
  • Легко использовать.
  • Это не требует от вас каких-либо знаний / навыков программирования.
Шаг 1. Создайте пустую страницу

После того, как вы установили и активировали плагин Elementor, перейдите на Pages → Add New .

Название этой новой страницы, вероятно, станет основным заголовком на вашей домашней странице, поэтому давайте сделаем его репрезентативным.

В моем случае это «Кулинария пещерного человека — лучший палео-ресторан в вашем районе».

Теперь вы готовы нажать на большую кнопку Edit with Elementor .

Шаг 2. Импортируйте шаблон домашней страницы

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

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

Начните с нажатия кнопки ДОБАВИТЬ ШАБЛОН .

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

Мне, например, нравится внешний вид страницы под названием «Домашняя страница — Ресторан» , поэтому я попробую импортировать ее (кнопка «Импорт» появится при наведении курсора на шаблон).

Шаг 3. Измените шаблон

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

Elementor создает вашу страницу на основе определенной архитектуры. А именно, ваша страница состоит из отдельных разделов (один под другим), которые затем состоят из отдельных элементов — и все они могут перемещаться с помощью перетаскивания.

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

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

Таким образом, существует два подхода к работе с шаблонами Elementor.

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

Если вам не на 100% комфортно перетаскивать вещи и переходить к параметрам, вам, вероятно, следует выбрать вариант (а).

Вот что я сделал на своем сайте:

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

Если вы столкнулись с аналогичной проблемой с вашим шаблоном, вы можете исправить ее, щелкнув значок Edit Section , а затем включив переключатель Stretch Section .

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

А теперь исправим заголовок.

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

Я исправлю это, щелкнув значок Edit Section в первом разделе (тот же, который я щелкнул, чтобы растянуть раздел), а затем переключил вкладку на Style , прокрутив вниз до меню Shape Divider и из там выбор разделителя мне нравится — а именно горы .

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

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

Сначала удалите логотип:

Затем перетащите характеристику из раздела ниже.

Остальная часть страницы выглядит неплохо. Я могу, например, повторно использовать раздел НАШИ СЛАДОСТИ , чтобы представить свои лучшие блюда, что можно сделать, щелкнув значок карандаша рядом с изображениями и переключив их на свои собственные.

То же самое и с текстом. Вы можете легко отредактировать это, если щелкнете аналогичный значок карандаша рядом с любым текстовым блоком. Вот так:

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

Я просто перетащу его в раздел, который ближе к верху, а также добавлю четкий заголовок.Вот что я получаю после этого:

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

Кому:

Эти новые блоки со звездами сделаны из элементов под названием «Icon Box» .

💡 СОВЕТ ОТ ПРОФЕССИОНАЛА: Хотите использовать другой экземпляр данного элемента и просто немного его изменить? Не создавайте элемент с нуля, просто продублируйте его и настройте.Вот так:

В целом, после всех этих настроек моя домашняя страница выглядит неплохо. Убедитесь сами:

На данный момент не хватает только одной вещи — страница еще не установлена ​​в качестве фактической домашней страницы для веб-сайта.

Как сделать персонализированную домашнюю страницу фактической домашней страницей вашего веб-сайта

Это очень простая операция:

Перейдите в панель управления WordPress, затем в Настройки → Чтение . Оказавшись там, выберите вашу недавно созданную страницу в качестве домашней страницы:

Пока мы это делаем, также неплохо создать новую пустую страницу, назвать ее «Блог» и назначить ей « страниц сообщений » (другое поле, показанное на скриншоте выше).Эта новая страница теперь будет служить новым листингом для ваших сообщений в блоге.

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

Основы продвижения бизнес-сайта

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

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

Основная ошибка, которую делают люди при продвижении своих сайтов, — это слишком широкое мышление. Они пытаются, так сказать, «взломать код» и найти способ сделать свой веб-сайт глобальным успехом с первого дня. Это плохой образ мышления.Гораздо лучше выяснить, как вы собираетесь привлечь своих первых 100 посетителей, первых 1000 после этого и так далее.

Имея это в виду, есть множество вещей, которые вы можете сделать, чтобы как Google, так и онлайн-аудитория могли вас найти:

  1. Включите адрес своего веб-сайта на визитных карточках / в меню ресторана / на листовках / везде.
  2. Поисковая оптимизация (SEO). Как я уже сказал ранее, SEO — это ключевой элемент головоломки при продвижении веб-сайта.Работая над своим сайтом, всегда обращайте внимание на то, что плагин Yoast SEO сообщает вам об уровнях оптимизации, и старайтесь изучать SEO помимо этого из других источников.
  3. Используйте свой блог как маркетинговый инструмент. Это называется контент-маркетинг , и принцип прост: вы публикуете статьи в блогах, которые помогают людям справляться с конкретными проблемами → эти люди затем проверяют остальную часть вашего веб-сайта → вы получаете новых клиентов.
  4. Попробуйте платное продвижение через Google AdWords.Создавайте объявления для своих продуктов или услуг и перенаправляйте их на свой веб-сайт.
  5. Обеспечьте присутствие на Facebook. Присоединяйтесь к группам в своей нише, участвуйте в обсуждениях, создайте свою страницу и расскажите об этом своим клиентам (опять же, лично).
  6. Разместите рекламу на Facebook, как только вы определите правильную демографическую группу.
  7. Создайте профиль в Instagram. Делайте снимки своих продуктов и публикуйте их, используя соответствующие хэштеги (этот инструмент может вам в этом помочь). Вернитесь на свой сайт по ссылке из вашей биографии профиля.
  8. Создайте канал на YouTube, если он имеет смысл в вашей нише (и для вас лично). Верните ссылку на свой сайт из описаний ваших видео.
  9. Комментируйте популярные сайты / блоги в своей нише и привяжите свое имя к своему сайту. Большинство форм комментариев позволяют вам это делать.
  10. Обратитесь к своим друзьям и другим людям, которые могут быть заинтересованы, по электронной почте. Расскажите им о своем веб-сайте и о том, почему им следует его посетить.
  11. Посещайте отраслевые конференции и встречи.Создайте свою сеть. Расскажите им о своем веб-сайте и бизнесе.

В общем, вам следует сделать свой веб-сайт центром всего, что вы делаете в Интернете.

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

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

Теперь ваша очередь!

Теперь вы знаете достаточно, чтобы быть опасным, как говорится, и самостоятельно успешно создать веб-сайт для малого бизнеса!

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

  1. Определите четкую цель существования вашего веб-сайта.
  2. Определите свою аудиторию.
  3. Определиться с общим настроением.(Должен ли ваш сайт быть более модным или корпоративным?)
  4. Выберите имя для своего веб-сайта и укажите доменное имя.
  5. Купить домен и настройку хостинга.
  6. Установите WordPress.
  7. Изучите базовый интерфейс WordPress.
  8. Выполните основные настройки, необходимые каждому сайту WordPress.
  9. Подберите подходящую тему (дизайн) для своего сайта.
  10. Установите тему.
  11. Настройте тему с помощью настройщика WordPress.
  12. Убедитесь, что дизайн оптимизирован для мобильных устройств.
  13. Создайте все обязательные страницы.
  14. Создать меню навигации для веб-сайта.
  15. Установите несколько полезных плагинов WordPress.
  16. Напишите свой первый пост в блоге.
  17. Создайте персонализированную домашнюю страницу.
  18. Начните продвигать свой сайт.

Хотите узнать больше о WordPress и о том, как вы можете использовать его для развития своего бизнеса? Ознакомьтесь с другими нашими руководствами прямо здесь, на WinningWP.

Как создать бесплатный веб-сайт на WordPress

В этом руководстве мы рассказали, как создать бесплатный веб-сайт на платформе WordPress.com. Между WordPress.org и WordPress.com большая разница, я расскажу о различиях в отдельном посте, пока вы должны знать только, что вы можете создать бесплатный веб-сайт на WordPress.com, а не на WordPress.org. Здесь мы покажем вам, как бесплатно создать и разместить ваш сайт на WordPress.com.

Начнем с пошагового процесса создания сайта.

Шаг 1. Регистрация на WordPress.com

Сначала вам нужно зарегистрироваться на WordPress.com, поэтому перейдите на http://wordpress.com/ и вы увидите экран, подобный приведенному ниже. Щелкните Приступить к работе . Вы будете перенаправлены на страницу регистрации.

Заполните регистрационную форму. Поля, которые необходимо указать, — это адрес электронной почты, имя пользователя, пароль и адрес блога (доменное имя). Щелкните Create Blog!

Есть несколько вещей, которые вы должны знать — выбранное вами доменное имя будет иметь суффикс с WordPress.com (поскольку вы используете платформу WordPress для создания бесплатного веб-сайта) , например, я выбираю имя блога easysteps2buildwebsite, и к нему автоматически добавляется суффикс wordpress.com, поэтому мое полное доменное имя (адрес веб-сайта) будет easysteps2buildwebsite.wordpress.com.

Шаг 2. Подтвердите адрес электронной почты и активируйте блог

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

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

Шаг 3. Настройте блог

После того, как вы закончите шаг 2, вас попросят указать некоторые подробности о вашем новом веб-сайте, такие как заголовок блога, слоган и язык. Нажмите Next Step после заполнения всех этих данных.

Шаг 4. Выберите и настройте тему WordPress

На этом этапе вам необходимо выбрать тему для вашего веб-сайта.Там вы найдете как бесплатные, так и премиальные темы. Выберите любую бесплатную тему, выберите ее и переходите к следующему шагу. Вы также можете просмотреть другие бесплатные темы на http://theme.wordpress.com/themes/sort/free/.

Настройте тему, если хотите, в противном случае щелкните Следующий шаг

Шаг 5. Подключитесь к Facebook или Twitter

Здесь вы можете настроить свои учетные записи Twitter и Facebook. Вы также можете пропустить этот шаг и перейти к следующему.Вы сможете настроить эти элементы позже.

Шаг 6: Завершение процесса

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

Шаг 7. Посетите недавно созданный веб-сайт

Зайдите в браузер и укажите полное доменное имя (URL-адрес веб-сайта). Вы сможете просматривать свой веб-сайт. Круто, да! Весь процесс занял всего пару минут, чтобы все настроить.Ждать!! Мы еще не закончили, это только начало. Вам нужно будет изменить внешний вид своего веб-сайта, чтобы он выглядел привлекательно. Вы можете сделать это, обратившись к следующему разделу.

Изменить внешний вид

Для изменения внешнего вида вашего вновь созданного веб-сайта. Щелкните My Blog в строке меню, а затем щелкните Изменить внешний вид. См. Снимок ниже.

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

  • Панель мониторинга : для обновлений WordPress, плагинов и тем.
  • Сообщения : Для редактирования, удаления и написания новых сообщений.
  • Мультимедиа : для управления и загрузки новых мультимедийных файлов, таких как изображения и видео
  • Страницы : Для управления и создания новых страниц в вашем блоге.
  • Комментарии : Для модерирования комментариев — здесь вы можете одобрять, удалять и отвечать на комментарии.
  • Внешний вид : Мы уже рассмотрели это ранее — для опробования новых тем и настройки.
  • Настройки : Еще много дел. Просмотрите настройки и настройте их в соответствии с потребностями.

Заключительные слова

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

Руководство для начинающих по разработке темы WordPress

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

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

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

Введение в разработку тем WordPress

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

На этом этапе вы можете подумать о создании своей собственной темы. К счастью, разработка темы для WordPress — не слишком сложное дело, как вы можете себе представить. Благодаря врожденному удобству платформы и многочисленным доступным инструментам практически любой может создать собственную тему.

Мы проведем вас через процесс создания вашей первой темы. Для начала вам понадобятся две вещи:

Вам также будет полезно иметь опыт работы с местными постановочными средами, поскольку вы будете использовать их для создания своей темы. Некоторое понимание CSS и PHP также будет полезным (если не обязательно).

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

Что такое стартовая тема (и почему вы должны ее использовать)

Стартовая тема — это простая тема WordPress, которую вы можете использовать для создания своей собственной. Использование стартера позволяет вам создать прочную структуру, не беспокоясь о сложностях, связанных с написанием темы с нуля. Это также поможет вам понять, как работает WordPress, показывая вам базовую структуру темы и то, как все ее части работают вместе.

Существует множество отличных стартовых тем, включая Underscores, UnderStrap и Bones (и это лишь некоторые из них).

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

Как разработать свою первую тему WordPress (за 5 шагов)

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

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

Шаг 1. Настройка локальной среды

Первое, что вам нужно сделать, это создать локальную среду разработки. Фактически это сервер, который вы устанавливаете на свой компьютер и который можно использовать для разработки и управления локальными сайтами WordPress.Локальный сайт — это безопасный способ разработать тему, никоим образом не влияя на ваш действующий сайт.

Есть много способов создать локальную среду, но мы собираемся использовать DesktopServer. Это быстрый и простой способ бесплатно установить локальную версию WordPress, совместимый как с Mac, так и с Windows. Для начала выберите бесплатную версию DesktopServer, завершите процесс регистрации и загрузите установщик.

После загрузки установщика его можно запустить.

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

Шаг 2. Загрузите и установите стартовую тему

Как и большинство начальных тем, с Underscores очень легко начать работу. Фактически, все, что вам нужно сделать, это зайти на сайт и назвать свою тему.

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

Есть еще _sassify! , который добавит в вашу тему файлы Syntactically Awesome StyleSheets (SASS). SASS — это язык предварительной обработки для CSS, который позволяет использовать переменные, вложение, математические операторы и многое другое.

Когда вы сделали свой выбор, вы можете нажать Generate , что приведет к загрузке .zip , содержащий вашу начальную тему. Это ядро, на основе которого вы будете разрабатывать свою собственную тему, поэтому установите ее на своем локальном сайте. После установки темы вы можете предварительно просмотреть свой сайт, чтобы увидеть, как он выглядит. Сейчас это очень просто, но это ненадолго!

Шаг 3. Понять, как работает WordPress за кулисами

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

WordPress определяет, какие файлы шаблонов использовать на каждой странице, просматривая иерархию шаблонов. Это порядок, в котором WordPress будет искать соответствующие файлы шаблонов при каждой загрузке страницы на вашем сайте.Например, если вы перейдете по URL-адресу http://example.com/post/this-post , WordPress будет искать следующие файлы шаблонов в следующем порядке:

  1. Файлы, соответствующие заголовку, например this-post .
  2. Файлы, соответствующие идентификатору сообщения.
  3. Общий файл с одним постом, например single.php .
  4. Архивный файл, например archive.php .
  5. Файл index.php .

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

Еще один важный элемент, который вам нужно усвоить, — это The Loop. Это код, который WordPress использует для отображения контента, поэтому во многих отношениях он является сердцем вашего сайта. Он присутствует во всех файлах шаблонов, отображающих содержимое публикации, например, индекс .php или sidebar.php .

Цикл — это сложный предмет, о котором мы рекомендуем вам прочитать больше, если вы хотите лучше понять, как WordPress отображает контент сообщений. К счастью, цикл уже будет интегрирован в вашу тему благодаря Underscores, так что пока не стоит об этом беспокоиться.

Шаг 4. Настройте тему

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

Добавьте функциональность с помощью «крючков»

Хуки — это фрагменты кода, вставленные в файлы шаблонов, которые позволяют запускать действия PHP в различных областях сайта, вставлять стили и отображать другую информацию. Большинство хуков реализовано непосредственно в ядре WordPress, но некоторые полезны и для разработчиков тем.

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

  • wp_head () — Добавлен в элемент в заголовке.php и включает стили, сценарии и другую информацию, которая запускается при загрузке сайта.
  • wp_footer () — Добавлен в footer.php прямо перед тегом . Это часто используется для вставки кода Google Analytics.
  • wp_meta () — обычно появляется в sidebar.php, чтобы включать дополнительные скрипты (например, облако тегов).
  • comment_form () — Добавлен в comments.php непосредственно перед закрывающим тегом
файла для отображения данных комментария.

Они уже будут включены в вашу тему «Подчеркивания». Тем не менее, мы по-прежнему рекомендуем вам посетить базу данных хуков, чтобы увидеть все доступные хуки и узнать о них больше.

Добавить стили с помощью CSS

Каскадные таблицы стилей (CSS) — это то, что определяет внешний вид всего контента на вашем сайте. В WordPress для этого используется файл style.css . Этот файл уже включен в вашу тему, но на данный момент он содержит только базовый стиль по умолчанию.

Если вам нужен быстрый пример того, как работает CSS, вы можете отредактировать любой из стилей здесь и сохранить файл, чтобы увидеть эффекты. Например, вы можете найти следующий код (обычно в строке 485):

a { цвет: королевский синий; }

Управляет цветом непосещенных гиперссылок, которые по умолчанию отображаются ярко-синим:

Давайте посмотрим, что произойдет, если мы попытаемся изменить это, заменив его следующим кодом:

a { красный цвет; }

Сохраните файл и проверьте свой локальный сайт.Как и следовало ожидать, все непосещенные ссылки теперь будут ярко-красными:

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

. а: посетил { цвет: фиолетовый; }

Это очень простой пример того, как редактирование style.css повлияет на внешний вид вашего сайта. CSS — это обширная тема, которую мы рекомендуем вам изучить дальше, если вы хотите узнать больше о создании веб-дизайна.По этой теме есть много ресурсов для начинающих.

Шаг 5. Экспортируйте тему и загрузите ее на свой сайт

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

Когда вы тщательно протестировали свою тему и убедились, что она соответствует требуемым стандартам, остается только экспортировать ее. Самый простой способ сделать это — просто найти, где установлен веб-сайт на вашем локальном компьютере, скорее всего, в папке с именем Websites внутри вашего каталога по умолчанию Documents . Откройте папку веб-сайта и перейдите по ссылке / wp-content / themes / , где вы найдете свою тему.

Теперь вы можете использовать инструмент сжатия, такой как WinRAR, для создания файла .zip на основе папки. Просто щелкните папку правой кнопкой мыши и выберите параметр, позволяющий заархивировать ее, например «Сжать папку».

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

Заключение

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