Создать сайт на вордпресс с нуля бесплатно: Как создать сайт на 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

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

ТОП-5 причин использования WordPress для создания сайта или блога

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

Причин может быть несколько, но не лишним будет подчеркнуть, что если в 2015 году на WordPress работали лишь 24% ресурсов, то сегодня, показатель достиг уже 64%. Впрочем, давайте выделим пять причины, по которым, CMS приобрела такое широкое распространение и популярность:

  1. CMS WordPress предлагается пользователям полностью бесплатно. Любой человек сможет воспользоваться данным конструктором, чтобы сконструировать сайт с нуля и с минимальными расходами.
    На заметку: Ворд Пресс распространяется на основании лицензии открытого типа GNU GPL. Продукт разрешается использовать в разных целях, включая личные и коммерческие.
  2. Безграничный спектр использования. WordPress подойдет для реализации любого проекта, будь то блог, интернет-магазин, сайт крупной компании.
  3. Простота в работе. Пользование ВордПрессом не вызывает затруднений и не требует специализированных познаний. Многие исполнители работают с таким сайтом на интуитивном уровне.
  4. Сайт можно сконструировать и опубликовать на нем первый контент в течение пяти минут.
  5. Разнообразие шаблонов, оригинальных цветовых и дизайнерских решений.

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

Интересно: Сегодня многие популярные компании, известные люди, знаменитые музыкальные группы по достоинству оценили предлагаемый движок. Им пользуются Sony Music и Reuters, Rolling Stones и Snoop Dogg, крупные СМИ, политические партии, дизайнеры, юристы и люди других востребованных профессий.

Подготовительный этап к созданию сайта на ВордПресс

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

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

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

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

Совет: Для выбора хостинг-провайдера можно обратиться в Reg.ru, Beget или «Айхор». Здесь предлагаются разные услуги, поэтому существует возможность выбрать подходящий хостинг. Регистрация доменного имени тоже не вызовет затруднений. Поможет в этом хостер. От пользователя потребуется только придумать подходящее имя и проверить, свободно ли оно. После проверки домен оплачивается и поступает в полное распоряжение мастера.

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

  • лучше имя, которое совпадает с названием сайта. К примеру, Одноклассники – ok.ru;
  • имя должно быть максимально коротким;
  • выбранный адрес должен хорошо «звучать» и иметь смысл;
  • не повлияет на тех. параметры веб-ресурса, но это может отразиться на уровне доверия аудитории.

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

Шаг 2. Самостоятельная установка WordPress.

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

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

Установка ВордПресс для последующей работы, потребует выполнения таких действия:

  1. Перейти на официальную страницу Ворд Пресс и скачать дистрибутив.
  2. Распаковать полученный архив.
  3. Загрузка файлов в корневой каталог (можно в субдиректорию). Для этого можно воспользоваться FTP-клиентом (например, FileZilla). Там помещен файл «index.html». Новый проект будет иметь адрес — www.vash-site.ru.
  4. Через браузерную ссылку осуществить подключение. Сведени предоставляет провайдер. Требуется внести данные, как на картинке. Дополнительно нужно указать, можно ли поисковым роботам индексировать ресурс.
  5. Если все действия были сделаны правильно, то перед вами появится такая картинка
  6. По основному URL-адресу должен открываться сайт. Визуально, это будет выглядеть следующим образом.

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

Основной этап работы с CMS WordPress

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

Шаг 1. Выбираем тему для WordPress

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

  1. Можно выбрать темы, предлагаемые даром и за плату. Бесплатные представлены в каталоге WordPress. Все шаблоны проходят специальную проверку на безопасность и соответствие техстандартнам. Если хотите платный вариант, то лучше приобретать продукты, одобренные разработчиками «движка».
  2. Неважно, на каком языке представлен шаблон – на русском или на английском. Перевести не составит сложности и много времени.
  3. Найти подходящий шаблон в каталоге не проблема. Для этого потребуется использовать специальный фильтр. Достаточно отметить требующиеся параметры и применить заданный фильтр.
    На заметку: Интересные варианты дизайна представлены в подборке «Текстерры».
  4. Установка ВордПресс может быть выполнена двумя способами. В админке, через «Внешний вид-Темы» с нажатием кнопки «Добавить новую» или через скачивание дистрибутива, о котором было рассказано ранее.

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

Шаг 2. Настройки CMS WordPress

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

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

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

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

  2. Раздел «Написание» заполняется с учетом выбора соответствующих параметров. Сначала можно сделать дефортные настройки форматирования, а также, определиться с параметрами центральной рубрики и формата записей.
  3. Для размещения заметок, необходимо ввести адрес сервера, порт, логин/пароль. Новичкам рекомендуется постить темы только в админке.
  4. В разделе «Сервисы обновления» необходимо опубликовать хотя бы один поисковик. В этом случае, КМС будет самостоятельно уведомлять поисковые базы о появлении на сайте новых материалов. Внесенные изменения нужно будет сохранить.
  5. Рекомендуется к установке плагин WordPress Ping Optimizer. Это необходимо, чтобы сайт не попал в список спамеров.
  6. Под блоговые посты необходимо создать отдельную страничку, где они будут отображаться. Число записей на одной странице и в лентах RSS так же прописывается.
  7. В «Настойках обсуждения» также потребуется установить соответствующие тех.параметры. Настройте блоки «Модерация комментариев» и «Черный список». Это позволит перенаправить комменты на модерацию или в «Спам».
  8. Настраиваем «Медиафайлы». Здесь размещаются настройки по умолчанию. В разделе «Постоянные ссылки» можно определить, какой должна быть ссылочная масса структурно. К примеру, наименование может иметь датировку, префикс и другеи элементы.

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

    Русифицирование темы на WordPress

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

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

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

    Совет: Альтернативным вариантом Poedit, может стать плагин плагин Loco Translate, который выполняет те же функции.

    Шаг 3. Индивидуальные настройки шаблона ВордПресс

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

    1. В меню выбрать «Внешний вид — Настроить».
    2. В «Свойства» можно загрузить логотип и указать наименование ресурса. Здесь же доступны возможности создания краткого описания проекта и добавление фавиконки.
    3. Раздел «Цвета» позволит подобрать цветовую схему и цвет использованного фотоснимка
    4. В «Меню» кликнуть по «Создать меню». Обязательно укажите наименование и другие данные.
    5. Постепенно добавляйте нужные страницы и кликните по кнопке «Опубликовать».
    6. Раздел «Виджеты» необходим, чтобы добавлять их на сайты. С 2019 года в шаблонах WP появился сайдбар.

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

    Шаг 4. Установка аналитических сервисов и подключение сайта к кабинетам для веб-мастеров

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

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

    1. Излишние правки кода и манипуляции с установкой дополнительных утилит приведут к утрате сведений. Плагины позволят этого избежать, поскольку могут автоматически создавать резервную копию ресурса. Здесь можно назвать такие плагины, как: «WP Database Backup», «BackUpWordPress», «Backup and Restore WordPress».
    2. Взлом сайта и возможная кража кода. Злоумышленники часто используют такую «лазейку», но при грамотно построенной защите, проблему можно легко решить. Можно порекомендовать «Loginizer Security».

    Несколько слов стоит сказать о плагинах, которые помогают бороться со спамом. Здесь подойдут такие, как «Disqus», «Akismet» или «Antispam Bee». Плагин «All in One SEO Pack» обеспечит подключение проекта к ЛК для вебмастеров. В настройках для веб-мастеров прописывается код верификации.

    Другой плагин «Head, Footer and Post Injections» обеспечит работу с «Вебмастер», «Метрика» и Google Analytics

    Шаг 5. Создание страниц и записей

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

    1. Выбрать «Страницы — Добавить новую».
    2. Добавить заголовок, написать текст и кликнуть по «Плюс».
    3. Для вставки фотографии, необходимо выбрать соответствующий блок, затем источник фото и размещение его на общей странице.
    4. После редактирования контента остается только опубликовать страницу и проверить корректность ее отображения.
    5. По приведенной инструкции осуществляется публикация материалов на всех основных страницах сайта. Сложного в этом ничего нет, потому что в шаблоне представлено много полезных блоков.

      Выводы

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


Уроки WordPress для чайников. Начинающим пользователям WordPress

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

Руководства “WordPress для чайников” делятся на несколько блоков, первые 4 обязательные для изучения тем, кто хочет создать качественный и надежный сайт (так сказать, для самых новеньких). Остальные главы научат тому, как можно настроить под себя ваш сайт, как его наполнять, изменять дизайн и многое другое.

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

Вы наверное даже не представляете сколько сайтов используют WordPress, по разным данным это от 20 до 35 процентов всех сайтов размещенных в интернете. Приведу пример 4-х брендов, всем известных — Microsoft, PlayStation, Faceboock. Эти мировые компании используют WordPress для ведения своих блогов и новостных сайтов. Таких примеров можно приводить тысячи, но не буду сейчас на этом задерживаться, вы можете посмотреть скриншоты этих сайтов (картинки откроются в полном размере после нажатия).

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

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

Варианты изучения WordPress

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

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

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

Первые шаги в изучении WordPress

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

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

Необходимые знания и настройки

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

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

Настройки безопасности и оптимизация сайта

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

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

Обзор популярных плагинов

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

  1. Обзор Jetpack.
  2. Модули Jetpack. Часть 1.
  3. Модули Jetpack. Часть 2.
  4. Похожие записи — модуль Jetpack.
  5. Photon — модуль Jetpack.
  6. Дополнительные виджеты — модуль Jetpack.
  7. Плагин Google XML Sitemaps — обзор.
  8. Как сделать тему для адаптации сайта под мобильные устройства.
  9. Подписка на блог и комментарии — модуль Jetpack.
  10. Contact Form 7 — описание и настройка.
  11. Публикация с помощью электронной почты.
  12. Альтернатива Contact Form 7.
  13. Статистика посещений WordPress.
  14. Login LockDown настройка и описание.
  15. Пользовательские CSS в WordPress.
  16. WP Super Cache плагин для кэширования WordPress сайтов.
  17. Сontact form 7 настройка внешнего вида. Изменяем дизайн форм.
  18. Плагин Duplicate Post описание и настройка. Создание дубликатов страниц в WordPress
  19. Прелоадер для сайта WordPress, плагин The Preloader
  20. Плагин Autoptimize — оптимизация CSS, JS, HTML

Работа с поисковыми системами

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

  1. Как добавить сайт в Яндекс?
  2. Как добавить сайт в Google?
  3. Критерии оценки сайта поисковыми системами.
  4. Как написать оптимизированную статью?
  5. Как писать SEO тексты, правильно оптимизированная статья.
  6. Автоматическая публикация новых статей блога в социальных сетях.
  7. Правильные названия URL как метод продвижения сайта.
  8. Атрибуты title и alt. Оптимизация картинок и ссылок.
  9. Где получить бесплатные индексируемые ссылки.
  10. Какие бывают метрики для сайтов?
  11. Как запретить индексацию url с определенным параметром через Google Webmaster Tools?
  12. Как установить Яндекс метрику. Ручная вставка кода и при помощи плагина.
  13. Устанавливаем счетчик посещений Google Analitics.
  14. Где можно разместить ссылку на свой сайт бесплатно. Анализ ссылочной массы конкурентов.
  15. Как искать тематические форумы, для общения и продвижения своего сайта.

Разработка с WordPress

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

  1. Основы шаблонов WordPress темы.
  2. Описание и применение тегов шаблонов.
  3. Тег шаблона WordPress — bloginfo ().
  4. Как быстро находить нужный участок кода в файлах шаблонов и плагинов.
  5. Как выводить посты рубрики, название и описание?
  6. Как уменьшить количество запросов к базе данных в WordPress?
  7. Что нужно знать перед созданием темы WordPress
  8. Как создать тему WordPress. Урок 1. Создание и наполнение Index.php и style.css
  9. Создание шаблона WordPress. Урок 2. Header.php — создание шапки и навигационного меню
  10. Как убрать дату публикации и автора в WordPress. (+ видео)
  11. Создание дочерней темы.
  12. Внесения изменений в тему с использованием дочерней темы.
  13. Как изменить вывод даты записи?
  14. Сайдбар в WordPress. Как добавить, убрать сайдбар в WordPress.
  15. Добавление кнопки поделиться Вконтакте в модуль Jetpack “Поделиться”

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

Бесплатные курсы по WordPress — 4 курса с обучением онлайн

Что такое WordPress?

 

 

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

 

Какими навыками обладает WordPress-разработчик?

 

 

  • Основы веб-разработки, такие как HTML, CSS и JavaScript
  • Владение экосистемой WordPress (например, плагины, темы, виджеты)
  • Backend-веб-разработка, особенно PHP и MySQL
  • Устранение неполадок, отладка, кибербезопасность и обслуживание сайтов WordPress

 

 

Можно ли обучиться на WordPress-разработчика с нуля?

 

Да, это можно сделать с помощью онлайн-курсов, представленных на платформе. Среднее время обучения — 3 месяца. Стоимость может варьироваться от 1 000 ₽ до 52 000 ₽ в зависимости от качества и объёма подготовки. Есть также бесплатные программы. Многие школы курируют студентов во время всего процесса обучения, выдают лицензированные дипломы и сертификаты, помогают с портфолио, резюме и трудоустройством.

 

Чем полезен WordPress-разработчик?

 

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

 

 

Услуги, которые предоставляет WordPress-разработчик

 

 

 

  • Целевая страница — 1–10+ часов
  • Простой WordPress-сайт — 5–20+ часов, иногда требуется несколько недель
  • Пользовательский сайт с темой и интегрированным плагином, сайт электронной коммерции — 5–100+ часов

 

 

Сколько стоят услуги WordPress-разработчика?

 

Цены устанавливаются в зависимости от многих факторов, включая экспертность, опыт, локацию и рыночные условия. Первый шаг к определению стоимости услуг — понимание потребностей проекта. В среднем на международных биржах — $20–100 в час (≈1 500–7 200 ₽). Специалист может брать оплату как в целом за проект, так и за время работы. Стоимость проекта в среднем расценивается в $194 (≈14 000 ₽).

 

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

 

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

 

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

Во время компьютерных курсов весной 2020 года мои 11-летние дети за несколько занятий сделали сайт-портфолио.

Юлия Семенюк

частный инвестор

Профиль автора

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

Создание сайта — эксперимент для меня

Я частный инвестор и автор статей Т⁠—⁠Ж на околоэкономические темы. Эта статья, как и создание своего сайта — мой эксперимент и личный опыт.

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

Как определить, какой сайт нужен

Сайт — это документы, размещенные в интернете. Документы называются веб-страницами, они объединены ссылками, и у них общая структура. Каждая страница написана на языке программирования и с помощью разметки. Упрощенно это называют кодом сайта или просто кодом. Самые распространенные языки программирования — PHP и JavaScript.

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

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

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

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

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

Корпоративный сайт — это многостраничный и многоуровневый сайт, где можно найти полную информацию о фирме, ее руководстве, продукции, истории. Корпоративные сайты привлекают новых клиентов и удерживают старых.

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

Информационный сайт — это сайт с последними новостями. Как правило, здесь много текстовых статей.

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

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

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

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

На «Петшопе» можно купить товары для животных не выходя из дома. Тяжелые пакеты с кормом донесут до квартиры

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

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

Способы создания сайта

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

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

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

С помощью тегов HTML описывает, что есть на странице: картинки, текст, таблицы или видео. А стили описывают, как все это выглядит.

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

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

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

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

Как грамотно потратить и сэкономить

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

Стоимость создания сайта

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

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

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

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

На что важно обратить внимание при создании сайта

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

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

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

Например, Наташа продает профессиональные средства для маникюра и педикюра. Ее целевая аудитория — женщины от 20 до 50 лет, которые работают мастерами маникюра и педикюра.

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

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

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

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

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

Будет ли SEO-оптимизация. SEO-оптимизация — это постоянные действия с сайтом, которые позволят поисковым системам типа Гугла или Яндекса показывать его при определенных запросах.

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

Подбор домена

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

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

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

Где купить. Я купила домен у аккредитованного независимого регистратора до того, как выбрала хостинг, потому что хотела точно быть владельцем и администратором домена. Аккредитованных регистраторов много, я выбрала первого из Санкт-Петербурга.

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

Регистрация домена обычно платная, перенос домена от одного регистратора к другому тоже.

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

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

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

Подбор хостинга

Хостинг измеряется дисковым пространством на сервере, то есть мегабайтами и гигабайтами. Для профессионалов еще важны вычислительная мощность и объем памяти. Конечно, можно купить весь сервер, но это дорого, поэтому чаще всего хостинги арендуют. На хостинг сайт размещают после того, как зарегистрирован домен. Если домена нет, то придется заходить на сайт по IP-адресу.

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

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

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

По статистике, 20% всех сайтов в зонах .рф и .ru используют хостинг от «Рег-ру». Вряд ли такой крупный провайдер внезапно исчезнет вместе с моим сайтом. Источник: statonline.ru По статистике, 20% всех сайтов в зонах .рф и .ru используют хостинг от «Рег-ру». Вряд ли такой крупный провайдер внезапно исчезнет вместе с моим сайтом. Источник: statonline.ru Тарифные планы зависят от количества сайтов, поддержки баз данных и дискового пространства. Это, например, тарифы «Рег-ру». Для разработки сайта на CMS нужны базы данных, поэтому самый дешевый вариант мне не подошел. Если бы я хотела размещать много фото и видео, дисковое пространство тоже имело бы значение. Возможно, мне стоит подумать о SSL-сертификате, потому что сайты без него «Хром» подсвечивает как небезопасные.

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

Кроме того, название бесплатного хостинга, скорее всего, будет в названии сайта. Например, traderfeed.blogspot.com — это сайт известного психолога для трейдеров, но в названии кроме «traderfeed» есть еще и «blogspot.com».

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

Лучшие CMS

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

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

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

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

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

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

На сайте «Красотка-про» используется CMS «Битрикс»

WordPress — бесплатная платформа. Изначально она задумывалась для создания блогов, но на ней можно реализовать любой тип сайта. Т⁠—⁠Ж изначально тоже был на «Вордпрессе».

Официальный сайт платформы «Вордпресс»

Есть два варианта сайтов на «Вордпрессе»:

  1. Блоги, которые бесплатно размещаются на платформе и называются имя.wordpress.com. В этом варианте нельзя добавлять различные плагины и размещать рекламу, но можно привязать свой домен.
  2. Скачиваемая версия wordpress.org, которая устанавливается на хостинг. Во втором варианте можно сделать практически любой сайт с полным контролем над ним.

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

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

Новички позитивнее всего относятся к «Вордпрессу», согласно презентации новой версии «Друпал» за октябрь 2019 года Иконки соцсетей на сайте — это тоже виджеты

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

Официальный сайт платформы «1С-Битрикс»

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

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

Управление сайтом состоит из 26 модулей. Выглядит это достаточно сложно, видимо, поэтому с этой CMS работают профессионалы

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

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

Официальный сайт платформы

Мэрриотт и Уоринг в учебнике «Joomla 3.0! Официальное руководство» пишут, что создать сайт с помощью этой платформы можно меньше чем за два часа. Но, скорее всего, такой поспешный результат будет далек от совершенства. В руководстве на примере очень простых тестовых сайтов разобран рабочий процесс — от установки до дизайна, продвижения и выбора хостинга.

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

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

На слайде из презентации новой версии «Друпала» видно, что новички чаще всего оценивают платформу негативно, а экспертам она нравится

Инструкция: как создать сайт при помощи CMS на примере WordPress

Шаг 1. Установить CMS на хостинг. После того как я оплатила хостинг и добавила туда свой домен, мне надо было установить выбранную CMS.

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

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

При установке система пришлет пароль и логин для входа — их надо сохранить. После этого можно попасть в консоль управления сайтом, если ввести в строке браузера http://название сайта/wp-admin/.

Шаг 2. Настроить сайт через консоль. Консоль — это пункт управления сайтом. Через консоль можно менять дизайн и меню, добавлять записи, загружать медиафайлы, анализировать активность, обновлять плагины. Все, что можно сделать с сайтом, делается через консоль.

Я поменяла электронный адрес администратора, формат даты и настроила часовой пояс.

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

Шаг 3. Выбрать темы/шаблоны для сайта. Это можно сделать в консоли, если нажать на кнопку «Настройте свой сайт» или выбрать вкладку «Внешний вид».

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

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

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

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

Шаг 4. Добавить меню и название сайта. Это можно сделать через кнопку «Настройте свой сайт» или через вкладку «Внешний вид» в меню консоли.

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

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

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

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

Размер шрифтов, цвет, расположение текста можно менять в текстовом редакторе. Там же можно вставлять картинки и видео.

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

Можно настраивать видимость записей: для всех пользователей, только для тех, кто знает пароль, или только для себя.

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

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

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

Лучшие конструкторы сайтов

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

Как правило, конструкторы работают по технологии SaaS — «software as a service» — то есть одновременно с конструктором предоставляется и облачный хостинг. Чаще всего существует бесплатный пакет шаблонов или тестовый период, который можно продлить и оплатить, если сервис понравился.

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

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

Можно создать сайт бесплатно, но можно воспользоваться и платными подписками. В бесплатном варианте будет некрасивое доменное имя. Например, в моем случае — julsemen.wixsite.com/название сайта.

UKit — платный российский конструктор сайтов, но есть тестовый период 14 дней. Никакого кода для создания сайта не надо. Хостинг тоже не нужен: облачный входит в подписку.

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

Официальный сайт конструктора «Юкоз»

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

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

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

В «Юми» есть интеграция с 1С и «Яндекс-деньгами», то есть можно создать интернет-магазин и принимать оплату.

Weebly для пользователей из России не работает, и сайт не открывается. Судя по отзывам, на нем можно создать бесплатный сайт или блог. Этот конструктор популярен в США и Европе.

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

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

Инструкция: как создать сайт в конструкторах на примере Wix

Шаг 1. Нажать кнопку «Создать сайт». Сайт, конечно, сразу не появится — сначала придется пройти еще несколько шагов.

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

Шаг 2. Войти через аккаунт в соцсети или зарегистрироваться как новый пользователь. Я выбрала вариант «Продолжить с Google», поэтому в названии моего бесплатного сайта появилась часть электронного адреса — «julsemen».

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

Шаг 3. Выбрать тип сайта. «Викс» предлагает 12 категорий, например бизнес, интернет-магазин или портфолио и резюме.

Неважно, какой тип сайта выбрать на этом этапе, потому что «Викс» все равно покажет в меню все существующие шаблоны и категории

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

Шаг 5. Выбрать шаблон. Готовые шаблоны «Викса» меня не устроили, хотя их много. Я выбрала пустой шаблон, потому что хотела все настроить самостоятельно.

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

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

Шаг 6. Сохранить выбранный шаблон и выбрать домен. Чтобы работа не пропала из-за технических неполадок, сайт лучше сразу сохранить. Это можно сделать на бесплатном домене «Викса» с некрасивым и длинным именем или использовать собственный.

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

Чтобы сохранить сайт в «Виксе», надо нажать кнопку «Сохранить» в верхнем меню. После этого появляются бесплатный или платный варианты. Я выбрала «Бесплатный домен wix.com». Поменять можно только последнюю часть названия — ту, что подсвечена

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

Чтобы сайт появился в интернете, надо нажать кнопку «Опубликовать».

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

Мои впечатления от эксперимента

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

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

Кроме того, в ходе эксперимента я познакомилась с конструкторами сайтов и CMS и в принципе могу добавить в резюме строчку: «Умею создавать сайты в конструкторе и на „Вордпрессе“». Теперь я могу обучать работе в конструкторе детей и начинающих пользователей. С «Вордпрессом» все сложнее — я пока не чувствую себя уверенно.

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

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

Как создать бесплатный веб-сайт на WordPress

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

Начнем с пошагового процесса создания сайта.

Шаг 1. Регистрация на WordPress.com

Сначала вам нужно зарегистрироваться на WordPress.com, чтобы перейти на http://wordpress.com/, вы найдете экран, подобный приведенному ниже. Щелкните Get Started . Вы будете перенаправлены на страницу регистрации.

Заполните регистрационную форму. Поля, которые необходимо указать, — это адрес электронной почты, имя пользователя, пароль и адрес блога (доменное имя). Щелкните Create Blog!

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

Шаг 2. Подтвердите адрес электронной почты и активируйте блог

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

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

Шаг 3. Настройте блог

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

Шаг 4. Выберите и настройте тему WordPress

На этом этапе вам необходимо выбрать тему для вашего веб-сайта.Там вы найдете как бесплатные, так и премиальные темы. Выберите любую бесплатную тему, выберите ее и переходите к следующему шагу. Вы также можете просмотреть другие бесплатные темы на http://theme.wordpress.com/themes/sort/free/.

Настройте тему, если хотите, в противном случае нажмите Следующий шаг

Шаг 5. Подключитесь к Facebook или Twitter

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

Шаг 6: Завершение процесса

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

Шаг 7. Посетите свой недавно созданный веб-сайт

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

Изменить внешний вид

Для изменения внешнего вида вашего вновь созданного веб-сайта. Щелкните My Blog в строке меню, а затем щелкните Change Appearance. См. Снимок ниже.

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

  • Dashboard : для обновлений WordPress, плагинов и тем.
  • Сообщения : Для редактирования, удаления и написания новых сообщений.
  • Медиа : для управления и загрузки новых мультимедийных файлов, таких как изображения и видео
  • Страницы : Для управления и создания новых страниц в вашем блоге.
  • Комментарии : Для модерирования комментариев — здесь вы можете одобрять, удалять и отвечать на комментарии.
  • Внешний вид : Мы уже рассмотрели это ранее — для тестирования новых тем и настройки.
  • Настройки : Еще много дел. Просмотрите настройки и настройте их в соответствии с потребностями.

Заключительные слова

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

Бесплатная установка блога WordPress

1 домен + веб-хостинг

Каждому веб-сайту нужен домен и веб-хостинг. Домен — это адрес вашего веб-сайта в Интернете (например, wpbeginner.com). Веб-хостинг — это место, где ваш сайт находится в Интернете. Здесь хранятся ваши файлы, изображения и статьи.

У вас должны быть и то, и другое, чтобы начать блог.

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

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

Это ПОБЕДИТЕЛЬ ПОБЕДИТЕЛЬ, во всех отношениях.

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

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

Один из старейших веб-хостингов, созданный в 1996 году, Bluehost стал крупнейшим брендом в области хостинга WordPress.Они являются официальным хостинг-провайдером, рекомендованным WordPress. С Bluehost вам никогда не придется беспокоиться о том, что ваш сайт будет медленным, даже при большом трафике. Их экспертная поддержка 24/7 всегда готова помочь, когда вам это нужно, по телефону, электронной почте или в чате. Они занимают первое место в области веб-хостинга для малого бизнеса. Кроме того, они предлагают пользователям WPBeginner эксклюзивную скидку 63%, бесплатный домен, бесплатный SSL и бесплатный конструктор сайтов с шаблонами.

SiteGround — один из самых популярных хостинг-провайдеров с самым высоким рейтингом в сообществе WordPress.Они предоставляют уникальные внутренние решения WordPress для скорости и безопасности, чтобы сделать ваш сайт максимально быстрым и безопасным. Они известны лучшей круглосуточной поддержкой в ​​отрасли, поэтому они являются официальным хостинг-провайдером, рекомендованным WordPress. Вот почему мы используем SiteGround для размещения веб-сайта WPBeginner. Возможности SiteGround включают автоматические обновления, ежедневное резервное копирование, встроенное кэширование WP, бесплатный CDN, бесплатный SSL, постановку одним щелчком мыши и контроль версий GIT. Они также являются одной из немногих компаний, предлагающих локальный хостинг с 6 центрами обработки данных в США, Европе, Азии и Австралии.Вдобавок ко всему, у них есть специальная скидка 63% для читателей WPBeginner.

HostGator обслуживает более 10 миллионов доменов и является одним из самых популярных веб-хостов в отрасли. Благодаря установке WordPress в один клик, гарантии 99,9% времени и круглосуточной поддержке, это разумный выбор для каждого владельца веб-сайта. Мы считаем их лучшим веб-хостингом для бизнеса. Они предлагают нашим читателям эксклюзивную скидку 62%, бесплатное доменное имя и бесплатный сертификат SSL.

DreamHost существует уже 18 лет и известен тем, что упрощает веб-хостинг. Вы получаете настраиваемую панель управления, установку WordPress в 1 щелчок, автоматические обновления WordPress, неограниченное пространство, неограниченную пропускную способность и бесплатные твердотельные накопители, что делает ваш сайт на 200% быстрее. DreamHost поддерживает более 1,5 миллионов блогов и веб-сайтов WordPress. Они также являются официально рекомендованным хостинг-провайдером WordPress.Пользователи WPBeginner получают эксклюзивную скидку 72% и бесплатный домен + бесплатный сертификат SSL.

GreenGeeks стал хорошо известным брендом в индустрии хостинга WordPress благодаря своей невероятно высокой производительности веб-сайтов, круглосуточной поддержке в США и экологически безопасной платформе. Они предлагают автоматическую установку WordPress в один клик, управляемые обновления, повышенную безопасность, бесплатный CDN, бесплатную миграцию сайта и выбор из более чем 5 различных местоположений центров обработки данных.GreenGeeks поддерживает более 600 000 веб-сайтов, и клиенты их любят. Вдобавок ко всему, у них есть специальная скидка 60% для читателей WPBeginner в сочетании с бесплатным SSL и бесплатным доменным именем.

2 Отправьте форму ниже

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

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

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

Пожалуйста, потерпите меня! Вот почему:

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

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

И последнее, но не менее важное: подход «Сделай сам» (без навыков программирования), который мы здесь представляем, невероятно экономичен. Фактически, вы можете создать и запустить свой веб-сайт всего за ~ 35 долларов в год.

Вот как сделать сайт самостоятельно, шаг за шагом:

Спешите? Вот ваши ярлыки действий, чтобы создать сайт менее чем за час:

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

Когда вы будете готовы зарегистрировать учетную запись веб-хостинга, убедитесь, что вы используете одну из ссылок Bluehost на этой странице. Их прохождение приведет к двум вещам: (1) — это партнерские ссылки, что означает, что мы получаем небольшую комиссию, если вы покупаете через них, (2) — это разблокирует 2 доллара.75 против цены со скидкой 3,95 доллара с бесплатным доменом для вас . Вы не получите эту скидку, если посетите сайт Bluehost каким-либо другим способом.

Как создать сайт — с высоты птичьего полета

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

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

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

Шаг 1. Выберите WordPress в качестве платформы вашего веб-сайта

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

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

Но хватит технических подробностей! Как я уже сказал, существует множество CMS — на самом деле, более 100, как указано в Википедии.

К счастью, выбрать лучший очень просто. На вершине горы только один король — WordPress.

WordPress используется более чем на 34% всех веб-сайтов (согласно данным).Опять же, это всех веб-сайта!

Или, иначе говоря, примерно каждый третий веб-сайт, который вы посещаете, построен на WordPress.

Вот основные сведения о WordPress:

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

Теперь одно важное различие; «WordPress», о котором мы здесь говорим, — это «WordPress, программное обеспечение.«Вы можете найти его, если зайдете на WordPress.org.

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

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

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

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

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

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

Однако! Есть еще кое-что, что вам нужно понять, чтобы настроиться на успех в будущем.

Во-первых, в сети насчитывается почти 2 миллиарда (!) Веб-сайтов (на момент написания). Это означает, что оставаться оригинальным может быть довольно сложно.

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

Короче говоря, хорошее доменное имя должно быть:

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

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

Если вы не знаете, какой домен вы хотите получить, перейдите прямо к нашему генератору №1 — Domain Wheel и посмотрите, как он может вам помочь.

Начните с ввода ключевого слова, которое хорошо определяет ваш веб-сайт.

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

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

а) Покупка доменного имени и хостинг

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

🧙 Примечание для новичков: что вообще такое хостинг?

Проще говоря, веб-хостинг (он же веб-сервер) — это то, без чего не может жить ни один веб-сайт.Это место, где ваш веб-сайт находится в ожидании посещения посетителей.

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

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

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

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

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

Мы собираемся использовать Bluehost. Вот почему:

  • Bluehost — это авторитетный веб-хостинг, который оптимизирован для WordPress и позаботится о том, чтобы ваш веб-сайт работал без сбоев.
  • — одна из немногих компаний, рекомендованных на официальном сайте WordPress.сайт организации
  • дешево (от 2,75 $ в месяц)
  • прост в использовании и удобен для новичков
  • вы получаете доменное имя бесплатно

Вот что теперь будет:

  1. Мы собираемся перейти на Bluehost и выбрать план хостинга для нашего веб-сайта.
  2. Мы также собираемся зарегистрировать доменное имя в Bluehost (домен бесплатный).
  3. Мы скажем Bluehost установить и настроить чистую версию WordPress на нашем новом хостинге.
  4. Мы выйдем со 100% работающим веб-сайтом WordPress!

Приступим — вот как создать сайт:

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

В большинстве случаев, если вы запускаете новый сайт, достаточно самого дешевого тарифного плана — Базового. Это всего лишь 2,75 доллара в месяц:

.

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

Далее укажите свои личные данные:

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

Примечание; вы получите самую низкую цену, если купите пакет хостинга как минимум на 12 месяцев.

На этом этапе вы можете нажать «ОТПРАВИТЬ» и завершить покупку.

б) Указание Bluehost установить для вас WordPress

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

Хотя вы технически можете установить WordPress вручную , зачем вам это делать, если вы можете заставить других делать это за вас, причем бесплатно! Вот как:

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

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

Кроме того, вы также можете установить WordPress, перейдя в раздел Мои сайты и нажав кнопку Create Site :

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

Шаг 3. Ознакомьтесь с пользовательским интерфейсом WordPress

Вы можете войти в свою пользовательскую панель WordPress, если зайдете по адресу www.YOURDOMAIN.com/wp-admin/

Вот что вы увидите:

Используйте учетные данные для доступа, которые вы установили в Bluehost на предыдущем шаге («снимок экрана установки WordPress» выше).

После успешного входа в систему вы увидите основной интерфейс WordPress во всей красе:

  • (1) Приветственное сообщение — Некоторые из наиболее важных областей панели администратора перечислены как ссылки быстрого доступа — обычно это ваши ярлыки для создания веб-сайта.
  • (2) Текущее состояние вашего сайта и что с ним происходит.
  • (3) Сообщения — перейдите сюда, чтобы создать сообщения в блоге.
  • (4) Медиа — здесь можно загружать изображения и другие медиафайлы и управлять ими.
  • (5) Страницы — перейдите сюда для создания дополнительных страниц.
  • (6) Комментарии — здесь вы можете модерировать комментарии.
  • (7) Внешний вид — измените здесь дизайн вашего сайта и / или настройте способ отображения определенных элементов в текущем дизайне.
  • (8) Плагины — здесь установите новые плагины.
  • (9) Пользователи — управление учетными записями пользователей, которые могут получить доступ к панели администратора веб-сайта.
  • (10) Настройки — основные настройки.

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

a) Установить постоянные ссылки

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

Наиболее оптимизированная структура — это наличие заголовка страницы в URL-адресе. Например, ваша страница «О нас» (подробнее на этой странице позже) должна быть доступна под чем-нибудь таким простым, как YOURSITE.com/about . Правильная установка постоянных ссылок позволит вам добиться этого.

Чтобы установить постоянные ссылки, перейдите в «Настройки » → «Постоянные ссылки » на главной боковой панели на панели инструментов WP.

Оказавшись там, выберите этот параметр:

б) Сделайте свой сайт общедоступным

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

c) Установите заголовок и слоган веб-сайта

Перейдите в Настройки → Общие и установите в полях Заголовок сайта и Слоган то, что вам нужно.

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

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

г) Разрешить или запретить комментарии

Хотите ли вы принимать комментарии на своем веб-сайте, решать вам.

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

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

д) Отключить пингбеки и трекбэки

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

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

f) Установите часовой пояс

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

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

Вы можете установить часовой пояс в Настройки → Общие .

Убрав основные настройки, мы можем перейти к интересным вещам:

Шаг 4. Выберите тему / дизайн для своего веб-сайта

Самое замечательное в WordPress то, что он работает со сменными дизайнами — темами .

Это означает, что вы можете изменить внешний вид вашего веб-сайта WordPress одним щелчком мыши.

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

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

Вот как:

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

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

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

Существует огромное количество тем WordPress. Просто заглянув в официальный каталог на WordPress.org, там сотни тем.

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

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

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

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

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

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

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

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

Вот как выполняется установка темы:

Перейдите в Внешний вид → Темы на панели инструментов WordPress и нажмите «Добавить».”

Оттуда введите имя темы, которую вы хотите установить, например:

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

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

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

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

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

Из предложенных здесь вариантов давайте пока остановимся только на Orbit Fox Companion. Просто нажмите кнопку «Установить и активировать».

💡 Примечание. Orbit Fox Companion — это плагин. Мы поговорим о плагинах WordPress более подробно позже в этом руководстве о том, как создать веб-сайт.

Orbit Fox — хорошее дополнение к Hestia, так как предлагает несколько интересных функций для улучшения внешнего вида вашего сайта. Например, вы получаете несколько полезных новых модулей для домашней страницы, каталог шаблонов, который будет полезен при создании ваших подстраниц (например, «о нас» или «контакт»), и пользовательские значки меню.

На этом этапе ваша новая тема активна на вашем сайте.Вы можете увидеть это в действии, просто перейдя на сайт YOURDOMAIN.com .

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

c) Настроить тему

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

Для начала перейдите в Внешний вид → Настроить . Вы увидите основной интерфейс настройщика WordPress.

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

Настройка домашней страницы.

Сделайте следующее:

  1. На боковой панели перейдите в «Настройки домашней страницы».
  2. Выберите параметр «Статическая страница» в настройках отображения домашней страницы.
  3. Нажмите «Добавить», чтобы создать новую страницу в качестве домашней.
  4. Введите название страницы — «HOME» кажется хорошей идеей — и нажмите «Добавить».

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

См. Здесь:

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

Чтобы внести изменения, щелкните значок карандаша рядом с заголовком.

После этого слева появится панель настройки.

Через него можно:

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

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

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

  • Раздел О — отличное место, чтобы рассказать о своей истории.
  • Раздел Team , который можно использовать, если в вашем бизнесе работает больше людей, и вы хотите их выделить.

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

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

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

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

Корректировка типографики.

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

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

Цвета.

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

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

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

💡 Примечание. В настройщике WordPress есть еще много настроек, с которыми можно поэкспериментировать. Например, вы можете:

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

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

Плагины для вашего сайта WordPress такие же, как приложения для вашего iPhone. 📱

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

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

  • Yoast SEO — помогает настроить поисковую оптимизацию и сделать ваш сайт более доступным для поисковых систем в целом.
  • Google Analytics для WordPress — интегрирует ваш веб-сайт с самым популярным решением для анализа трафика в Интернете.
  • Wordfence Security — повышает безопасность вашего сайта WordPress.
  • UpdraftPlus — делает автоматическое резервное копирование вашего сайта.
  • Optimole — оптимизирует ваши изображения.
  • WPForms — позволяет добавлять интерактивные контактные формы на ваш веб-сайт, которые посетители могут использовать для прямой связи с вами — это намного лучше, чем отображение вашей электронной почты в виде обычного текста на вашем сайте.
  • Также просмотрите этот список самых популярных плагинов WordPress всех времен. Вы тоже можете найти там что-нибудь интересное.

Установка плагинов проста. Если мы имеем дело с бесплатным плагином, все, что вам нужно, — это его название.

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

Шаг 6: Создайте базовые страницы

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

Но сначала, как вообще создать страницу :

Для этого просто перейдите на панель управления WordPress, а затем выберите Pages → Добавить новый . Вы увидите этот экран:

  • (1) Место для заголовка страницы.
  • (2) Основной раздел — основное содержание страницы. Интерфейс очень похож на MS Word. Вы получаете все основные функции форматирования текста (например, полужирный шрифт, курсив, выравнивание текста по левому / правому краю / центру, создание списков и т. Д.).
  • (3) Вы можете добавить изображения, нажав эту кнопку.
  • (4) Переключение между редакторами Text и Visual . Используйте первое только в том случае, если вы хотя бы смутно знакомы с кодом HTML.
  • (5) Раздел Publish . Здесь находится основная кнопка Publish .
  • (6) Обсуждение . Решите, хотите ли вы разрешать комментарии. Параметр «трекбэки и пингбэки» можно не устанавливать.
  • (7) Главное изображение . Большинство тем WordPress берут это изображение и отображают его где-нибудь на видном месте рядом с вашей страницей.

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

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

  • Примерно — я уже упоминал об этом несколько раз, так как это действительно важный вопрос. На странице «О нас» вы можете рассказать историю вашего веб-сайта и почему люди должны обращать на него внимание.Эта страница просто необходима всем, кто хочет научиться создавать веб-сайт.
  • Контакт — здесь вы можете отобразить некоторую контактную информацию вместе с красивой контактной формой, через которую люди могут связаться с вами напрямую (вы можете получить такую ​​форму через вышеупомянутый плагин WPForms).
  • Политика конфиденциальности — эта страница стала чрезвычайно важным элементом в современной сети. Узнайте больше о страницах политики конфиденциальности в WordPress здесь.
  • Портфолио — место, где вы можете продемонстрировать свои прошлые работы.
  • Магазин — незаменимая вещь, если вы хотите продать что-либо со своего сайта. Чтобы это работало, вам также понадобится популярный плагин WooCommerce — лучшее решение для электронной коммерции для WordPress.

Когда вы закончите с ними, вы также можете проверить этот список из 12 ценных страниц, которые стоит разместить на своем сайте.

Шаг 7. Рассмотрите возможность создания блога

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

И это говорю не только я; есть необработанные данные, подтверждающие, что блоги — превосходный инструмент для интернет-маркетинга: 55% маркетологов считают ведение блогов своим главным приоритетом входящего маркетинга.

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

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

Чтобы создать новую запись в блоге, все, что вам нужно сделать, это перейти в сообщений → Добавить новый (с панели инструментов WordPress).

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

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

Вот как выглядит добавление нового сообщения в блог:

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

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

  • Для этого сначала перейдите в Pages → Add New и создайте пустую страницу. Назовите это «БЛОГ» — просто чтобы прояснить ситуацию.
  • Затем перейдите в «Настройки » → «Чтение » и выберите вновь созданную страницу блога в качестве «Страницы сообщений», например:

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

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

Шаг 8. Настройте навигацию по сайту

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

Здесь мы сосредоточимся на двух элементах:

a) Меню

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

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

Сначала перейдите в Внешний вид → Меню на панели инструментов WordPress.

Вы увидите панель по умолчанию:

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

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

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

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

💡 Примечание. Вы также можете создавать дополнительные меню. Просто нажмите на ссылку «создать новое меню», которая видна на скриншоте выше. Это покажет вам ту же панель создания меню. Каждое меню должно отображаться в другом месте. Итак, для этого нового вы можете назначить его как «Меню нижнего колонтитула».

Когда вы перейдете на свой сайт сейчас, вы увидите меню на месте.

б) Виджеты

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

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

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

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

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

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

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

Видеоверсия этого руководства

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

Заключение

Вот и все! Вы только что узнали, как создать веб-сайт! 🍾🎊

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

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

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

Бесплатный гид

5 основных советов по ускорению


вашего сайта WordPress
Сократите время загрузки даже на 50-80%

, просто следуя простым советам.

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

Как создать веб-сайт бесплатно за 5 простых шагов

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

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

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

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

Но прежде, чем мы начнем, давайте ответим на этот вопрос.

Почему WordPress?

WordPress теперь поддерживает почти 40% мирового веб-сайта

W3Techs

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

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

  • WordPress — самая популярная CMS (система управления контентом) в мире
  • 100% открытый исходный код с возможностью простого расширения
  • Широкие возможности настройки для большой гибкости
  • Очень простая настройка с помощью тем и плагинов
  • Полностью оптимизирована для SEO
  • Управляйте всем с одной панели
  • Надежно и надежно

👉 Подробнее о WordPress 👈

5 простых шагов для бесплатного создания веб-сайта на WordPress

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

Итак, приступим: —

Однако, если вы хотите быстро взглянуть на весь процесс, то вот шаги для вас: —

Содержание: —

  1. Выберите доменное имя и план хостинга
  2. Загрузите и установите WordPress (бесплатно)
  3. Настройте общие параметры
  4. Загрузите тему
  5. Создайте основные веб-страницы

01.Выберите доменное имя и план хостинга

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

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

  • Старайтесь, чтобы его было легко запомнить и объявить
  • Имя должно быть кратким и точным (например, www.wperp.com )
  • Убедитесь, что он не содержит дефисов или цифр

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

  1. Domain.com
  2. Bluehost
  3. GoDaddy Domains
  4. Namecheap

Допустим, вы хотите купить доменное имя у « Domain.com ».

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

Покупка тарифного плана

Веб-хостинг — это место, где живут все файлы вашего сайта. Это как дом вашего веб-сайта, где он на самом деле живет

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

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

  • Bluehost : — Это официальный партнер самого WordPress. Они предоставляют сложные инструменты веб-управления, регулярные автоматические обновления и поддержку со стороны своей профессиональной экспертной группы поддержки.
  • WP Engine : — WP Engine — это известный и старейший провайдер управляемого хостинга для WordPress. Он предоставляет услуги общего, выделенного или облачного хостинга с высоким уровнем безопасности.
  • Hostgator : — Это один из экономичных, но мощных управляемых «хостинг-провайдеров» для WordPress. Он предлагает неограниченное количество адресов электронной почты, быстрые и безопасные и экономичные планы хостинга.
  • Cloudways : — Хостинг Cloudways использует новейшие технологии, позволяющие использовать новейшие версии PHP, MYSQL в качестве базы данных и многое другое.
  • Kinsta : — Подходит для пользователей, которые хотят сохранить простой вариант для своего сайта. Некоторые из его пакетов довольно высоки.Но если вам нужен удобный и мощный «управляемый хостинг» для своего сайта, то Kinsta, вероятно, будет для вас разумным вариантом.

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

Также читайте: 15 лучших надежных управляемых хостингов для WordPress

02. Загрузите и установите WordPress

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

Что ж, давайте проследим процесс установки WordPress вручную. В этом случае мы покажем процесс с использованием FTP .

Также читайте: — Как установить WordPress на Xampp

  • Прежде всего, вам понадобится программа FTP для загрузки файлов. Затем установите FileZilla. После этого перейдите на wordpress.org , чтобы установить WordPress.
  • Затем разархивируйте загруженный файл и загрузите его на public_html . В случае, если вам не удается войти на FTP, попросите у своего хоста информацию об учетной записи FTP:
.
  • При этом перейдите в свою учетную запись cPanel и найдите опцию MYSQL для создания базы данных .
  • После нажатия на MYSQL Databases , вы найдете вариант Create a New Database .Итак, введите имя для вашей новой базы данных и нажмите Create Database .

Примечание : Вы можете изменить имя в любое время — просто запомните его для дальнейшего использования.

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

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

  • Здесь вы получите простой мастер установки WordPress. Так что выберите тот язык, который вам больше нравится.
  • Затем нажмите кнопку « Поехали, ».
  • Введите здесь свои данные, такие как имя базы данных, имя пользователя и пароль. А затем нажмите кнопку отправки.
  • После этого нажмите кнопку « Запустить установку », чтобы продолжить.
  • Укажите название вашего сайта, имя пользователя, пароль, адрес электронной почты и нажмите кнопку Install WordPress . Вот и все!

Итак, наконец-то процесс ручной установки WordPress подошел к концу. Ура! Вы только что узнали, как установить WordPress вручную. Теперь наслаждайтесь своим недавно запущенным сайтом на вашем локальном хосте! 😉

Примечание : — Чтобы протестировать свой сайт WordPress на локальном хосте, вы можете выполнить это руководство.Или вы можете просмотреть следующий видеоурок, чтобы получить более подробное представление.

Как создать сайт бесплатно

03. Настройка общих параметров

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

  • Введите название своего веб-сайта
  • Добавьте слоган
  • Отметьте галочкой « Кто угодно может зарегистрироваться
  • Настроить формат даты и времени

. Поэтому, чтобы настроить параметры, перейдите к панели инструментов WP> Настройки> Общий .

Затем нажмите на опцию « Writing ». Здесь вам просто нужно выбрать категорию и формат публикации по умолчанию.

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

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

Например, Ваш сайт /% postname% .

04. Загрузите и настройте тему

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

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

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

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

Затем перейдите на панель инструментов WordPress> Внешний вид> Темы> Загрузить загруженный файл> Установить и активировать .

Примечание : Если вы не знаете, как настроить тему WordPress, вы можете прочитать это руководство о том, «как настроить тему WordPress».

Вот и все, ваша тема готова к использованию. Наслаждайтесь! 😉

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

05. Создание основных веб-страниц

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

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

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

Например: —

  • О нас
  • Галерея
  • Услуги
  • Свяжитесь с нами и т. Д.

Итак, вот внешний вид созданной страницы. Как видите, здесь появляются все веб-страницы, в том числе страница About Us / Me . Таким образом, вы можете сделать свой веб-сайт более привлекательным и красивым.

Создать первое сообщение в блоге

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

Сначала перейдите на панель инструментов WP> Сообщения> Добавить новый .

  • Добавьте заголовок
  • Напишите сообщения
  • Добавьте категорию, теги и элементы, если необходимо

Затем добавьте изображение функции и отрывок.

Пришло время отредактировать пост. Вот как это сделать.

  1. Напишите свой контент
  2. Добавьте изображение внутри содержимого
  3. Добавьте ссылки

Итак, как только вы опубликуете блог, вот как он будет выглядеть для посетителей: —

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

Обязательно прочтите: — Как создать сообщение в блоге в WordPress

Как создать заголовок на сайте WordPress

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

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

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

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

Бонус: необходимые плагины для ускорения рабочего процесса веб-сайта

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

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

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

    • Jetpack : он предлагает различные функции, такие как безопасность, инструменты для работы с контентом, взаимодействие с посетителями, совместное использование в социальных сетях, комментарии, защита от спама, связанные сообщения, а также повышает производительность сайта.
    • Yoast SEO ( Free ): Yoast SEO предлагает набор инструментов, которые улучшают позицию вашего сайта в результатах поиска. Кроме того, он помогает вам добавлять XML-файлы Sitemap, данные OpenGraph и упрощает создание ваших сообщений или страниц, оптимизированных для SEO.
    • Плагин Google Analytics — Analytify (БЕСПЛАТНЫЙ и профессиональный) : Если вас беспокоит производительность вашего сайта, вы можете использовать плагин Analytify , чтобы получить неограниченные функции, такие как отслеживание посещений пользователей, популярность сайта, понимание посетителей, страницы или пост-перформанс, мощная аналитика и многое другое.
    • W3 Total Cache (БЕСПЛАТНО) : W3 Total Cache повышает производительность сервера, сокращает загрузку страниц и время загрузки. Это потрясающе помогает повысить ваш рейтинг в результатах поиска.
    • Плагин безопасности — Sucuri (БЕСПЛАТНО и Pro) : Используя этот плагин, вы можете защитить свой сайт от DDoS-атак, XSS-атак, вредоносных угроз, грубой силы и т. Д.
    • Elementor Page Builder (БЕСПЛАТНО и Pro) : Если вы хотите легко создавать свои веб-страницы без навыков программирования? Elementor может стать для вас лучшим проводником.Он с легкостью предоставляет живую страницу или средства визуального построения страниц с множеством функций.
    • Плагин резервного копирования — Updraftplus (БЕСПЛАТНО и Pro) : Резервное копирование может быть отличным решением для вас, особенно если с вашим сайтом происходит что-то необычное. Вы можете легко создать резервную копию ваших важных данных и других важных файлов. Таким образом, вы можете использовать Updraft plus Backup Plugin для резервного копирования вашего WordPress в любое время.
    • Пользовательский интерфейс WP : легко создавайте регистрационные формы, профили, продукты WooCommerce, подписки и контактные формы с поддержкой настраиваемых типов сообщений.
    • WP Project Manager : умно управляйте своими проектами, задачами, командой и сотрудничайте с коллегами с помощью WP Project Manager pro.
    • weMail : Теперь вы можете легко регулировать и использовать все основные средства электронного маркетинга с помощью weMail . Кроме того, это поможет вам отправлять информационный бюллетень, собирать потенциальных клиентов, автоматизировать электронные письма, автоматически добавлять подписчиков в список и управлять подписчиками внутри панели управления WordPress.

    Чтобы получить подробное представление об основных плагинах для веб-сайта WordPress, прочтите статья ниже👇

    Статья по теме: — Требуются плагины WordPress на 2020 год

    Ответы на несколько часто задаваемых вопросов

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

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

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

    2. Как я могу зарабатывать деньги на своем веб-сайте?

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

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

    3. Как создать веб-сайт, на котором я могу продавать товары?

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

    4. WordPress бесплатный?

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

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

    5. Могу ли я установить WordPress на свой компьютер?

    Конечно, у вас это легко получится! У вас есть привилегия установить WordPress локально (на свой компьютер) почти в каждой операционной системе. В зависимости от вашего уровня опыта вы можете использовать стороннее решение, такое как Desktop Server или локальное с помощью Flywheel , или вручную установить WordPress с помощью XAMPP , MAMP , WAMP или LAMP .

    6. Могу ли я импортировать свои сообщения из другого блога или платформы для ведения блогов?

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

    7. Как я могу добавить новые функции на свой сайт WordPress?

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

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

    8. Разумно ли создавать сайт бесплатно?

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

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

    9. Что означает формат сообщения?

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

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

    10. Как создать новое сообщение?

    Чтобы создать новую запись WordPress, прежде всего, войдите на свой сайт WordPress.Затем перейдите в «Сообщения»> «Добавить». там вы можете добавить заголовок, контент, выдержку и многое другое.

    Как создать веб-сайт на WordPress с нуля (в выходные)

    Привет!

    Угадайте, кто вернулся с еще одним сообщением в блоге для вас…

    Итак, вот сделка:

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

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

    Итак, если вы изо всех сил пытались запустить свой сайт WordPress и не уверены:

    • С чего начать?
    • Какие инструменты вы должны использовать для создания WordPress с помощью
    • Требуется краткое руководство по созданию веб-сайта WordPress с нуля

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

    А теперь займемся почтой.

    Готовы создать ЭПИЧНЫЙ веб-сайт на WordPress?

    Введите свое имя и адрес электронной почты ниже, чтобы получить мгновенный доступ к БЕСПЛАТНОМУ веб-сайту WordPress в руководстве по инструментам и ресурсам на выходных, наполненному инструментами, контрольными списками и многим другим для создания ЭПИЧЕСКОГО веб-сайта WordPress для вашего бренда.

    Используйте эту схему для перехода к разделам сообщения

    Задачи 1-го дня: создание инфраструктуры

    Шаг 1: Выберите доменное имя для своего веб-сайта.


    Рекомендуемый ресурс: Siteground Domain Search

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

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

    Бесплатная проверка доменных имен

    Так, например, если название вашей компании — « Just Blaze Consulting », тогда JustBlazeConsulting.ком отлично подойдет как ваше доменное имя.

    Сделайте свое доменное имя коротким, понятным и понятным

    Используйте расширение .Com

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

    Шаг 2: Выберите провайдера веб-хостинга


    Рекомендовать ресурс : Хостинг WordPress

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

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

    Планы управляемого хостинга WordPress

    Проверка отзывов провайдера веб-хостинга

    Какую поддержку они предлагают (24/7, телефон, чат)

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

    Шаг 3:

    Установите WordPress

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

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

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

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

    Предлагает ли веб-хостинг установку одним щелчком мыши, чтобы помочь вам быстрее настроить ваш веб-сайт?

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

    Шаг 4:

    Выберите тему для своего веб-сайта WordPress

    Порекомендуйте ресурсы s: Creative Market и StudioPress

    В настоящее время я использую тему Thrive FocusBlog от людей из Thrive Themes для запуска мой блог, и мне это нравится.

    Но … несколько веб-сайтов, на которых я покупал темы WordPress в прошлом, — это Creative Market и StudioPress.

    Creative Market

    Creative Market предлагает на выбор более 3700 доступных тем WordPress. Вы можете получить тему на Creative Market всего за 19 долларов для создания своего веб-сайта WordPress.

    Темы WordPress _ Creative Market

    StudioPress

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

    Темы WordPress StudioPress

    Адаптивна ли тема (работает ли она на всех мобильных устройствах)?

    Легко ли настроить + бренд? (Добавьте свои цветовые схемы, логотип и т. Д. В?

    Совместима ли тема с большинством плагинов WordPress?

    Шаг 5: Добавьте важные страницы на свой веб-сайт


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

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

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

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

    Контактная страница : дает посетителям вашего веб-сайта возможность связаться с вами

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

    Добавление призыва к действию для всех ваших основные страницы

    Создание продуктов и услуг, ориентированных на выгоду, страницы

    Шаг 6: Добавьте важные страницы на свой веб-сайт


    Рекомендуйте ресурсы : Веб-дизайн WordPress 101: 10 правил, которые можно и нельзя делать для начинающих

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

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

    Сохранение краткости и понятности текста в меню навигации

    Используйте подменю, когда вам нужно добавить дополнительную информацию в главное меню

    Убедитесь, что ваше меню навигации отлично отображается на мобильных устройствах

    Шаг 7. Добавьте нижний колонтитул на свой веб-сайт


    Порекомендуйте ресурсы : Как создать отличный нижний колонтитул

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

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

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

    Добавление ссылки на политику конфиденциальности или страницу раскрытия информации

    Добавление ссылки на карту сайта

    Готовы создать ЭПИЧНЫЙ веб-сайт на WordPress?

    Введите свое имя и адрес электронной почты ниже, чтобы получить мгновенный доступ к БЕСПЛАТНОМУ веб-сайту WordPress в руководстве по инструментам и ресурсам на выходных, наполненному инструментами, контрольными списками и многим другим для создания ЭПИЧЕСКОГО веб-сайта WordPress для вашего бренда.

    Задачи 2-го дня: Брендинг вашего веб-сайта

    Шаг 1:

    Создайте руководство по стилю для своего веб-сайта

    Рекомендуйте ресурсы : Шаблон бесплатного руководства по стилю

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

    Образец шаблона руководства по стилю от Venngage

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

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

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

    Выберите 2-3 шрифта, чтобы обозначить свой веб-сайт

    Используйте профессиональные + высококачественные изображения в дизайне своих веб-сайтов (Pexels и Unsplash), у вас есть множество бесплатных стоковых фотографий, которые вы можете скачать + использовать.

    Шаг 2:

    Создайте домашнюю страницу EPIC для вашего сайта WordPress

    Рекомендуйте ресурсы : Как спроектировать домашнюю страницу EPIC с Thrive Architect

    Вот что я сделал не так вначале: Я сделал контент блога на главной странице моего веб-сайта, и на этом все закончилось.

    Вот пример того, что я имею в виду:

    Когда я начинал блог YourChicGeek назад, у меня не было отдельной домашней страницы для этого сайта (как вы можете видеть ниже):

    Старая домашняя страница YourChicGeek

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

    Текущая домашняя страница YourChicGeek

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

    Использование цвета для кнопок с призывом к действию, которые выделяются и привлекают внимание

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

    Шаг 3:

    Добавьте привлекательный контент на свою домашнюю страницу

    Рекомендуемые ресурсы : 7 примеров неотразимой копии домашней страницы

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

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

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

    Пример: Chandler Bolt eBook School

    Школа самопубликации — Копия домашней страницы

    Создание сильного заголовка для вашей домашней страницы

    Создание отличного вспомогательного текста (который связан с заголовком вашей домашней страницы)

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

    Шаг 4:

    Добавьте логотип Pro Text на свою домашнюю страницу

    Рекомендуемые ресурсы : Photopea.com

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

    Следует помнить, что вам не нужно создавать что-то слишком навороченное.

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

    Используйте простой пакет шрифтов из Creative Market или DaFont для создания текстового логотипа

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

    Убедитесь, что у вашего логотипа прозрачный фон (чтобы за ним не было пробелов)

    Шаг 5:

    Добавьте профессиональное изображение HERO на главную страницу своего веб-сайта

    Рекомендовать ресурсы : Pexels.com

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

    Например:

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

    XO Sarah • Hero Image

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

    Использование высококачественных стоковых фотографий в вашем изображении героя (Pexels.com и Unsplash) — отличные ресурсы

    Добавление четкого призыва к действию, которое выделяет вашего героя Image

    Шаг 6:

    Создание графического шаблона для публикации в блоге

    Рекомендуемые ресурсы : Canva Graphics Pack или сделай сам свой шаблон с Canva

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

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

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

    YourChicGeek Pinterest Template Design

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

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

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

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

    Шаг 7:

    Разверните боковую панель своих веб-сайтов

    Рекомендуйте ресурсы : Что включить на боковую панель вашего веб-сайта

    В последнее время это было одним из великих дебатов

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

    Возьмите эту боковую панель от хороших людей из Thrive Themes:

    Thrive Themes Пример содержимого боковой панели

    У них есть ссылки на свои f страницу acebook, последних сообщений в блогах и категорий сообщений в блогах.

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

    Шаг 8:

    Добавьте контент Pillar в свой блог на сайте!

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

    Когда на ваш сайт приходят новые посетители, вы хотите им поделиться какая-то причина остаться?

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

    Да, ведение блога требует работы, но вот несколько преимуществ ведения блога, которые следует учитывать :

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

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

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

    Создание трех основных постов для привлечения посетителей на ваш новый веб-сайт

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

    Перепрофилирование ваших новых сообщений в блоге — чтобы получить больше от вашего контента

    Готовы создать ЭПИЧНЫЙ веб-сайт на WordPress?

    Введите свое имя и адрес электронной почты ниже, чтобы получить мгновенный доступ к БЕСПЛАТНОМУ веб-сайту WordPress в руководстве по инструментам и ресурсам на выходных, наполненному инструментами, контрольными списками и многим другим для создания ЭПИЧЕСКОГО веб-сайта WordPress для вашего бренда.

    Предварительные мероприятия

    • Установите дату запуска для вашего веб-сайта!
    • Добавьте страницу в ближайшее время на свой веб-сайт. (Thrive Architect и Creative Market) скоро выпустят шаблоны страниц, которые вы можете использовать)
    • Зарегистрируйтесь для учетной записи электронной почты с Mailchimp или другим поставщиком услуг электронной почты, чтобы начать собирать электронные письма перед запуском своего веб-сайта
    • Подключите свою страницу, которая скоро появится, к ваша служба электронного маркетинга, чтобы начать создавать свой список рассылки
    • Используйте Canva для создания набора предварительных графических изображений для продвижения вашего нового веб-сайта в социальных сетях (если вы не разбираетесь в дизайне, это поможет)
    • Напишите 3-5 УДИВИТЕЛЬНЫЕ фрагменты контента для вашего блога + добавляйте к ним фирменные изображения.
    • Используйте buffer или Hootsuite, чтобы заранее запланировать на неделю публикации в ваших учетных записях в социальных сетях с объявлением о том, что ваш новый веб-сайт скоро появится.

    Мероприятия в день запуска

    • Удалите страницу обратного отсчета со своего веб-сайта
    • Используйте Hootsuite или Buffer, чтобы заранее запланировать недельный контент из вашего блога в учетные записи социальных сетей.
    • Потратьте время на то, чтобы поблагодарить всех своих новых подписчиков + побудить их посетить ваш блог
    • Отправьте электронное письмо своим подчиненным, сообщая им, что ваш сайт работает.
    • Расскажите своим друзьям, семье и людям, с которыми вы уже связаны в социальных сетях, ваш блог активен!
    • Убедитесь, что для чтения доступны как минимум 3-5 сообщений в блоге.

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

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

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

    Что вас больше всего разочаровывает при создании сайта на WordPress?

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

    Ура и спасибо, что прочитали этот мега-пост!

    Готовы создать ЭПИЧНЫЙ веб-сайт на WordPress?

    Введите свое имя и адрес электронной почты ниже, чтобы получить мгновенный доступ к БЕСПЛАТНОМУ веб-сайту WordPress в руководстве по инструментам и ресурсам на выходных, наполненному инструментами, контрольными списками и многим другим для создания ЭПИЧЕСКОГО веб-сайта WordPress для вашего бренда.

    Бесплатное руководство по WordPress — Как создать и создать веб-сайт на WordPress с нуля 2021

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

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

    Этот курс научит вас снизу, всему, что вам нужно знать о платформе WordPress, плагине для построения страниц Elementor и всему, что между ними.

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

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

    Это конструктор страниц с перетаскиванием и не может быть проще, чем то, что я вам покажу.

    ЭТО ЕДИНСТВЕННЫЙ КУРС, КОТОРЫЙ ПОЗВОЛЯЕТ ВАМ ИСПОЛЬЗОВАТЬ ЛЮБУЮ ТЕМУ, КОТОРУЮ ВАМ БЫЛО НРАВИТСЯ !!! ВЫ НЕ ОБЯЗАНЫ ИСПОЛЬЗОВАТЬ КОНКРЕТНУЮ ТЕМУ.

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

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

    Этот курс для вас, если вы:

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

    2. Хотите сэкономить тысячи долларов.

    3. Если вы хотите узнавать новую информацию.

    4. Хотелось бы быть в курсе новейших дизайнов и функций.

    Что вы узнаете из этого курса:

    1.Настройка домена и хостинга.

    2. Освоить платформу WordPress.

    3. Заведите собственный блог.

    4. Множество способов создать свой сайт.

    5. Освоите конструктор страниц Elementor.

    6. Установите темы, плагины и виджеты.

    7. Создайте дочернюю тему.

    8. Создавайте страницы и сообщения в блогах.

    9. Дизайн слайдера заголовка.

    10. Создайте логотип для своего бренда.

    11. Создайте нижний колонтитул.

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

    И многое другое.

    ЭТО ЕДИНСТВЕННЫЙ КУРС, КОТОРЫЙ ПОЗВОЛЯЕТ ВАМ ИСПОЛЬЗОВАТЬ ЛЮБУЮ ТЕМУ, КОТОРУЮ ВАМ БЫЛО НРАВИТСЯ !!! ВЫ НЕ ОБЯЗАНЫ ИСПОЛЬЗОВАТЬ КОНКРЕТНУЮ ТЕМУ.

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

    Как создать бесплатный сайт на WordPress — 2021 (с видео)

    Последнее обновление — 8 июля 2021 г.

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

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

    Хостинг и настройка бесплатного веб-сайта WordPress

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

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

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

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

    1. Субдомен — Предлагает ли хостинг-провайдер бесплатный субдомен?
    2. Пропускная способность — Какой объем данных ваш веб-сайт может передать посетителям за определенный промежуток времени?
    3. Дисковое пространство — Сколько места доступно на сервере для хранения содержимого вашего веб-сайта, такого как база данных, страницы, изображения, видео и файлы?
    4. Количество веб-сайтов — Сколько веб-сайтов вы можете запустить по одному тарифному плану?
    5. Учетные записи электронной почты — Сколько учетных записей электронной почты вы получаете с планом?
    6. Время безотказной работы и скорость — Каково среднее время безотказной работы и скорость веб-сайтов, размещенных у провайдера?
    7. Поддержка — Предлагает ли провайдер поддержку? Если да, то каким образом?
    8. Ограничения — Есть ли у провайдера какие-либо другие ограничения на использование?

    После сравнения 000WebHost выделяется как надежный провайдер бесплатного хостинга.Так что перейдите на его веб-сайт, нажав на эту ссылку. Прокрутите вниз, чтобы увидеть планы, и нажмите кнопку «Бесплатная регистрация». Укажите свой адрес электронной почты и назначьте пароль для своей учетной записи 000WebHost.

    Используя опцию «Бесплатная регистрация» на сайте 000WebHost.

    После подтверждения адреса электронной почты мастер настройки проведет вас через 5 простых шагов:

    Шаг 1: Выберите тип сайта; хотите ли вы создать блог, интернет-магазин, сайт веб-разработки или что-то еще.

    Шаг 2: Если вы выберете блог, вам нужно будет выбрать темы, о которых вы собираетесь писать.

    Шаг 3: 000WebHost порекомендует установить браузер Chrome для оптимальной работы. Если он у вас уже есть, вы можете нажать «Пропустить».

    Шаг 4: На следующем шаге вам нужно будет присвоить своему веб-сайту имя и создать для него пароль.

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

    Установка имени пользователя и пароля администратора WordPress в мастере настройки.

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

    Импорт шаблона дизайна

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

    Ваш сайт создан. Но версия по умолчанию с образцом страницы и контентом не выглядит такой уж большой. Итак, приступим к созданию и проектированию. Перейдите на серверную часть своего веб-сайта, добавив «/ wp-admin» в конце его URL-адреса. Здесь мы контролируем строительные блоки нашего веб-сайта, такие как сообщения, страницы, темы, плагины и настройки.

    Вы можете получить доступ к панели администратора WordPress, добавив «/ wp-admin» в конце URL-адреса.

    Вы заметите, что панель управления и веб-сайт сейчас немного запутаны. Приступим к уборке. Перейдите на вкладку Плагины и щелкните по ней. Вы увидите, что некоторые плагины были предварительно установлены Triple Zero Webhost. Чтобы веб-сайт работал быстро, важно устанавливать только те плагины, которые абсолютно необходимы. Предустановленные плагины не нужны, поэтому их можно просто удалить. Выберите все плагины, выберите «Деактивировать» в раскрывающемся списке и нажмите «Применить». Наконец, выберите их все еще раз, выберите «Удалить» в раскрывающемся списке и нажмите «Применить».

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

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

    Создание страницы с использованием конструктора блоков WordPress по умолчанию

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

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

    Чтобы выбрать шаблон, нажмите «Начать» на следующей странице.

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

    Выбор бесплатных шаблонов веб-сайтов из библиотеки Elementor.

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

    Импортированный веб-сайт с образцом контента.

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

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

    Редактирование образца текста с помощью блоков Elementor.

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

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

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

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

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

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

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

    Дайте вашей новой странице название. Затем нажмите кнопку «Редактировать с помощью Elementor» вверху. Отсюда есть 3 метода для создания новой страницы.

    3 метода добавления новой страницы с помощью Elementor.
    Метод 1

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

    Добавление изображения с помощью функции перетаскивания.
    Метод 2

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

    Поиск нужного шаблона страницы в библиотеке.

    Просто выберите понравившийся шаблон страницы и нажмите кнопку «Вставить», чтобы импортировать страницу на свой веб-сайт.

    Метод 3

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

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

    Импорт отдельного шаблона страницы из другого шаблона веб-сайта в библиотеке Elementor.

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

    Переход от субдомена к домену

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

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

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

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

    Шаг 1. Просмотрите платные планы провайдера и выберите один в зависимости от цены, веб-пространства, пропускной способности и других характеристик.

    Шаг 2: Введите желаемое доменное имя для своего веб-сайта. Если его еще нет, вы можете его получить. Некоторые доменные расширения могут быть бесплатными, другие — нет.

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

    Шаг 4: Выберите период времени, на который вы хотите купить хостинг, и выберите или отключите дополнительные услуги, такие как конфиденциальность домена и функции SEO.

    Шаг 5: Введите данные своей карты для совершения платежа.

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

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

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

Ваш адрес email не будет опубликован.