Создание сайта с нуля 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 с нуля — Пошаговое руководство

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

Есть конструкторы с визуальным управлением и специальные веб-приложения для создания и управления сайтом — движки. Например, 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

access_time

5 марта, 2020

hourglass_empty

5мин. чтения

Мы не откроем Америку, если скажем, что сайт уже давно стал необходимостью для любого бизнеса, организации или даже личных проектов, а 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:

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.

Курс WordPress с нуля до Профи — Полное обучение созданию сайтов на WordPress для начинающих

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

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

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

Чему вы научитесь

Курс WordPress — с нуля до профи содержит полное руководство по созданию сайтов разных видов и основам продвижения.

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

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

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

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

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

Курс WordPress не требует знаний верстки и программирования. Если вы уже обладаете навыками создания сайта на HTML/CSS — вы сможете значительно ускорить свою работу c WordPress.

Для общего развития и лучшего понимания технологий создания и функционирования веб-сайтов рекомендуем изучить наши базовые курсы:
Основы HTML/CSS — верстка сайтов с нуля
Верстка сайтов на HTML/CSS для начинающих
PHP/MySQL для начинающих

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выводы

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

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

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

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

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

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

Отзыв от

Пастушенкова Андрея

Купленные курсы:

• Joomla-Профессионал: создание расширений для Joomla
• Фреймворк CakePHP: с нуля до гуру
• Интернет-магазин на Joomla
• Joomla-Мастер: с нуля до Премиум шаблона
• Интернет-магазин под ключ
• Премиум клуб
• Joomla-Ученик

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

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

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

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

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

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

Принять решение о покупке целого ряда курсов и подписка на «Премиум клуб» было принято после ознакомления с сайтом http://webformyself.com, с уроками для начинающих, которых достаточно много и они абсолютно бесплатные.

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

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

Я научился целому и очень объёмному ряду навыков.

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

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

Про казалось бы обычные HTML-вёрстки и CSS можно вообще молчать — прокачался до достаточно высокого уровня!

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

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

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

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

Конечно же я не собираюсь останавливаться на достигнутом и продолжаю учиться у команды webformyself. По возможности буду и дальше приобретать курсы, получать новые знания и навыки, в общем прокачиваться на максимум, ну и конечно же я теперь вечный подписчик «Премиум клуба», т.к. выходят регулярно всё новые и новые курсы, а в веб-разработке всегда надо идти следом за развитием веба. http://webformyself.com в этом помогают как никто иной.

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

Ко всему прочему хотелось бы добавить слова благодарности команде http://webformyself.com, которые без преувеличения помогли перезапустить мою жизнь и направить её в более правильное, чем до того, русло.

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

Спасибо Вам команда WebForMySelf!

Делать WordPress сайт для каждого клиента с нуля? Или применить готовые инструменты?

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

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

Смотрите также:

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

Существует пять способов создания сайта на WordPress:

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

А теперь по порядку.

1. Создание темы с нуля

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

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

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

Что касается «плюсов» такого подхода, то их мало. Но они есть.

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

2. Создание темы на основе стартовой темы _S

Тема _S, также известная как Underscores, является стартовой темой. Это значит, что она не должна быть родительской (как это бывает в большинстве случаев с фреймворками). Наоборот, вы можете изменять файлы и использовать их в качестве основы для своей кастомной темы. В нашем случае – для сайта клиента.

Так чем же отличается создание темы на основе стартовой от создания темы с нуля?

Ну, прежде всего, в стартовой теме сразу же доступен определенный набор функций. Среди них: 5 оптимизированных шаблонов страниц с минимальным количеством элементов, страница 404, разные варианты шапок, навигационные скрипты, хорошо организованный стартовый файл CSS (+ два макета), и много других полезных штук.

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

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

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

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

3. Создание темы на основе лучших фреймворков

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

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

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

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

4. Создание своей стартовой темы и дальнейшее ее использование для создания любого клиентского сайта

Это можно назвать старым «дедовским методом». Его применяли еще до начала эры стартовых тем, сродни _S.

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

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

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

5. Создание темы на основе уже существующей в качестве исходного шаблона

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

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

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

Что еще добавить?

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

Источник: codeinwp.com

Смотрите также:

Изучает сайтостроение с 2008 года. Практикующий вебмастер, специализирующий на создание сайтов на WordPress. Задать вопрос Алексею можно на https://profiles.wordpress.org/wpthemeus/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.

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

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

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

Примечание; вы получите самую низкую цену, если купите пакет хостинга как минимум на 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 использует при размещении вашего сайта на страницах результатов.

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

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

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

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

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

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

Я не знаю, почему этот параметр все еще присутствует в 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 .

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

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

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

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

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

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

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

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

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

См. Здесь:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Цвета.

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

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

…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• (1) Место для заголовка страницы.
• (2) Основной раздел — основное содержание страницы. Интерфейс очень похож на MS Word. Вы получаете все основные функции форматирования текста (например, полужирный шрифт, курсив, выравнивание текста по левому / правому краю / центру, создание списков и т. Д.).
• (3) Вы можете добавить изображения, нажав эту кнопку.
• (4) Переключение между редакторами Text и Visual . Используйте первое только в том случае, если вы хотя бы смутно знакомы с кодом HTML.
• (5) Раздел 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%

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

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

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

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

Согласно последним статистическим данным за 2019 год, WordPress обеспечивает 34% Интернета (60%, если вы считаете только сайтов, построенных на CMS ), и более 400 миллионов человек посещают сайты WordPress каждый месяц.Неудивительно, что это используется, это самый простой способ создать веб-сайт или блог. Вдобавок ко всему, он также бесплатный, предлагает более 50 000 плагинов и может использоваться на нескольких языках.

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

Тема

или собственный сайт WordPress?

Темы для веб-сайтов WordPress

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

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

Веб-сайт цифрового маркетинга — Пример целевой страницы | Source

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

Пользовательский сайт WordPress

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

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

Что делать перед тем, как начать
сделать собственный сайт?

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

Изготовление каркаса

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

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

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

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

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

Содержание веб-сайта

Теперь, когда у вас есть каркас, пора приступить к контенту.

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

Бизнес-сайт с нуля — почему бы и нет? | Источник: freepik.com

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

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

Изготовление дизайна

Каркас? Проверять. Содержание? Проверять. Пора объединить их в окончательный вид: дизайн .

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

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

Дизайн сайта очень важен! | Источник: freepik.com

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

Теперь, когда у вас есть дизайн, он
время воплотить его в жизнь. Есть десятки веб-сайтов, на которых вы можете
создать макет вашего веб-сайта, например Balsamiq, Adobe XD, Mockplus, Moqups и
многое другое).Большинство из них бесплатны с некоторыми дополнительными функциями, которые вам придется
платите, а другие предлагают 30-дневную пробную версию. Однако все они красивые
легко использовать.

Кодирование

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

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

Код WordPress

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

Тестирование веб-сайтов и
оптимизация

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

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

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

SEO на странице

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

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

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

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

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

Мы надеемся, что этот пост помог вам узнать что-то полезное и побудил вас попробовать и создать свой собственный сайт на 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:

Добавьте профессиональное изображение ГЕРОЯ на главную страницу своего веб-сайта

Рекомендовать ресурсы : 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. Вы можете продавать и публиковать контент своего блога в своих учетных записях в социальных сетях, чтобы вернуть трафик в свой блог

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

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

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

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

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

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

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

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

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

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

• Удалите страницу обратного отсчета со своего веб-сайта

• Используйте Hootsuite или Buffer, чтобы заранее запланировать недельный контент из вашего блога в учетные записи социальных сетей.

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

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

• Расскажите своим друзьям, семье и людям, с которыми вы уже связаны в социальных сетях, ваш блог активен!

• Убедитесь, что для чтения доступны как минимум 3-5 сообщений в блоге.

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

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

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

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

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

Приветствую вас и спасибо, что прочитали этот мега-пост!

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

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

Пошаговое руководство для начинающих (2021 г.)

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

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

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

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

Вещи, необходимые для создания веб-сайта

• Доменное имя (ваш собственный веб-адрес, www.YourSite.com)
• Хостинг веб-сайтов (услуга, на которой размещается ваш веб-сайт)
• WordPress (бесплатная, часто используемая платформа для веб-сайтов)

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

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

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

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

Готовы? Приступим…

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

Первое, что вам понадобится для создания веб-сайта, — это доменное имя.

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

Доменное имя этого веб-сайта — websitesetup.org . Твое может быть что угодно.

Доменные имена могут стоить от 10 до 50 долларов в год.Обычная цена — около 15 долларов.

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

• Если вы создаете веб-сайт для бизнеса , ваше доменное имя должно совпадать с названием вашей компании. Например: YourCompanyName.com
• Если вы планируете создать для себя личный веб-сайт , тогда YourName.com может стать отличным вариантом.
• Используйте «общее» расширение имени домена, например .com , .net и .org , если ваша цель — международные посетители или посетители из США. Используйте «локальное» расширение доменного имени, например .de , .fr или .ru , если ваша цель — посетители, ориентированные на страну.

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

Если у вас еще нет доменного имени, регистрировать его не нужно.

Мы покажем вам, как получить доменное имя бесплатно в течение первого года (шаг 2):

2. Зарегистрируйте домен и зарегистрируйтесь для учетной записи веб-хостинга

Помимо доменного имени вам также понадобится хостинг для веб-сайтов (веб-хостинг).

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

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

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

• БЕСПЛАТНОЕ доменное имя с SSL (для безопасности)
• Установка WordPress в один клик (бесплатно)
• Пользовательские учетные записи электронной почты
• Безлимитный или безлимитный трафик (без ограничений по трафику)
• Служба поддержки, желательно круглосуточный чат

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

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

Планы хостинга

Bluehost начинаются с $ 2,75 / мес с нашей скидкой по ссылке и предлагают все необходимые функции для создания веб-сайта.

1) Чтобы получить учетную запись веб-хостинга, просто посетите Bluehost и нажмите «Начать сейчас».

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

3) Далее выберите и зарегистрируйте доменное имя (бесплатно в течение первого года):

Имейте в виду, что Bluehost не предлагает окончания доменов для конкретных стран, например .de , .fr или .ru . Если они вам нужны, вы можете купить их отдельно на Domain.com или GoDaddy.com.

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

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

3. Настройка веб-сайта WordPress (через веб-хостинг)

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

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

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

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

1) Установка сайта WordPress на Bluehost

1. Войдите в свою учетную запись Bluehost
2. Щелкните «Мои сайты», а затем «Создать сайт».
3. Укажите основную информацию о своем сайте, и установка WordPress начнется.Все будет на автопилоте.
4. Когда установка будет завершена, Bluehost покажет вам данные для установки и входа в систему. Обязательно сохраните эту информацию в надежном месте.

2) Проверьте свой сайт, введя адрес своего домена

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

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

Если WordPress правильно установлен, то вы увидите очень простой веб-сайт вроде этого:

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

3) Проверьте настройки SSL / HTTPS

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

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

1. Войдите в свой портал Bluehost
2. Нажмите «Мои сайты»
3. Найдите свой сайт и нажмите «Управление сайтом»
4. Перейдите на вкладку «Безопасность»
5. В разделе «Сертификат безопасности» вы найдете свой статус «Бесплатный сертификат SSL».

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

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

4. Настройте дизайн и структуру своего веб-сайта

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

Начиная с:

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

Темы

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

Самое главное, что в сети доступны тысячи бесплатных и платных тем WordPress.

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

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

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

Мы собираемся использовать эту тему в этом руководстве в будущем.

2) Установите понравившуюся тему

Перейдите в административный интерфейс WordPress. Вы можете найти его по адресу YOURSITE.com/wp-admin .Используйте имя пользователя и пароль, полученные при установке WordPress.

1. На боковой панели выберите «Темы → Добавить».
2. В поле поиска введите «Neve» и нажмите кнопку «Установить» рядом с названием темы (вам нужно навести указатель мыши на поле темы):
3. После завершения установки нажмите кнопку «Активировать», которая появится вместо кнопки «Установить».
4. Вы увидите сообщение об успешном выполнении, которое позволит узнать, что установка прошла должным образом.

3) Импорт дизайна (только для пользователей Neve Theme)

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

Вы увидите это приветственное сообщение:

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

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

Для целей этого руководства мы выберем первый в списке — «Оригинал».

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

Нажмите кнопку «Импорт», чтобы все заработало.Примерно через минуту вы увидите сообщение об успешном выполнении.

Затем перейдите в «Внешний вид → Невы параметры», чтобы узнать, что еще вы можете сделать с темой.

Мы рассмотрим некоторые из этих вариантов ниже:

4) Добавить логотип

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

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

Когда у вас будет готов логотип, вы можете добавить его на свой сайт. Перейдите в «Внешний вид → Neve Options» и щелкните ссылку «Загрузить логотип».

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

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

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

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

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

По завершении нажмите кнопку «Опубликовать» (в верхнем левом углу), а затем нажмите кнопку «X», чтобы выйти из настройщика.

5) Изменение цветовой схемы и шрифтов веб-сайта

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

1. Для начала снова перейдите в «Внешний вид → Неве параметры». Мы сосредоточимся на следующих двух вариантах:
2. Сначала нажмите «Установить цвета».
3. Большинство тем WordPress определяются цветовой схемой, которую они используют для различных элементов дизайна.
4. Чаще всего это цвета ссылок, текста на сайте и фона.
5. Вы можете изменить назначение цвета для темы Neve через настройщик.
6. Чтобы переключить любой из цветов, просто нажмите на него и выберите новый цвет.
7. По завершении нажмите «Опубликовать» и «X».

Смена шрифтов работает аналогично:

1. Щелкните ссылку «Настроить шрифты» на панели «Внешний вид → Параметры Neve».
2. Neve позволяет выбирать из всего каталога системные шрифты и шрифты Google.
3. Просто щелкните поле «Семейство шрифтов» и выберите нужный шрифт.
4. После этого вы можете настроить отдельные шрифты, используемые для ваших заголовков.

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

1. Чтобы настроить шрифт, используемый для основного раздела вашего сайта, нажмите кнопку со стрелкой в ​​левом верхнем углу.
2. Щелкните «Общие». Вы попадете на аналогичную панель параметров, но на этот раз вы настраиваете основной шрифт.
3. По завершении нажмите «Опубликовать» и «X».

6) Добавить боковую панель

Еще одна вещь, которую вы можете сделать на панели «Внешний вид → Невидные параметры», — это настроить, как вы хотите, чтобы ваша боковая панель выглядела.Нажмите «Content / Sidebar», чтобы начать.

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

7) Добавить виджеты (бесплатные надстройки WordPress)

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

Чтобы настроить виджеты, перейдите в «Внешний вид → Виджеты». Вы увидите это:

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

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

8) Экспериментируйте с созданной вами темой

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

Чтобы увидеть их все, перейдите в «Внешний вид → Настроить». Это запустит основной интерфейс Настройщика со всеми его настройками и предустановками.

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

5. Добавьте контент / страницы на свой веб-сайт

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

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

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

Для большинства веб-сайтов необходимы следующие страницы:

• Домашняя страница — это первая страница, которую посетители видят, переходя на ваш сайт
• Около страница — страница, объясняющая, о чем ваш веб-сайт
• Контакты страница — страница, позволяющая посетителям связаться с вами
• Блог стр. — список ваших последних сообщений в блоге; если вы не планируете вести блог, вы можете использовать страницу блога как место для новостей и объявлений вашей компании
• Услуги стр. — если веб-сайт, который вы создаете, предназначен для бизнеса, используйте эту страницу, чтобы продемонстрировать свои услуги
• Магазин стр. — для компаний, которые хотят открыть магазин электронной коммерции

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

1) Создание домашней страницы

Если вы используете Neve, ваша домашняя страница выглядит примерно так:

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

Для этого просто нажмите кнопку «Редактировать с помощью Elementor» на верхней панели.

Вы увидите интерфейс конструктора страниц Elementor.

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

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

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

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

Вы увидите список всех доступных блоков контента.

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

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

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

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

2) Создавайте такие страницы, как «О нас», «Услуги», «Контакты»

Создавать классические веб-страницы в WordPress даже проще, чем работать на домашней странице. Перейдите в «Страницы → Добавить». Вы увидите этот интерфейс:

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

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

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

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

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

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

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

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

Любой выбранный вами блок будет добавлен внизу вашей страницы. Вот как выглядит новый блок заголовка:

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

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

3) Создайте страницу блога

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

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

Щелкните ссылку «Просмотр», чтобы увидеть страницу своего блога в действии.

Добавление новых сообщений в блог:

Чтобы добавить новые сообщения в блог, просто перейдите к «Записи → Добавить новые». И начнем с создания заголовка блога.

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

6. Настройка меню навигации

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

Перейдите в «Внешний вид → Меню» и оттуда нажмите «Создать новое меню».

Вот как шаг за шагом создать первое меню:

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

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

7. Добавьте интернет-магазин / электронную коммерцию

Последнее, что мы сделаем в этом руководстве, — это создадим интернет-магазин.

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

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

Как работает электронная коммерция в WordPress

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

Все это делается с помощью плагина WooCommerce.

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

У нас есть отдельное руководство о том, как запустить WooCommerce на вашем сайте WordPress. Мы приглашаем вас зайти туда и прочитать подробные инструкции по установке. Выполните шаги 3 и 4 , а затем вернитесь сюда.

… Итак, если WooCommerce установлен на вашем сайте, а продукты добавлены в ваш каталог, вы заметите, что в процессе WooCommerce автоматически создает новые страницы.Эти страницы:

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

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

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

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

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

Поздравляем — вы готовы к запуску!

Чтобы быстро резюмировать шаги, которые вы выучили:

Последнее, но не последнее — продолжайте улучшать свой веб-сайт

Поздравляю, вы только что узнали, как создать веб-сайт самостоятельно!

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

Если вы успешно выполнили наше руководство, подумайте о том, чтобы оставить свой отзыв на нашу электронную почту — [электронная почта защищена] Это очень много значит для нас!

Руководство для начинающих по созданию веб-сайта на WordPress — Smashing Magazine

Об авторе

Здравствуйте, я Дэниел, и я делаю вещи для Интернета.Я технический директор Kinsta и пишу для ряда замечательных изданий, таких как Smashing Magazine и …
Больше о
Даниэль
↬

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

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

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

Я хочу подчеркнуть то же самое, что и при написании статей с большим объемом кода: если вы не понимаете все здесь полностью, не переживайте! Нет ничего особенно сложного, но есть над чем поработать.Мы все там бывали, всех это раньше сбивало с толку. Не бойтесь намочить ноги и экспериментировать; вот как все мы узнаем о WordPress!

Содержание

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

Все о доменных именах

Имя домена идентифицирует ваш веб-сайт для пользователей.Доменное имя Smashing Magazine — smashingmagazine.com . Не следует путать доменное имя с URL-адресом — доменные имена являются частью URL-адресов.

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

 
http://www.blog.mywebsite.com:80/post/awesomeness.php?edit=false&view=true#comment-5
  

Этот URL-адрес состоит из пяти отдельных частей:

• http: // — это протокол, который сообщает браузерам, как получать данные.Некоторые из известных: http , https и ftp .
• блог. — это поддомен, который позволяет сегментировать ваш сайт на разные части. Вы также можете использовать mywebsite.com/blog/ ; это действительно зависит от того, чего вы пытаетесь достичь.
• mywebsite.com — это доменное имя. www (который стоит перед субдоменом, если он есть) является необязательным; вам нужно будет решить это. По большей части это вопрос предпочтений, но может повлиять на крупные веб-сайты.Конец доменного имени (в данном случае .com ) называется доменом верхнего уровня (TLD). Другие: .net и .org , специфические для страны, такие как .co.uk , .hu и .me , и совершенно новые, такие как .xyz , .news и . .media .
• 80 — номер порта, используемый для получения доступа к ресурсу на сервере. По умолчанию это 80 для HTTP и 443 для HTTPS, поэтому вы можете опустить его в URL-адресах.Порты чаще всего встречаются в локальных средах разработки.
• /post/awesomeness.php — это путь к ресурсу на сервере. В этом случае вполне могут быть папка с именем статей и файл с именем awesomeness.php , но путь не обязательно указывает на реальный файл на сервере. Чаще всего сервер и / или код определяют, что вам нужно, на основе URL-адреса, а не URL-адреса, указывающего на фактический файл.
• ? Edit = false & view = true — это параметры, фактически два из них.Перед первым параметром «ключ-значение» стоит вопросительный знак; всем последующим парам предшествуют амперсанды. Код на стороне сервера принимает эти значения, и значения могут использоваться, например, для изменения представлений или сохранения данных.
• # comment-5 — это якорь, который можно использовать, чтобы сразу перенаправить пользователя в определенное место на странице. Если вы перейдете по ссылке выше, вы перейдете на страницу ниже к конкретному комментарию.

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

Выбор правильного имени

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

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

Smashing Magazine имеет долгое доменное имя, однако маловероятно, что из-за этого будет потеряно много трафика — или что еще можно получить, переключившись на smashingmag.com . Бренд, в конечном счете, является наиболее важным фактором. Короткое и приятное доменное имя — это здорово, но, в конце концов, важно то, что вы с ним делаете.

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

Покупка доменного имени

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

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

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

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

Если вы серьезно относитесь к бренду и у вас есть средства, вы можете купить несколько TLD с тем же именем.То есть, если вы регистрируете mydomain.com , вы можете купить .net , .org , .info , а также локальную версию (например, .co.uk ). .

У вас также будет возможность выбрать продолжительность регистрации, по умолчанию — один год. Были некоторые споры и неопределенность относительно того, как возраст домена и регистрация влияют на поисковую оптимизацию (SEO). Мэтт Каттс, инженер Google, сказал: «Я бы не стал особо беспокоиться об этом», что, вероятно, означает, что вам действительно не следует этого делать.Опять же, если у вас есть средства, зарегистрироваться на пять или шесть лет намного удобнее.

Количество доменов в моей тележке Media Temple. (Просмотр большой версии)

Разница между хостингом и регистрацией домена

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

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

Хостинг — это, по сути, место для размещения файлов вашего сайта. Регистрация домена означает, что вы получили законное право собственности на объект недвижимости в Интернете.

WordPress.com и WordPress.org

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

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

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

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

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

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

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

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

Планы доступны в WordPress.com. (Посмотреть большую версию)

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

Выбор пакета хостинга

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

Есть три пути, если вы ищете хороший пакет:

• общий хостинг,
• хостинг VPS,
• управляемый хостинг WordPress.

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

Общий хостинг

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

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

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

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

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

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

Мы стали партнерами InMotion Hosting, чтобы предложить вам отличную цену на их быстрые и надежные услуги хостинга. Хостинг InMotion предоставляет WordPress бесплатно и легко устанавливается на любой из их планов.Перенести существующий веб-сайт также просто! Щелкните здесь или где-нибудь, где написано «виртуальный хостинг» в этой статье, чтобы ознакомиться с их планами и начать работу!

Хостинг VPS

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

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

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

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

Хотя некоторые учетные записи VPS стоят 5 долларов, вы обычно будете платить от 15 до 20 долларов в месяц. Если у вас есть деньги , то определенно выбирайте управляемый хостинг WordPress или VPS в общей среде.

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

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

Есть множество провайдеров VPS. Вот некоторые из лучших из них:

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

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

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

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

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

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

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

Хосты WordPress становятся все более популярными. Самыми известными и получившими самые высокие оценки являются следующие:

Настройка домена

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

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

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

Форма модификации сервера имен с помощью Media Temple. (Просмотр большой версии)

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

  ns1.am20.siteground.biz (107.6.152.202)
ns2.am20.siteground.biz (181.224.143.216)  

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

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

Сайты и домены

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

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

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

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

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

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

Установка WordPress

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

Создание нового веб-сайта на Kinsta. (См. Большую версию)

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

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

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

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

Рекомендуемая литература : Перенести веб-сайт на WordPress проще, чем вы думаете

Примечание о WordPress

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

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

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

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

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

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

Выбор темы и плагинов

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

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

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

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

Электронная коммерция

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

WooCommerce — одно из самых мощных решений для электронной коммерции. (Просмотр большой версии)

Форумы

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

Базовая реализация форума в теме Twenty Fifteen. (Просмотр большой версии)

Социальная сеть

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

Базовый вид BuddyPress с использованием темы Matheson. (Просмотр большой версии)

Выбор темы

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

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

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

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

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

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

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

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

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

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

Премиум и бесплатные темы

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

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

Рекомендуемая литература : Как создать и настроить дочернюю тему WordPress

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

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

Рекомендуемая литература : Как ускорить работу вашего веб-сайта WordPress

All in One SEO Pack

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

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

Некоторые настройки публикации в All in One SEO Pack. (См. Большую версию)

Резервное копирование и восстановление Dropbox

Резервное копирование и восстановление будут важной частью ваших усилий, связанных с безопасностью. Dropbox Backup & Restore автоматизирует эту задачу за вас. Он создает полную резервную копию всех ваших файлов и базы данных либо локально, либо в Dropbox.

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

Dropbox Backup & Restore в действии. (Просмотр большой версии)

VaultPress

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

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

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

VaultPress. (Просмотр большой версии)

Akismet

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

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

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

Статистика борьбы со спамом Akismet. (Просмотр большой версии)

W3 Total Cache

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

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

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

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

Количество подстраниц показывает, сколько есть опций! (Просмотр большой версии)

Jetpack

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

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

Галерея в стиле каменной кладки, предоставленная Jetpack. (Просмотр большой версии)

Ninja Forms

Если вы хотите добавить контактную форму или любую форму для сбора информации на свой веб-сайт, у вас есть несколько вариантов, одна из которых — Ninja Forms.

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

Контактная форма на моем веб-сайте поддерживается Ninja Forms.(Просмотр большой версии)

iThemes Security

Одним из аспектов безопасности является резервное копирование; другой активно предотвращает угрозы. Здесь на помощь приходит такой плагин, как iThemes Security.

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

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

iThemes Security оценивает предупреждения в соответствии с приоритетом.(Просмотр большой версии)

Список продолжается

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

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

Обеспечение безопасности WordPress

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

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

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

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

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

Essential Pages

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

Домашняя страница

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

Если вы создаете онлайн-резюме или корпоративный веб-сайт, возможно, вы предпочтете представить подробную информацию о себе или компании. В этом случае создайте страницу в WordPress и установите ее в качестве домашней в разделе «Настройки» → «Чтение».

О странице

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

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

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

Контактная страница

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

Многие страницы используют Карты Google для указания местоположения. Это доступно через плагин, такой как Simple Google Maps Short Code, или вы можете использовать функцию встраивания Google Maps.

Обязательные страницы электронной торговли

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

• , политика возврата
• , политика конфиденциальности
• , контактные данные
• .

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

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

Обработка файлов cookie

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

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

Несколько плагинов отображают панель информации о файлах cookie на вашем веб-сайте без особых хлопот. Посмотрите и внедрите его, если вы находитесь в ЕС.

Аналитика веб-сайтов

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

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

Аналитика местоположения в Google Analytics. (См. Большую версию)

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

Использование данных аналитики

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

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

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

Если вы хотите узнать больше, Smashing Magazine подготовил для вас руководство по Google Analytics!

Резюме

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

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

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

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

(dp, ml, al, jb)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4. Выберите тему.

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

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

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

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

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

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

Когда вы добавляете контент на свой сайт WordPress, он обычно отображается в виде сообщений и страниц.

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

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

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

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

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

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

6. Настройте свой веб-сайт.

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

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

Теперь давайте настроим разделы для чтения. В разделе «Настройки »> «Чтение » вы можете изменить свою домашнюю страницу на статическую.

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

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

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

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

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

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

Плагины

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

• Плагин HubSpot WordPress: с легкостью добавляйте всплывающие окна, формы и чат в реальном времени на ваш сайт WordPress.И в качестве дополнительного бонуса соедините этот плагин или другие плагины CRM с вашей HubSpot CRM.
• Календарь событий: простой календарь событий, который упрощает планирование событий с вашего сайта.
• Yoast SEO: Плагин, который поможет вам с SEO на странице. Это приложение проверяет, соблюдаете ли вы лучшие практики, прежде чем запускать свой сайт.
• TablePress: Нужен стол на вашем сайте? Не смотрите дальше.
• The SEO Framework: еще один плагин, который может помочь вам освоить SEO на вашем сайте.

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

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

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

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

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

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

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

9. Вдохновляйтесь примерами веб-сайтов WordPress.

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

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

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

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

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

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

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

Советы и хитрости для сайта WordPress

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

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

2. Используйте дефисы, а не подчеркивания при именовании файлов в WordPress. Google выглядит как символы подчеркивания, а это значит, что ваш файл будет выглядеть как одно большое слово. Это не поможет вам с SEO. Используйте тире, чтобы было видно, что есть отдельные слова. (Например, используйте www.example.com/this-is-an-example, а не www.example.com/this_is_an_example).

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

4. Используйте замещающий текст изображения в своих интересах. Image Alt Text может быть использован для улучшения вашего SEO и рейтинга Google.

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

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

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

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

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

10. Включите страницу «О нас» на своем веб-сайте , чтобы показать своим посетителям, что вы заслуживаете доверия и / или являетесь достойным представителем компании. Страницы «О нас», как известно, являются вторыми по посещаемости страницами на веб-сайтах (после домашних), поэтому важно представиться.

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

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

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

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

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

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

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

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

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

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

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

Создайте сайт на WordPress

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

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

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

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

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

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

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

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

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

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

Как настроить хостинг для сайта WordPress + домен

Доменное имя — это просто то, что люди вводят в браузере, чтобы перейти на ваш сайт (например, www.shivarweb.com). Учетная запись хостинга — это просто компьютерный сервер, на котором хранятся файлы вашего веб-сайта.

Вот как купить и настроить оба…

Как купить доменное имя

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

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

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

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

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

Вот где я бы порекомендовал покупать домены у…

• Дешевая предоплата
• Популярные и общие
• Поддержка по телефону

GoDaddy

• Дешевые долгосрочные
• Простые в использовании
• Хорошая поддержка

NameCheap

• Использовать учетную запись Google
• Чистый бэкэнд
• Ограниченный выбор

Google Domains

Ориентировались на наиболее удобный вариант?

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

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

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

(Примечание: не нужно передавать сам домен вашей хостинговой компании. Я покажу вам, как «указать» его).

Как настроить хостинг для WordPress

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

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

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

Лучший хостинг, если вы хотите…

• Высокая производительность
• Независимая компания
• В центре внимания поддержка
• Деловое обращение

InMotion

• Хорошая цена
• Надежный бренд
• Ориентация на удобство использования
• Широкая привлекательность

Bluehost

• Расширенные функции
• Глобальные центры обработки данных
• Ориентация на рост
• Обращение разработчиков

SiteGround

Шаг 1.Выберите план хостинга, который соответствует вашим текущим целям.

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

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

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

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

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

Шаг 2. Купите тарифный план и выберите варианты хостинга.

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

Но процесс регистрации и настройки очень похож для InMotion, SiteGround и даже HostGator. Все используют стандартную cPanel для управления учетной записью хостинга, и у всех есть инструменты автоматической установки WordPress.

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

Перейдите по этой ссылке, чтобы получить текущую скидку Bluehost (то же самое с InMotion, SiteGround или HostGator).

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

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

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

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

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

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

Успех! Теперь вы можете создать учетную запись хостинга Bluehost .

Шаг 3. Войдите в свою учетную запись и технические данные.

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

Возьмите это имя пользователя и пароль для входа в систему.

Хорошо — теперь экран требует немного фона.

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

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

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

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

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

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

Шаг 4. Добавьте серверы имен к своему доменному имени и подтвердите соединение.

Прежде чем делать что-либо еще, перейдите в раздел «Домены» на панели инструментов.

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

Затем скопируйте серверы имен Bluehost. Это должны быть ns1.bluehost.com и ns2.bluehost.com — затем передайте их своему регистратору.

В вашем регистраторе вставьте эти серверы имен в поля DNS nameserver и сохраните.Вот как это выглядит в NameCheap.

А вот как это выглядит в GoDaddy.

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

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

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

Установка WordPress с помощью QuickInstall

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

Шаг 0. Фон установки WordPress

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

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

Во-вторых, WordPress — это программное обеспечение на основе PHP (компьютерный язык), которому требуется база данных MySQL. Установка WordPress в основном означает установку файлов программного обеспечения и их указание на нужную базу данных. В cPanel обычно есть приложение «Softaculous» или «QuickInstall», которое быстро установит оба для вас, если вы когда-нибудь захотите перейти на более ручной путь в будущем. В противном случае cPanel — это то место, где вы можете найти свою * фактическую * базу данных и файлы для справок и поддержки в будущем.

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

Шаг 1. Ознакомьтесь с существующей установкой WordPress.

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

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

И все флажки «Рекомендовано» относятся к разным частям вашей установки WordPress (например, темам, меню и т. Д.). А гигантская синяя кнопка WordPress просто переходит прямо на вашу панель управления WordPress.

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

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

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

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

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

Ваше первое знакомство с панелью инструментов WordPress будет похоже на посещение мебельного магазина в Черную пятницу. Так много полезного … что это совершенно бесполезно. Но это нормально — и это нормально для любой хостинговой компании. Это также «цена» инструмента автоматической установки.

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

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

Следующая остановка — вкладка «Пользователи». Идите вперед и измените свое имя пользователя с новым паролем. Скопируйте свое имя пользователя и пароль WordPress, чтобы вы могли войти на свой сайт прямо на yourwebsite.com/wp-admin, не проходя через Bluehost.

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

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

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

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

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

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

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

И вы захотите добавить функциональность с помощью плагинов. Я написал здесь о наиболее распространенных типах плагинов.

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

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

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

Сайт электронной коммерции WordPress | Социальная сеть Нравится Facebook | Сайт аукциона как eBay | Блог о красоте и макияж | Блог о еде и веб-сайт рецептов | Другие сайты с шаблонами

Португальский

Вот и все — дерзайте!

Узнайте больше!

.