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

Содержание

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

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

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

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

Если собираетесь делать интернет-магазин

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

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

👉 Как создать интернет-магазин на WordPress

Стойте, а почему именно WordPress?

Это самая популярная платформа для создания сайтов. В начале 2019 года на сайте платформы говорится, что на WordPress сделаны 33% сайтов в интернете:

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

Теперь — к делу! Будем разбираться по порядку.

План

Что понадобится для начала

Хотя создание сайта на WordPress и бесплатно, потратиться всё равно придётся. Чтобы опубликовать сайт в интернете, нужно купить домен и хостинг. Если у вас это уже есть, переходите к следующему разделу.

Домен — это имя сайта. Посетители вводят его в браузере, чтобы попасть на сайт. Например, домен нашего сайта — hostiq.ua.

Хостинг — это место, где хранится сайт. Физически это компьютер, который круглосуточно подключён к интернету.

Если покупать у нас, годовая подписка на хостинг для WordPress и домен .com будет стоить 1350 гривен.

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

Пройдём по этапам покупки.

Шаг 1. Зайдите на сайт hostiq.ua, наведите курсор на «Хостинг» в верхнем меню выберите раздел «CMS-хостинг» из выпадающего списка.

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

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

Шаг 2. Для начала первого тарифа будет достаточно. Чтобы оформить тестовый период, нажмите «Тестировать 30 дней».

Шаг 3. Откроется страница с формой заказа. В пустом поле впишите домен, который хотите зарегистрировать, и нажмите кнопку «Проверить».

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

Шаг 4. Когда найдёте свободный домен, ниже появятся дополнительные детали регистрации. Проверьте, всё ли вас устраивает и жмите «Продолжить».

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

Если у вас уже есть аккаунт на нашем сайте, выберите вверху вкладку «Я — существующий клиент» и введите его логин-детали.

Чтобы перейти к оплате, нажмите «Оформить заказ».

Шаг 6. Выберите удобный метод оплаты. Мы принимаем карты любых банков, платежи через терминалы, Приват24, PayPal или WebMoney.

После оплаты вам на почту придёт письмо с логином и паролем от панели управления хостингом. В ней будем подключать WordPress к домену и создавать сайт. Тема этого письма — «Ваш виртуальный хостинг готов к использованию».

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

Шаг 1. Перейдите на главную страницу и нажмите кнопку «Панель клиента» в правом верхнем углу. Затем найдите в списке продуктов хостинг и нажмите кнопку «Контрольная панель».

Шаг 2. В новой вкладке откроется панель управления хостингом — cPanel. Прокрутите экран в самый низ до раздела «Softaculous Apps Installer» и нажмите на ярлык «WordPress».

Шаг 3. На открывшейся странице нажмите кнопку «Install Now».

Шаг 4. Следующая страница — детали установки WordPress. Всё, что вы там увидите, можно изменить позже. Поэтому отредактируем только основные поля.

Найдите раздел «Admin Account» и придумайте логин и пароль. С этими данными вы будете заходить в панель управления сайтом.

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

По умолчанию во время установки всё на английском языке. Если хотите, чтобы панель управления WordPress была на русском, выберите «Russian» в разделе «Choose Language».

Шаг 5. В конце страницы можно выбрать тему будущего сайта. Пропустим этот шаг и выберем тему после установки WordPress.

Прокрутите страницу вниз и нажмите кнопку «Установить». В конце должна появиться такая страница:

Шаг 6. Перейдите в панель управления WordPress. Для этого введите в браузере ваш домен и допишите в конце /wp-admin. Должно получиться так: http://vashdomen.com/wp-admin.

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

Теперь опишем этапы создания сайта на WordPress.

Выбираем тему

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

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

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

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

Сразу после установки WordPress сайт будет выглядеть так:

Это тема, которая включается по умолчанию. Посмотрим, какие ещё темы есть в свободном доступе.

Шаг 1. В левом меню панели управления WordPress найдите раздел «Внешний вид» и перейдите в подраздел «Темы».

Шаг 2. Несколько тем установлены по умолчанию, но использовать их не обязательно. Чтобы посмотреть другие темы, нажмите «Добавить новую тему» внизу.

Шаг 3. Не каждая тема подойдёт для любого типа сайта. Некоторые темы специально сделаны для интернет-магазинов, некоторые для лендингов или новостных сайтов.

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

Шаг 4. Найдите тему, которая нравится вам больше всего, наведите на неё курсор и нажмите «Установить». А затем сразу «Активировать». После этого вас перенаправит назад к списку установленных тем.

В этом руководстве мы будем делать сайт на примере темы «Screenr». Если выберете другую, некоторые настройки могут отличаться.

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

Добавляем контент

У сайтов на WordPress бывает два типа контента: посты и страницы.

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

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

Сначала добавим на сайт несколько постов.

Шаг 1. В меню слева найдите раздел «Записи» и нажмите «Добавить новую».

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

После публикации главная страница изменится и будет выглядеть так:

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

Шаг 2. Создадим новую страницу и сделаем её главной. Для этого найдите в левом меню раздел «Страницы» и нажмите «Добавить новую».

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

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

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

Шаг 3. Создайте новую страницу и назовите её «Блог». В атрибутах страницы оставьте значение «Базовый шаблон».

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

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

Шаг 4. Найдите в левом меню раздел «Настройки» и выберите подраздел «Чтение».

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

В графе «Главная страница» выберите название страницы, которую вы только что создали. А в графе «Страница записей» выберите «Блог». Не забудьте сохранить изменения.

Введите домен в браузере. Главная страница сайта должна поменяться:

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

В следующем разделе наведём красоту: отключим ненужные блоки и переделаем остальные.

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

Шаг 1. Наведите курсор на раздел «Внешний вид» в левом меню и выберите подраздел «Настроить». Откроется редактор сайта.

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

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

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

Перейдите в раздел «Опции темы» и откройте подраздел «Верхний колонтитул». В выпадающем списке выберите значение «Фиксированный и прозрачный». Затем нажмите «Опубликовать».

Шаг 4. Отредактируем баннер. Вернитесь в главное меню редактора и перейдите в раздел «Разделы главной страницы». За баннер отвечает подраздел «Герой».

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

Чтобы изменить изображение и текст баннера, нажмите на выпадающий список с названием «Элемент».

Шаг 5. Добавим в шапку страницы ссылки на блог и форму обратной связи.

Ссылку на блог мы уже знаем — http://vashdomen.com/blog. Теперь узнаем ссылку на форму.

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

У каждого раздела на главной странице есть свой идентификатор. Посмотреть его можно в разделе редактора, который посвящён этому блоку. Из основного меню перейдите в «Разделы главной страницы» и выберите подраздел «Контакты».

Идентификатор — это поле «ID раздела». Придумайте короткое слово латинскими буквами, чтобы потом в ссылке был только один язык.

Мы создали идентификатор и теперь можем составить ссылку на раздел. К обычной ссылке на главную страницу сайта нужно добавить дробь, символ решётки и идентификатор нужного блока. Получится такая ссылка: http://vashdomen.com/#contacts.

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

Шаг 6. Добавим ссылки в шапку сайта. Для этого нужно создать меню.

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

Придумайте название для меню, поставьте галочку в поле «Основной» и нажмите «Далее».

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

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

Точно так же добавьте остальные ссылки. В конце нажмите «Опубликовать».

На сайте ссылку появятся в верхнем правом углу:

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

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

Добавляем плагины

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

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

Сейчас на нашем сайте есть блок для обратной связи, но в нём нет контактной формы. Установим специальный плагин, который добавит её на сайт.

Шаг 1. Наведите курсор на раздел «Плагины» в левом меню и выберите подраздел «Добавить новый».

В этом разделе больше 50 тысяч плагинов с разными функциями. Чтобы добавить контактную форму, подойдёт плагин «Contact Form 7». Найдите его и нажмите «Установить» в правом верхнем углу, а затем «Активировать».

Шаг 2. Откроется страница с установленными плагинами. Найдите нужный плагин в списке и нажмите «Настройки» под его названием.

В списке уже будет контактная форма с названием «Контактная форма 1». Нажмите на её название, чтобы открыть редактор формы.

Удалите текст из поля «Шаблон формы». Будет проще научиться, если вы добавите нужные поля заново.

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

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

Для почты, телефона и отправки есть свои кнопки, а для имени и проблемы подойдёт обычное текстовое поле.

Шаг 3. Сначала нажмите кнопку «Текст». Появится всплывающее окно, в котором можно сделать поле обязательным, придумать для него имя и значение по умолчанию.

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

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

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

Шаг 4. По умолчанию поля формы будут занимать всю ширину экрана. Если хотите сделать их уже, добавьте перед квадратными скобками текст <label>, а после них — </label>. В конце не забудьте нажать кнопку «Сохранить» в правой части экрана.

Должно получиться так:

На вкладке «Уведомления при отправке формы» можно отредактировать сообщения, которые посетитель увидит, когда нажмёт кнопку «Отправить».

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

В редакторе сайта зайдите в раздел «Разделы главной страницы» и выберите «Контакты». Вставьте скопированный текст в поле «Описание раздела» и опубликуйте изменения.

Вот что получится в итоге:

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

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

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

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

26 бесплатных тем для WordPress
10 плагинов для SEO
17 способов защитить сайт от взломщиков

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

Как сделать резервную копию сайта
Как адаптировать сайт для мобильных устройств
Как создать интернет-магазин на WordPress

Видеоуроки. Записали для вас серию видеоуроков по работе с 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: Пошаговое Руководство

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

Начинаем Путешествие по WordPress

Итак, как же создать сайт WordPress? На самом деле это не так сложно, как вы думаете. В конце концов, WordPress — это система управления контентом, которая создавалась для людей, обычных пользователей, специально для того, чтобы помочь им с запуском сайтов. Следуйте нашему руководству и уже к обеду у вас будет собственный сайт/блог.

1. Определяем Тематику Контента

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

Рекомендуем к прочтению наши статьи о различных типах сайтов (англ) и блогов.

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

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

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

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

2. Выбор Доменного Имени

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

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

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

Если вы довольны выбранным именем, самое время проверить, доступно ли оно, и зарегистрировать его. Здесь, в Hostinger, вы можете приобрести домены с расширением .xyz, .online или .store менее чем за 1$, а домен .com — всего за 508₽.

3. Выбираем Хостинг

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

  • Что вам нужно: сколько ресурсов понадобится вашему сайту, каков ваш план на следующие 12 месяцев и насколько большой он будет.
  • Время безотказной работы. Важно, чтобы ваш сайт работал и работал стабильно 24/7/365. Убедитесь, что хостинг гарантирует это.
  • Служба поддержки. Если всё-таки так случилось, что ваш сайт не работает или у вас возникли какие-либо проблемы, важно, чтобы вы могли обратиться в службу поддержки за помощью.
  • Прост в использовании. Многие владельцы веб-сайтов не имеют опыта программирования. Панель управления должна быть удобной и простой в навигации.
  • Доступность. Бюджет и затраты — не последнее, что играет роль при запуске сайта. Вы не хотите платить деньги за хостинг, который не отвечает вашим потребностям.

И немножко рекламы: если вы задумываетесь про хостинг в Hostinger, забегая на перёд, скажем, что вы получите всё, что мы перечислили выше. Мы предлагаем недорогой, но качественный хостинг, поддержку клиентов онлайн, 99.9% аптайма и многое другое.

Вот краткий обзор общих планов хостинга Hostinger:

Кроме того, мы предлагаем WordPress хостинг, тарифные планы которого по умолчанию оптимизированы под эту CMS.

4. Установка WordPress

Как же установить WordPress? Ещё одно преимущество хостинга Hostinger — это удобная установка WordPress всего в несколько кликов из панели управления. 

Вот как это происходит:

1. Зайдя в личный кабинет Hostinger, щёлкните значок Автоустановщика на панели инструментов.

2. Найдите кнопку WordPress и просто нажмите на неё.

3. Введите необходимые данные:

  • URL — ваш зарегистрированный домен или адрес вашего сайта WordPress.
  • Язык — выберите основной язык для WordPress.
  • Имя администратора — имя пользователя, которое вы будете использовать для входа в панель управления WordPress.
  • Пароль администратора — пароль, который вы должны ввести, чтобы войти в админку WordPress.
  • Электронная почта администратора — введите активный адрес электронной почты, так как он будет использоваться для уведомлений и сброса пароля.
  • Заголовок сайта — заголовок вашего сайта
  • Тэглайн сайта — слоган или краткое описание того, о чём ваш сайт.

4. Нажмите на кнопку Установить.

5. Выбор Темы

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

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

Огромный плюс в WordPress — огромное количество тем на выбор.

Темы WordPress бывают платные и бесплатные. Среди популярных бесплатных тем WordPress — Zakra, Shapely и Flash.

В то время как Uncode, Divi и X являются одними из рекомендуемых платных тем.

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

Чтобы установить тему, просто войдите в свою панель управления WordPress и наведите курсор на вкладку “Внешний вид”. Выберите “Темы” и нажмите “Добавить новую”. Найдите нужную тему WordPress и наведите на неё курсор, затем нажмите кнопку “Установить”.

Подробное руководство вы можете найти в нашей статье о том, как установить темы WordPress.

6. Установка Плагинов

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

Вот некоторые из основных плагинов, с которых вы можете начать:

  • WooCommerce — полезный плагин, с помощью которого вы можете превратить ваш сайт в интернет-магазин. Идеально подходит для тех, кто хочет продавать свои продукты или услуги через сайт WordPress.
  • Yoast SEO — один из лучших плагинов для поисковой оптимизации (SEO). С его помощью, вы сможете публиковать более качественный, оптимизированный для поиска контент.
  • W3 Total Cache ускорит загрузку вашего сайта на устройствах читателей при последующих посещениях.
  • Keyy Two Factor Authentication — плагин для безопасности, защитит ваш сайт от несанкционированного доступа, запрашивает подтверждение личности через дополнительное устройство.

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

  1. Перейдите в раздел плагинов в административной панели WordPress.
  2. Затем нажмите кнопку “Добавить новый” в верхней части страницы.
  3. Введите ключевое слово для поиска нужного вам плагина в поисковой строке, затем нажмите кнопку “Установить” возле названия плагина. Или, если вы скачали плагин заранее, просто нажмите “Загрузить плагин”. Затем “Выберите файл” — выберите архив с плагином на вашем компьютере и нажмите “Установить”.
  4. Чтобы активировать плагин, после процесса установки, нажмите “Активировать”.

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

Как только вы всё это сделаете, приступайте к запуску сайта.

Что дальше?

Вот видите, создание сайта на WordPress — не такой уж и сложный процесс! 

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

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

Чтобы облегчить вашу работу по продвижению сайта WordPress, установите плагин Google Analytics.

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

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

Выводы

Теперь вы понимаете, как происходит создание сайта на WordPress и что это совсем не сложно! Самый трудоёмкий и кропотливый этап работы — это этап планирования самого процесса. Мы надеемся, что наше руководство поможет вам реализовать ваши идеи и в скором времени создать и запустить собственный сайт. Давайте ещё раз напомним, что вам предстоит сделать:

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

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

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

Записи

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

Медиафайлы

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

Страницы

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

Комментарии

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

Внешний вид

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

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

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

Плагины

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

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

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

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

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

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

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

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

Как сделать сайт на WordPress: подробная инструкция

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

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

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

№1. Выбор домена

Домен — это имя сайта в Интернете. Прежде чем создавать любой сайт, вам нужно придумать его доменное имя. Например, домен нашего сайта — mchost.ru.

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

Основные правила выбора доменного имени:

  1. Оно должно быть свободным (проверить домен на занятость можно в нашей панели управления).
  2. Не используйте похожие на другие бренды слова (например, Avlto вместо Avito) — обычно это признак мошенников.
  3. Рекомендуем отказаться от использования дефисов и двойных букв.
  4. Помните, что домен должен быть кратким, звучным и запоминающимся.
  5. Домен должен ассоциироваться с названием вашей компании и брендом.

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

№2. Выбор хостинга

Хостинг — это место, где будет жить ваш сайт. Покажем на примере нашего хостинга, как сделать сайт ВордПресс.

  1. Выбираем хостинг. Если вы начинающий специалист и собираетесь размещать 1 проект на хостинге, рекомендуем выбрать обычный виртуальный хостинг. Если вы не уверены, что вам подойдет стандартный тарифный план, можете рассмотреть специальный хостинг для WordPress. На нем вы сможете размещать до 25 сайтов, а работа CMS будет быстрой и стабильной. Мы рассмотрим вариант с простым тарифом. Выберите подходящий тариф и нажмите кнопку «Заказать».
  2. На этапе регистрации введите email-адрес, вид регистрации (на физическое или юридическое лицо), промокод или код партнера (если есть).
  3. Далее выберите тарифный план и период оплаты (чем больше срок оплаты, тем больше предоставляется скидка). Выберите домен: либо зарегистрируйте новый (просто введите название), либо добавьте уже существующий. После этого подтвердите данные и перейдите в панель управления.
  4. Для активации аккаунта нажмите «Пополнить», выберите удобный способ и оплатите выбранные услуги.
  5. Для покупки домена вам потребуется заполнить анкету владельца. Не забудьте поставить галочку «Разместить домен на хостинге». Регистрация домена происходит практически мгновенно, но начинает он работать в течение 4–24 часов. Регистрация в панели, если вы не выбрали домен сразу с хостингом.

№3. Установка WordPress

  1. Для автоматической установки ВордПресс необходимо перейти во вкладку «Установка приложений» и нажать на кнопку «Установить» напротив нужной CMS.
  2. Далее выберите адрес сайта (домен), на который вы хотите установить WordPress (WP). Путь установки можете оставить стандартным «/». Данные для администратора — это данные по которым вы сможете зайти в панель управления WP.
  3. Если у вас еще нет базы данных, нажмите на «Создать базу». Имя и логин могут совпадать, но лучше делать их разными с точки зрения безопасности. После того, как база данных будет активирована, выбирайте ее при установке ВордПресс.
  4. Последний этап — нажимаем кнопку «Установить приложение», ждем окончания загрузки и переходим по данным для администратора, чтобы войти в панель управления WordPress.

№4. Создаем сайт на WordPress

  1. Выбираем шаблон сайта. С помощью специальных тем вы сможете создать собственный веб-ресурс без навыков дизайна и программирования. Просто выберите подходящий вам шаблон.
  2. Вы всегда можете посмотреть и настроить тему. Для этого наведите на нее и нажмите на «Просмотреть». Вы увидите изображение своего сайта и все настройки: как можно изменить шапку, как будет выглядеть футер, что добавить в меню и многое другое.
  3. В записях вы сможете добавлять статьи и другие публикации на сайт. Здесь также можно управлять рубриками и метками. Например, если вы создадите сайт про автомобили, то рубриками могут быть разделы по конкретным маркам — Audi, Mazda и т. д. Все статьи, написанные про Ауди, вы будете помещать в рубрику «Audi» и дальше по аналогии.
  4. Устанавливаем плагины. Плагины — это специальные надстройки, которые помогут в управлении сайта и WP в целом. Существуют плагины для оптимизации скорости загрузки страниц, создания оглавления, добавления метатегов и т. д. Просто вбейте в Яндексе или Google фразу «Плагин WordPress для…», и поиск сразу найдет вам подходящий вариант.

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

№5. Открываем сайт для поисковых систем

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

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

Во-вторых, зарегистрируйтесь на сервисах:

  • Яндекс.Вебмастер;
  • Яндекс.Метрика;
  • Google Search Console;
  • Google Analytics.

Яндекс.Вебмастер и Google Search Console — это специальные инструменты для вебмастеров и владельцев сайтов. Здесь вы сможете увидеть ошибки сайта, а также показать поисковым системам новые страницы, сравнить свой проект с конкурентами и многое другое.

Яндекс.Метрика и Google Search Console — это специальные сайты аналитики, которые собирают данные о посетителях вашего ресурса. С их помощью вы узнаете, по каким запросам ваш сайт находят люди, сколько времени они проводят на страницах и другую детальную информацию.

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

Заключение

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

Автор: Макхост

Оцените статью

Создание сайта на WordPress с нуля: 10-шагов

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

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

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

Что такое создание сайта на wordpress с нуля?

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

Но как?

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

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

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

Это гораздо более удобнее, чем работа с WordPress.com. Кроме того, Ваш URL-адрес с WordPress.org сайта будет выглядеть так: www.mywebsite.com.

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

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

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

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

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

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

“Wordpress.org — мы считаем лучшим вариантом”.

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

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

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

Создание сайта на WordPress, для начинающих

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

Вот почему мы создали это руководство “WordPress для начинающих” подробная инструкция.

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

Навигация:

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

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

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

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

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

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

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

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

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

Подумайте о своем доменном имени как о домашнем адресе — это то, как ваши посетители могут найти ваш сайт в Интернете. Ваш хостинг-провайдер это то место, где на самом деле хранится ваш сайт.

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

Ваше доменное имя будет выглядеть примерно так: www.example.com. Примерами некоторых из лучших хостинг-провайдеров для WordPress являются Fozzy и Timeweb, о которых вы можете узнать больше здесь. Fozzy предоставляет бесплатный пробный период в течении 7 дней.

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

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

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

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

Все трое из этих провайдеров отвечают трем требованиям хостинга WordPress (перечисленным ниже).

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

  • PHP версии 7.3 или выше
  • MySQL версии 5.6 или выше или MariaDB версии 10.1 или выше
  • Поддержка HTTPS

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

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

  • 1. Сначала зайдите на сайт Fozzy и нажмите кнопку “Заказать”.
  • 2. Отсюда вы попадете на страницу регистрации, где нужно будет ввести имя фамилию и электронный адрес.
  • 3. Как только вы зарегистрируетесь, вы попадете на другую страницу, чтобы зарегистрировать доменное имя и хостинг для него.
  • 4. Как только вы выберете свое доменное имя, вы попадете на страницу, где будет заполнена ваша учетная запись и платежная информация для вашей покупки.
  • 5. После подтверждения учетной записи и покупки домена вы получите доступ к панели управления хостингом, где сможете установить WordPress.

3. Установка WordPress

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

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

  • 1. Для начала войдите в свою учетную запись fozzy, нажмите кнопку “хостинг” и далее “мой-хостинг”, а затем выберите ваш хостинг который привязан к доменному имени и нажмите “Управление”.
  • 2. Вы будете выведены на экран с данными вашей учетной записи.
  • 3. Нажав на кнопку “Войти в cPanel” вы увидите область ваше панели, здесь нам понадобиться вкладка “Softaculous”.
  • 4. После установки WordPress вам нужно будет ответить на несколько вопросов, связанных с доменом, который вы хотите использовать, и произвести настройки вашей административной информации.

Теперь, когда у вас есть свой домен и установлен WordPress, нам нужно настроить Ваш “Основной домен” в WordPress, чтобы ваши посетители видели ваш сайт, когда они ищут Ваш URL.

В консоли WordPress перейдите в раздел «Настройки“ и нажмите кнопку “Общее”. Пропишите пользовательский домен, который вы хотите сделать основным.

Затем нажмите кнопку “Сохранить изменения”.

Убедитесь, что обновление прошло успешно, обновив страницу.

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

4. Выбор темы для WordPress

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

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

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

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

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

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

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

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

Как только вы обнаружите идеальную тему, просто “Установите” ее, чтобы начать настраивать и добавлять свой собственный контент, посты и страницы.

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

5. Добавление постов и страниц на свой сайт

Когда вы добавляете контент при создание сайта на wordpress, он отображается в виде постов и страниц.

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

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

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

Чтобы добавить запись на свой сайт, перейдите в панель администратора, нажмите кнопку “Записи”, а затем “Добавить новую запись”.

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

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

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

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

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

Не забудьте также нажать кнопку “Сохранить черновик” или “Опубликовать”.

6. Настройка вашего сайта

Существует несколько способов дальнейшей настройки вашего сайта. Давайте рассмотрим несколько вариантов.

Во-первых, создайте статические или динамические страницы как мы создавали выше.

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

Например, не имеет смысла, чтобы ваша страница “О нас” содержала контент, который часто меняется.

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

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

С левой стороны в админке нажмите кнопку “Настройки”, затем “Чтение”.

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

Название вашего сайта также можно настроить для этого перейдите на панель администратора.

На вкладке “Общие” в разделе “Настройки” добавьте название и слоган вашего сайта.

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

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

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

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

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

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

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

  • Календарь событий: легкий календарь событий, который упрощает планирование событий с вашего сайта.
  • Yoast SEO: плагин go-to, который поможет вам с SEO на странице. Это приложение гарантирует, что вы следуете лучшим практикам, прежде чем продвигать свой сайт в прямом эфире.
  • TablePress: нужна таблица на вашем сайте? Этот плагин вам поможет.
  • SEO Framework: еще один плагин, который может помочь вам настроить SEO на вашем сайте.
  • Pixel Caffeine: управляйте своим пикселем Facebook на своем сайте WP.

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

Нажмите кнопку “Добавить новый”.

Просмотрите или найдите нужный плагин, а затем нажмите кнопку “Установить сейчас”.

8. Оптимизируйте свой сайт, чтобы увеличить скорость страниц

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

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

Кэширование браузера это хранение данных вашего сайта в браузерах ваших посетителей.

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

Чтобы включить кэширование для вашего сайта, установите и активируйте плагин кэширования. Есть более чем 1900 решений, доступных в разделе «Плагины», «Добавить новый».

Давайте установим и активируем WP Fastest Cache. На странице плагина нажмите кнопку “Enable” в самом верху. Затем нажмите кнопку “Submit” в нижней части экрана.

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

9. Получите вдохновение из сайтов созданных на WordPress

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

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

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

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


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


Thenextweb, создали новостной проект на WordPress, который вовлекает своих посетителей в полированный, но простой веб-сайт. Он имеет тонкую анимацию, чтобы привлечь внимание людей.

Советы и рекомендации: создание сайта на wordpress

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

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

2. Используйте тире, а не подчеркивание в ваших постах в WordPress. Много слов целиком в одном не поможет вам с 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 сообщит вам, когда будут выпущены обновления. Это позволит вашему сайту выглядеть свежим и эффективно работать.

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

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

Вывод

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

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

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

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

Как создать сайт на WordPress: пошаговая инструкция👉 | Hformer.com — домены и хостинг🤘

WordPress является одной из самых распространённых и популярных бесплатных CMS. Согласно статистике сентября 2019 года, составленной Web Technology Surveys, 34,6 % сайтов используют именно этот движок, а среди тех сайтов, что сделаны на основе CMS, числа возрастают до 64,1 %. Для наглядности можно сравнить цифры со статистикой 2015 года – тогда всего 24 % ресурсов работало на WordPress. Что же стало причиной такого ошеломительного успеха этой CMS?

  • Бесплатный доступ. WordPress можно использовать по GNU General Public License, то есть по открытому лицензионному соглашению, что позволяет применять эту CMS для самых разных целей – от личных до коммерческих.
  • Широкий спектр возможностей. Благодаря огромному функционалу на WordPress можно создать как личный блог, так и фирменный сайт или интернет-магазин.
  • Большая вариативность кастомизации внешнего вида и функциональности сайтов. На WordPress доступны как платные, так и бесплатные заготовки сайтов, благодаря которым можно грамотно настроить дизайн ресурса. Различные плагины же, в свою очередь, справляются с техническими задачами.
  • Предельно простое управление. Для того чтобы работать с WordPress, не нужны глубокие познания в верстке сайтов, весь процесс администрирования проходит почти на интуитивном уровне.
  • На создание сайта и публикацию первого контента уйдет не больше 5 минут. Естественно, при условии, что пользователя удовлетворит шаблонный дизайн сайта. На создание уникального и эстетичного сайта нужно будет потратить гораздо больше времени.

Используют ли WordPress крупные корпорации или влиятельные журналы? Еще как! В список пользователей этой CMS входят Sony Music, Reuters, The New Yorker, TechCrunch, Snoop Dogg, Fortune, Республиканская партия США и даже Rolling Stones. Помимо них, WordPress активно используют и сотни других влиятельных СМИ.

Уже спешите приступить к созданию своего сайта на WordPress? Тогда ознакомьтесь с инструкцией, как максимально эффективно использовать весь потенциал этой CMS.

Шаг 1: Установка WordPress

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

Некоторые хостинг провайдеры, вместе с тарифом предлагают уже предустановленную CMS, так что и этот пункт при желании можно пропустить. Мы предлагаем предустановку многих популярных админок на любом тарифе: вы можете в 1 клик установить WordPress, ModX, Joomla, Drupal и другие CMS.

Если вы не желаете использовать предустановку, загрузите все файлы в корневую папку (это можно проделать с помощью различных FTP-клиентов, таких как FileZilla, например). Там же будет находиться файл index.html. Возможен и второй вариант, при котором нужные файлы нужно будет загружать в субдиректорию. Для ее создания нужно будет поместить папку с файлами сайта в корневой каталог. Если вы выбрали первый вариант, то перейти на сайт можно будет по адресу www.vash-site.ru. Если же вы решили загружать файлы в субдиректорию, то WordPress автоматически установится на существующий сайт и будет доступен по адресу www.vash-site.ru/wordpress. Останется лишь установить WordPress, открыв ссылку на ресурс в браузере и указав информацию для подключения к базе данных. Учтите, что данная информация должна быть предоставлена хостинг-провайдером.

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

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

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

Шаг 2: Выбор нужной темы Вордпресс

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

  • Платный или бесплатный шаблон? Всем новичкам рекомендуется выбирать бесплатную тему из официального каталога WordPress. Это рекомендуется, потому что шаблоны в этом каталоге соответствуют техническим стандартам и проходят тестирование на безопасность. Если же вас интересуют платные темы, стоит прибегнуть к услугам одобренных WordPress разработчиков.
  • Оригинальная или русскоязычная тема? С технической стороны между этими шаблонами не будет различий, поэтому выбирать следует, лишь опираясь на свои знания того или иного языка.
  • Как искать нужную тему в каталоге? Для того чтобы откинуть все лишнее, не стесняйтесь пользоваться фильтром, где галочками следует обозначить все требуемые характеристики.
  • Как устанавливать выбранный шаблон? Здесь также есть два варианта. В первом нужно выбрать в административной панели категорию «Внешний вид», после чего перейти в «Темы» и уже там добавить новую, нажав на соответствующую кнопку. После этого отыщите шаблон и с помощью кнопки «Просмотреть» убедитесь, что внешний вид сайта вас устаивает. Если вам все нравится, то после этого предстоит установка и активация выбранного шаблона.
  • Во втором варианте необходимо скачать дистрибутив нужного шаблона на компьютер в архив формата .zip. На панели опций в категории «Внешний вид», необходимо перейти в «Темы», после чего выбрать «Добавить новую». На этом этапе нужно будет загрузить и установить тему, после чего провести ее активацию.

Шаг 3: Создание страниц на сайте, управляемым WordPress

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

Создание статической страницы в CMS WordPress

В панели опций выберите «Страницы – Добавить новую». Затем введите заголовок страницы и приступайте к ее наполнению. Редактор сам подскажет, что и куда вписывать, а при необходимости добавления нового блока контента (фотографии, аудио, списка и т. п.) достаточно будет нажать на «+».

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

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

Создание публикаций в WordPress

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

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

Если вам понадобится создать новую рубрику, то сделать это можно будет, нажав на соответствующую кнопку. В стандартном редакторе WordPress есть два формата редактирования – визуальный, или WYSIWIG, и «Текст» с возможностью использования HTML. Подберите для себя более удобный и добавьте заголовок с контентом. Здесь же выберите изображение записи, после чего настанет время опубликовать страницу.

Пришло время работать с самым главным!

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

Источник: блог хостинг-провайдера hformer.com

Другие статьи о WordPress в Дзен:

Окончательное руководство по созданию веб-сайта на 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.com

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

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

Содержание

Шаг первый: выберите свою личность

Выбор названия для вашего сайта — важное решение, потому что оно сразу же сообщает посетителям, о чем ваш сайт.Как только вы выберете идеальное имя, сделайте его заголовком сайта , перейдя в Мой сайт → Настройки. Вы также можете добавить броский Tagline !

При регистрации у вас уже есть адрес сайта, например yourgroovysite.wordpress.com , но вы можете зарегистрировать свой собственный домен, например yourgroovydomain.com . Ваш домен предоставляется бесплатно в течение первого года с любым тарифным планом WordPress.com!

Зарегистрируйте любой доступный домен на Мой сайт → Обновления → Домены

↑ Содержание ↑

Шаг второй: Создайте свою домашнюю страницу

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

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

Выберите один из множества красивых макетов страницы

↑ Содержание ↑

Шаг третий: создание дополнительных страниц

Пришло время добавить больше страниц. Наиболее распространенные страницы, которые вы найдете на веб-сайте, — это страница «О нас» и страница «Контакты».Перейдите в Мой сайт → Страницы → Добавить новую страницу , чтобы начать.

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

Любые страницы, которые вы «публикуете» на своем сайте, будут оставаться частными, пока ваш сайт еще не запущен. Вы можете перейти в Мой сайт → Настройки и прокрутить вниз до Конфиденциальность , чтобы убедиться, что ваш сайт по-прежнему приватен.

↑ Содержание ↑

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

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

↑ Содержание ↑

Шаг пятый: Добавьте свое присутствие в социальных сетях

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

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


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

Бонус

Вот несколько дополнительных шагов, которые вы, возможно, захотите сделать дальше:

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

Как создать сайт на WordPress за 7 простых шагов

Раскрытие информации: этот контент поддерживается читателями, что означает, что если вы нажмете на некоторые из наших ссылок, мы можем получить комиссию.

WordPress официально преодолел отметку в 40% и управляет более чем одной третью всей сети.

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

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

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

Ваша двухминутная шпаргалка

У вас нет времени, чтобы просмотреть всю статью? Вот ваша шпаргалка.

Это просто руководство по barebones. Вы можете найти полную информацию о каждом шаге ниже.

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

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

Рекомендую Базовый план. Оттуда зарегистрируйте свое доменное имя (это бесплатно в течение первого года с Bluehost) и завершите сделку. Обязательно снимите флажок с дополнительных пакетов, кроме «Конфиденциальность домена + защита», что определенно того стоит.

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

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

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

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

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

  1. Выберите доменное имя
  2. Выберите провайдера веб-хостинга и зарегистрируйте доменное имя
  3. Получите Bluehost для установки WordPress для вас
  4. Используйте тему или дизайн для своего веб-сайта
  5. Установите плагины (необязательно)
  6. Настройте важные параметры сайта
  7. Настройте важные веб-страницы и продвигайте свой сайт

Шаг 1. Выберите доменное имя

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

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

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

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

Подумайте: разве www.pizzahut.com не звучит лучше, чем pizzasellingplace.com? Точно.

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

Теперь, когда у вас есть предполагаемое доменное имя, вы должны проверить его доступность.Учитывая, что в Интернете насчитывается около 1,8 миллиона веб-сайтов, оставаться оригинальным может быть немного сложно, но это определенно того стоит.

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

Кстати о регистрации домена…

Шаг 2. Выберите поставщика веб-хостинга и зарегистрируйте доменное имя

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

Пример: Bluehost .

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

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

Продано на Bluehost? Большой!

Вот как действовать дальше:

Посетить веб-сайт Bluehost

Перейдите на Bluehost в своем веб-браузере.

Выберите тарифный план хостинга

На экране отобразятся три варианта тарифного плана:

.
  • Basic — от 2,95 долларов в месяц
  • Plus — от 4,95 долларов в месяц
  • Choice Plus — от 5,45 долларов в месяц

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

Зарегистрируйте свой домен

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

Здесь вы увидите два варианта:

  • Создайте новый домен
  • Используйте собственный домен

Выберите опцию Create a new domain и введите выбранное имя на шаге 1. Я также рекомендую выбрать a.com, чтобы сделать ваш сайт более профессиональным.

Введите свою личную информацию и данные учетной записи

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

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

Для меня выбор Domain Privacy + Protection является обязательным, поскольку он скрывает личную информацию, такую ​​как имя, адрес электронной почты и номер телефона, от появления в общедоступных базах данных.В конце концов, когда речь идет о безопасности, потратить несколько лишних центов — ничто.

По завершении нажмите Отправить , чтобы завершить покупку.

Шаг 3. Заставьте Bluehost установить WordPress для вас

На этом этапе у вас есть поставщик услуг хостинга и доменное имя. Поздравляем!

Не хватает только WordPress.

Конечно, вы можете установить WordPress вручную. Но зачем вам это делать, если вы можете заставить Bluehost сделать это за вас — бесплатно?

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

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

Альтернативный вариант:

Вы также можете установить WordPress, перейдя в раздел Мои сайты . Нажмите кнопку Create Site , и установка начнется автоматически. Введите имя вашего нового сайта и имя пользователя / пароль, и ваш сайт WordPress будет готов к работе.

Шаг 4. Используйте тему или дизайн для своего веб-сайта

Одно из самых больших УТП WordPress — это поддержка тем.

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

Вы можете изменить внешний вид своего сайта, выбрав другую популярную бесплатную тему (я выбрал Hestia). Теперь это будет выглядеть так:

Узнайте, почему совместимость тем является самым большим УТП WordPress?

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

Существуют сотни, если не тысячи, тем WordPress.

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

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

Установите выбранную тему

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

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

После установки нажмите Активировать , чтобы включить эту вещь на своем веб-сайте.

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

Вот как вы можете установить премиум-тему на свой сайт:

  1. Начните с загрузки файла .zip новой темы.
  2. Войдите в свою панель управления WordPress и перейдите к Appearance , а затем Themes .
  3. Щелкните на опции Добавить новый . После этого вы будете перенаправлены на панель инструментов темы WordPress.
  4. Нажмите синюю кнопку в верхней части экрана с надписью Загрузить тему . После запроса выберите файл .zip на своем компьютере.

После сообщения об успешном выполнении вы увидите ссылку для активации команды. Вот и все!

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

Шаг 5: Установите плагины (необязательно)

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

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

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

Как говорится, там — это уж слишком хорошая вещь .

Шаг 6. Настройте важные параметры сайта

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

Структура постоянных ссылок определяет, как будут выглядеть ссылки на вашем веб-сайте. Думайте об этом как о представлении структуры вашего сайта. Для NeilPatel.com это выглядит примерно так:

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

Есть много способов сделать это неправильно, поэтому я составил трехэтапное руководство, которое поможет вам понять это правильно:

  1. В панели управления WordPress нажмите Settings в боковом меню и перейдите к Permalinks .
  2. В поле Common Settings щелкните Custom Structure .
  3. Нет смысла переходить на Numeric , так как это только запутает вашего посетителя. Кроме того, он не особо полезен для целей SEO.
  4. Введите строку тега « / blog /% postname% / »

Когда вы закончите, нажмите Сохранить до сохранить изменения.

Шаг 7. Настройте важные веб-страницы и продвигайте свой сайт

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

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

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

Заключение

Это все, что вам нужно для создания веб-сайта WordPress.

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

Вы уже запустили свой сайт? Кто ваш самый любимый провайдер веб-хостинга, если да?

Узнайте, как мое агентство может привлечь огромное количество трафика на ваш веб-сайт

  • SEO — разблокируйте огромное количество SEO-трафика.Смотрите реальные результаты.
  • Контент-маркетинг — наша команда создает эпический контент, которым будут делиться, получать ссылки и привлекать трафик.
  • Paid Media — эффективные платные стратегии с четкой окупаемостью.

Заказать звонок

Новое в WordPress — С чего начать

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

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

Рекомендуемая литература включает,

Наверх ↑

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

Следующие документы помогут вам больше узнать о том, как работает WordPress и как составить план для вашего сайта WordPress:

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

  • Будете ли вы устанавливать WordPress в корневой каталог, подкаталог или просто хотите создать тестовый сайт, чтобы убедиться, что вы хотите его использовать?
  • Вы составили список категорий своего сайта, чтобы упорядочить контент по группам?
  • Вы составили список страниц, которые вы можете добавить на свой сайт, например About , Contact или Events ?
  • Вы уже думали о том, что хотите в шапке сайта?
  • Разработали ли вы контент-стратегию и список тем, которые помогут начать вести блог?
  • Вы думали о том, как интегрировать социальные сети в свой сайт и рабочий процесс WordPress?

Наверх ↑

Имея эту информацию и ваш план, пора установить WordPress.

Наверх ↑

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

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

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

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

После того, как вы опубликовали несколько сообщений, вы можете поэкспериментировать с функциями полного или быстрого редактирования на экране «Администрирование»> «Сообщения»> «Сообщения».

Добавьте свои «О себе», «Контакты» и другие информационные страницы, выбрав «Администрирование»> «Страницы»> «Добавить».

Хотите изменить внешний вид вашего сайта WordPress? Перейдите в Администрирование> Внешний вид> Темы.

Вы найдете полезную информацию, прочитав Уроки WordPress и эти полезные документы:

Внешний вид и темы # Внешний вид и темы

Изменить внешний вид вашего веб-сайта WordPress легко с помощью всего нескольких щелчков мышью.

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

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

Наверх ↑

Добавление плагинов WordPress # Добавление плагинов WordPress

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

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

Наверх ↑

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

Наверх ↑

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

Наверх ↑

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

Как создать сайт на WordPress за 5 простых шагов

Почему стоит выбрать WordPress для создания своего сайта?

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

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

  1. Выберите доменное имя.
  2. Выберите хостинг-провайдера и пакет услуг.
  3. Установите WordPress и выберите свою тему.
  4. Изучите панель управления WordPress и выберите плагины WordPress.
  5. Настроить сайт.

Вы решили создать веб-сайт и хотите использовать WordPress в качестве платформы для своего веб-сайта. Что теперь?

Вот как создать веб-сайт на WordPress за пять быстрых шагов.

Шаг первый: начало работы и выбор доменного имени

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

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

Например, « bobsmithwelding.com » лучше, чем «bobdoesmetalwork.com », потому что поисковики, которые ищут Боба по имени или для сварочных услуг, с большей вероятностью найдут его.

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

Шаг второй: выберите пакет и настройте учетную запись хостинга

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

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

Шаг третий: выберите тему WordPress

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

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

Шаг четвертый: Изучите свою панель управления WordPress

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

Шаг пятый: настройка тем и страниц

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

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

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

Не забудьте настроить Google Analytics для сбора данных о посетителях, приходящих на ваш сайт, и подключите Google Search Console, чтобы убедиться в отсутствии ошибок.

Эти пять шагов позволят вам запустить веб-сайт WordPress для вашего малого бизнеса в кратчайшие сроки — хорошо, около 30 минут. Готовы начать? Получите свое доменное имя и пакет услуг для самостоятельного размещения в Bluehost сегодня!

Как создать профессиональный веб-сайт для малого бизнеса с 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 довольно хорошо обслужена (каламбур) в официальном каталоге тем.Когда я помещаю 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 для начинающих (2021)

время доступа

2 сентября 2021 г.

В этом руководстве по WordPress вы найдете все необходимое для создания веб-сайта с помощью WordPress. От установки до резервного копирования — у нас есть все.

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

WordPress впервые увидел свет 27 мая 2003 года.Основатели — Мэтт Малленвег и Майк Литтл.

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

Когда WordPress был впервые запущен, у него было несколько пользователей, но со временем он превратился в самую большую и популярную CMS в мире. Сегодня WordPress поддерживает более 75 миллионов веб-сайтов.

Исследование, проведенное в 2020 году, показывает, что эта система управления контентом используется более чем 26% из 10 миллионов сайтов с самым высоким рейтингом.

Содержание

Видеоурок

Почему WordPress так популярен?

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

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

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

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

Еще одним фактором является то, что WordPress полностью бесплатен и поддерживает все хостинговые платформы с PHP и MySQL. Кроме того, эта CMS постоянно обновляется новыми версиями, которые повышают безопасность, включают новые функции и повышают общую производительность.

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

Что такое CMS?

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

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

Система управления контентом состоит из двух основных компонентов:

  • Приложение для управления контентом (CMA). CMA может называться графическим пользовательским интерфейсом (GUI), который позволяет пользователю создавать, изменять, удалять и публиковать контент без необходимости знания HTML или языков программирования.
  • Приложение доставки контента (CDA). CDA отвечает за внутренние службы, которые управляют и доставляют контент после того, как он находится в CMA.

Следует упомянуть и другие характеристики:

  • SEO-оптимизированные URL-адреса
  • Онлайн-поддержка и сообщества
  • Пользовательские / групповые функции
  • Различные шаблоны и дизайны
  • Мастера установки и обновления / обновления

Тремя самыми популярными системами управления контентом в мире являются WordPress, Joomla и Drupal.

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

WordPress.com и WordPress.org — это два способа размещения сайта WordPress.

Фактический хост отличается в зависимости от этих двух методов. Используя WordPress.org, вы можете бесплатно загрузить скрипт и разместить его на локальном компьютере или у хостинг-провайдера (например, Hostinger).

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

У WordPress.org и WordPress.com есть определенные плюсы и минусы.

Если вы не заинтересованы в собственном хостинге или управлении веб-сервером, то WordPress.com может быть вашим решением.

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

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

Также будет невозможно редактировать или модифицировать PHP-код вашего сайта.

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

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

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

Это руководство по WordPress будет посвящено автономной версии WordPress.

Шаг 1 — Установка WordPress

Одна из причин популярности WordPress — низкие системные требования, необходимые для запуска этой CMS на веб-сервере:

  • PHP версии 5.2.4 или выше.
  • MySQL версии 5.0.15 или выше или любая версия MariaDB.

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

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

В этой части нашего руководства по WordPress вы узнаете о двух различных способах установки WordPress.

Прежде чем приступить к установке WordPress, вам необходимо решить, как вы хотите получить доступ к своему веб-сайту.Вы хотите, чтобы WordPress был в корне вашего доменного имени ( example.com ), в подпапке ( example.com/blog ) или в имени поддомена ( blog.example.com )? Только если вы хотите настроить WordPress на имя поддомена, вам придется сделать дополнительный шаг и создать имя поддомена. На Hostinger это легко сделать в разделе Subdomains .

Вариант 1.1 — Установка WordPress на Hostinger с помощью автоустановщика

Начнем с самого простого и быстрого способа установки WordPress — автоустановщика Hostinger.Следующие шаги показывают, как установить WordPress на панель управления Hostinger:

  1. Доступ к панели управления Hostinger.
  2. Найдите Auto Installer и откройте его.
  3. Введите WordPress в поле поиска и щелкните его значок.
  4. Теперь заполните данные о сайте:
  • URL — URL, по которому должен быть установлен WordPress. Если вы хотите установить его на имя корневого домена ( example.com ), оставьте поле пустым.
  • Язык — Выберите язык WordPress.
  • Имя пользователя администратора — ваше имя пользователя администратора WordPress. Вы будете использовать его для доступа к админке WordPress.
  • Пароль администратора — Ваш пароль администратора WordPress. Вы будете использовать его для доступа к админке WordPress.
  • Электронная почта администратора — Введите свой адрес электронной почты.
  • Заголовок веб-сайта — Заголовок вашего веб-сайта на WordPress.
  • Слоган веб-сайта — Короткое предложение или слоган, объясняющий, о чем ваш веб-сайт.
  1. Нажмите Установить кнопку .

Вариант 1.2 — Установка WordPress вручную

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

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

Что вам нужно, прежде чем продолжить :

  • FTP-клиент или файловый менеджер
  • Последняя версия WordPress

Прежде всего, загрузите последнюю версию WordPress с официального сайта WordPress.org.

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

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

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

WordPress хранит информацию в базе данных. Таким образом, его создание обязательно. На Hostinger новую базу данных можно создать в разделе MySQL Databases . Обязательно запишите детали базы данных, так как они вам понадобятся позже.

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

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

Шаг 2. Навигация по панели инструментов WordPress

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

Обычно ссылка на страницу входа находится в интерфейсе блога WordPress. Однако для некоторых тем эта ссылка отсутствует. В этом случае самый простой способ войти в WordPress — добавить wp-admin в конце адреса вашего веб-сайта, например:

  http: // www.yourdomain.com/wp-admin
  

Этот URL-адрес направит вас на экран входа в систему, где вам будет предложено ввести имя пользователя и пароль администратора. Помните, что вы ввели эти данные во время установки WordPress. Если вы забыли пароль, нажмите Забыли пароль? Ссылка .

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

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

  1. Панель инструментов вверху страницы. Он содержит ссылки на наиболее часто используемые административные функции и ресурсы. Например, если вы наведете курсор на название своего веб-сайта, вы получите ссылку на общедоступный просмотр вашего сайта. Он также отображает простые уведомления, такие как количество обновлений и новых комментариев.
  2. Главное меню навигации слева. Он содержит ссылки на все административные экраны WordPress.Если вы наведете курсор на элемент меню, отобразится подменю с дополнительными элементами.
  3. Основная рабочая зона.

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

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

Другие модули :

  1. Краткий обзор Поле покажет вам, сколько сообщений, страниц и комментариев у вас есть.Он также показывает версию WordPress и используемую тему.
  2. Activity Поле дает вам немного больше информации о ваших последних сообщениях и комментариях. Он показывает статус всех комментариев и краткий список самых последних комментариев.
  3. Коробка Quick Draft . Ввод содержимого в это поле приведет к созданию нового сообщения в блоге. Однако вы не можете опубликовать его отсюда, так как это поле предназначено только для того, чтобы брать идеи сообщений в блогах, к которым вы можете вернуться позже.
  4. Новости WordPress .Этот модуль отображает последние новости WordPress.

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

Шаг 3 — Публикация содержимого

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

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

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

Шаг 3.1 — Создание нового сообщения

Чтобы создать новую запись WordPress, откройте раздел Добавить новый в разделе Сообщения или выберите опцию New -> Post на верхней панели инструментов.

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

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

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

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

  • Опубликовать . Здесь вы можете изменить статус и видимость вашего поста, запланировать его.После нажатия кнопки « Опубликовать » ваше сообщение будет опубликовано. Если вы решили удалить сообщение, нажмите кнопку Переместить в корзину .
  • Категории . В этом поле вы можете отнести свое сообщение к определенной категории. Вы даже можете создать новую, нажав кнопку + Добавить новую категорию .
  • Теги Поле позволяет быстро добавлять новые теги.
  • Рекомендуемое изображение . Здесь вы можете назначить посту избранное изображение. Он будет виден в самом верху поста (расположение изображения может отличаться в зависимости от темы).

Шаг 3.2 — Создание новой страницы

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

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

Вы также можете заметить, что в разделе «Страницы» нет мета-блоков Tags и Categories .Вместо этого у него есть поле с названием Page Attributes .

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

Шаг 4 — Установка плагинов WordPress

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

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

Установить плагины WordPress — простая задача даже для новичка. Бесплатные и условно бесплатные плагины доступны в каталоге плагинов WordPress.org.

Как и темы, их можно установить с помощью встроенного установщика WordPress.

Чтобы установить плагин WordPress, нажмите кнопку Добавить новый под Плагины и введите имя плагина, который вы хотите установить, в поле поиска. Нажмите Установить , а затем Активировать кнопку .

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

Процесс очень похож на установку тем. Чтобы продолжить, нажмите кнопку Add New под Plugins и нажмите Upload Plugin . Теперь выберите архив плагина и загрузите его. Наконец, установите и активируйте плагин. Если вам нужно подробное руководство, см. Этот учебник

Основные плагины WordPress

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

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

  • Google XML Sitemaps . Этот плагин автоматически генерирует XML-карты сайта для лучшей поисковой оптимизации. Его легко использовать, и его можно регулярно обновлять.
  • Yoast SEO . Вероятно, самый популярный плагин SEO для WordPress.Это поможет вам улучшить поисковую оптимизацию. От метатегов до предложений по написанию — в плагине Yoast SEO есть все.
  • Wordfence Security . Этот плагин защитит ваш WordPress от хакеров и вредоносных программ. Он имеет модули брандмауэра и сканера вредоносных программ, которые очень полезны.
  • Контактная форма 7 . Простой, но очень мощный плагин для контактной формы WordPress. Создавайте любые формы контактов или даже потенциальных клиентов с помощью этого плагина.

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

Шаг 5 — Установка тем WordPress

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

WordPress упростил установку тем. Установка бесплатных тем WordPress занимает буквально несколько минут.

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

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

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

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

Шаг 6 — Оптимизация производительности WordPress

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

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

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

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

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

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

Шаг 6.1 — Использование плагинов кэширования WordPress

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

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

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

Плагины кэширования

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

Самые популярные плагины кеширования WordPress:

Вы можете найти подробное руководство по внедрению плагина WP Super Cache для вашего сайта WordPress здесь.

Шаг 6.2 — Оптимизация изображений WordPress

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

  • Использование слишком больших изображений. Например, вы загружаете изображение размером 500 x 500, но ваш сайт изменяет его размер до 100 x 100. В результате браузеру посетителя придется сначала загрузить файл большего размера, уменьшить его и только потом отображать. Правильный способ — просто загрузить изображение размером 100 x 100, чтобы избежать чрезмерной задачи масштабирования изображения. Таким образом изображение также будет занимать меньше места, что приведет к общему увеличению скорости.Подробное руководство о том, как найти такие изображения и уменьшить их масштаб, можно найти здесь.
  • Изображения сжаты не полностью. Вы можете сэкономить много места и трафика, правильно сжав изображения. К счастью, у WordPress есть действительно отличный плагин, который может вам в этом помочь, он называется WP Smush. Вы можете найти подробное руководство о том, как реализовать этот плагин и оптимизировать свои изображения WordPress здесь.

Чем больше изображений будет на вашем сайте WordPress, тем более полезной будет эта задача по оптимизации.

Шаг 6.3 — Включение сжатия gzip для WordPress

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

Файлы

HTML и CSS содержат много повторяющегося текста и пробелов, что делает сжатие gzip очень эффективным. В целом это позволяет уменьшить размер страницы WordPress до 50-70%.

Есть несколько способов включить сжатие gzip:

  • Включение сжатия gzip через файл .htaccess (рекомендуется). Более подробное руководство по WordPress можно найти здесь.
  • Включение сжатия gzip через плагины WordPress, такие как GZip Ninja Speed.

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

Шаг 6.4 — Откладывание синтаксического анализа JavaScript в WordPress

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

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

Это один из методов, рекомендуемых разработчиками Google, который часто упускается из виду.В WordPress вы можете легко сделать это с помощью таких плагинов, как WP Deferred JavaScripts или Speed ​​Booster Pack.

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

Шаг 6.5 — Использование сети доставки контента

Внедрение сети доставки контента (сокращенно CDN) ускорит WordPress за счет кэширования контента в нескольких центрах обработки данных по всему миру.

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

Сети CDN

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

Пошаговые инструкции по внедрению в WordPress вы можете найти в этом руководстве по WP.

Шаг 6.6 — Удаление строк запроса из статических ресурсов

GTMetrix и другие инструменты оптимизации предлагают удалить строки запроса из CSS и JS, чтобы улучшить кэширование этих элементов.

Ранее упомянутый плагин WordPress Speed ​​Booster Pack является одним из немногих, которые могут помочь вам с этой задачей. Для получения более подробной информации вы можете обратиться к этому руководству по WordPress.

Шаг 6.7 — Включение отложенной загрузки

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

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

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

Шаг 7. Обеспечение безопасности WordPress

И последнее, но не менее важное: чтобы иметь успешный сайт WordPress, вы должны усилить его безопасность. WordPress — самая популярная CMS в мире, но и самая взламываемая.

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

Шаг 7.1 — Постоянное обновление WordPress

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

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

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

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

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

Шаг 7.2 — Использование уникальных имен пользователей и паролей

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

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

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

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

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

Шаг 7.3 — Резервное копирование WordPress

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

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

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

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

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

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

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

Новейшие учебные пособия по WordPress

В этом руководстве по WordPress мы узнали об истории, структуре этой CMS и типах хостинга WordPress. Были рассмотрены два метода установки с кратким обзором панели управления, публикаций, плагинов и управления темами.

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

.
Опубликовано в категории: Разное

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

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