Создание Сайта на WordPress: Пошаговое Руководство

WordPress

access_time

23 апреля, 2021

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:

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

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

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

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

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

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

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

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

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

5. Выбор Темы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Что дальше?

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

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

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

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

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

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

Выводы

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

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

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

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

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

Почему WordPress и Timeweb?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Галерея

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

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

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

Обложка

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

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

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

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

Цитата

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Создаем меню

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Типографика

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

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

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

Цвета

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

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

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

Контейнер

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

Кнопки

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

Шапка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Блог

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

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

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

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

Сайдбар

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

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

Футер

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

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

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

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

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

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

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

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

Меню

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

Виджеты

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

Где находится управление движком

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

В “админке” (разговорное сокращение названия административной панели) содержатся все доступные функции вашего движка.

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

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

Из чего состоит сайт Вордпресс

То, как выглядит ваш сайт в данный момент – это отображение установленной темы (или шаблона). Тему можно скачать либо создать самостоятельно (это работа не для чайников). Каркас шаблона состоит из нескольких частей: шапки сайта (header), основной части и чердака (подвал, футер и т. д.). Основная часть страницы также делится на сайдбары (боковые колонки) и основу, где размещается контент.

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

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

Как редактировать сайт Вордпресс

У вас есть несколько вариантов как изменять структуру сайта. Первый и самый сложный вариант – это ручная редактура страниц. Можно самостоятельно написать код для стиля страниц сайта. Для этого воспользуйтесь интернет-ресурсами, посвященными программированию. Учтите, что для добавления своего кода на движок Вордпресс его нужно адаптировать под потребности этой платформы – перед активацией html-элементов переделайте файлы в php формат с изменением кода. Заниматься таким со старта знакомства с движком можно, но есть ли смысл? Лучше начните с более легких методов.

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

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

Чтобы редактировать сайт Вордпресс обязательно быть в Интернете

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

За сколько можно научиться работе с Вордпрессом

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

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

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

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

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

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

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

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

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

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

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

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

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

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

План

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Инструкции по работе с CMS WordPress — HOSTiQ Wiki

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

Читать дальше →

Перенос сайта на WordPress на другой хостинг — не такой сложный процесс, как сначала может показаться. Не сложнее, чем работать с файлами на сервере. В этом руководстве расскажем, как перенести сайт на WordPress на другой хостинг двумя способами: вручную и при помощи плагина. Перенос при помощи плагина проще. А ещё это единственный способ перенести сайт […]

Читать дальше →

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

Читать дальше →

LiteSpeed Cache для WordPress (LSCWP) — это бесплатный плагин для кэширования и оптимизации контента на сайте. Он помогает снизить нагрузку на веб-сервер и увеличить скорость загрузки страниц.

Читать дальше →

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

Читать дальше →

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

Читать дальше →

На виртуальном хостинге есть несколько способов полностью удалить WordPress. Рассмотрим способы удаления с помощью установщика скриптов и ручное удаление CMS:

Читать дальше →

По умолчанию ссылка для входа в административную часть WordPress выглядит так: http://yoursite.com/wp-admin/ или http://yoursite.com/wp-login.php , где вместо yoursite.com — домен вашего сайта.

Читать дальше →

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

Читать дальше →

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

Читать дальше →

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

Итак, вы захотели иметь собственный сайт? Прекрасно. Если думаете, что без большого объема знаний и опыта у вас ничего не получится, то зря. Прочитав этот пошаговый план создания сайта на WordPress с нуля, вы сможете за 5 минут установить вполне работоспособный веб-ресурс на самой популярной CMS (система управления, движок) в мире.

Причины популярности WordPress

Новички и профессионалы предпочитают выбирать WordPress (сокр. WP), потому что:

1. Это самый распространенный движок, и под него постоянно ведется разработка новых готовых решений по расширению функциональности. Поэтому создание сайта на WordPress – это очень практично.
2. Кроме того, что WP самый популярный, он же еще и самый универсальный. На WordPress можно создать блог, новостной веб-ресурс, интернет-магазин, сайт-визитку и пр. То есть WP как конструктор, из которого можно собрать разные варианты.
3. Под WP разработаны тысячи разнообразных шаблонов, что позволяет легко придать создаваемому сайту желаемый внешний вид.
4. У WP самый дружественный интерфейс, что позволяет новичкам без особого труда управлять ресурсом.
5. Добавить на сайт статью или новость в WP не сложнее, чем набрать и сохранить документ в привычном всем Word.

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

Регистрация хостинга и домена перед созданием сайта на WordPress

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

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

Рекомендации по выбору хостинга и домена:

1. Хостинг желательно выбирать в том регионе, где планируют продвижение. То есть если сайт для россиян, то физические сервера должны быть в России, из-за чего связь будет лучше, и все страницы будут быстрее грузиться.
2. При регистрации домена стараются выбирать такое имя, которое больше всего соответствует тематике сайта. Придумав название, смотрят, или оно свободно. Если да, регистрируют, если нет, то система обычно предлагает схожие названия. К примеру, если сайт о Форекс брокерах, то хорошее имя для него brokers-fx.ru. Если о туризме, то, например, tourizmania.com. Ну, и в таком духе. Желательно, чтобы домен не был очень длинным.
3. Как показывает статистика, люди обычно доверяют адресам с понятной доменной зоной – это буквы, стоящие непосредственно после имени, т. е. различные: «.com», «.ru», «.ua», «.by», «.net», «.org».

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

Хостинг бывает платный и бесплатный:

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

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

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

Новички могут для начала установить CMS WordPress к себе на компьютер после создания локального сервера Wamp или инсталляции приложения Instant WP. Это позволит поиграться с сайтом, изменяя внешний вид, ковыряясь в файлах CSS, правя программный код и пробуя себя в разработке плагинов, тем и пр. Но в рамках этого гайда мы рассмотрим установку сразу на хостинг. Кстати, некоторые компании могут сразу автоматически поставить вам на арендованный хостинг движок WP.

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

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

Загрузив файлы движка, открываем сайт в браузере по основному адресу и видим:

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

Сделав все это, жмем «Установить WordPress» и видим оповещение о том, что настройка завершена, и оказываемся в панели управления сайтом:

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

Чтобы с главной перейти в «Консоль» для настройки, жмем на название сайта вверху слева или вводим в адресную строку: доменное имя/wp-admin.

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

Выбираем и устанавливаем тему оформления для движка WP

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

Как установить тему: пошаговая инструкция

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

Откроется каталог, в котором при помощи фильтров или строки поиска в шапке можно найти подходящие варианты:

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

Второй вариант установки состоит в том, чтобы скачать архив с темой на компьютер, а затем выбрать «Внешний вид» – «Темы» – «Загрузить тему»:

Третий вариант – распаковать скачанный архив и через FTP загрузить его на сервер в папку wp-content – themes.

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

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

Настраиваем основные функции сайта

Чтобы сайт работал корректно, для начала делаем два вида настроек:
– настраиваем CMS WordPress;
– настраиваем понравившуюся тему оформления.

Как настроить движок WP

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

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

Написание

Следующий раздел «Написание» также можно оставить без изменений. Тут можно задать настройки публикации через email, но этим обычно не пользуются. Обратите также внимание на «Сервисы обновления», где по умолчанию стоит http://rpc.pingomatic.com/. Это значит, что каждый раз после новой публикации, сайт будет отправлять уведомление о появлении новой новости, статьи или других материалов.

Чтение

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

Обсуждение

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

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

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

В большинстве случаев тут выбирают «Название записи».

Как настроить установленную тему

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

Свойства сайта

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

Цвета

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

Настройки темы

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

Шаблон обложки

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

Фоновое изображение

Если хотим изменить фон в выбранном шаблоне, то заходим в этот раздел, жмем «Выбрать изображение» и загружает картинку, размер которой не должен превышать 2Mb. Такую подложку можно найти самому в интернете или заказать ее создание дизайнеру.

Меню

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

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

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

Виджеты

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

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

Здесь можно настроить в теме то же самое, что мы рассматривали в настройке движка WordPress, раздел «Чтение». То есть тут задаем, что и как будет отображаться на главной странице – статическая страница или последние записи.

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

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

Выбираем и добавляем полезные плагины

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

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

1. Обеспечение безопасности.
2. Борьба со спамом в комментариях.
3. SEO-оптимизация.
4. Улучшение юзабилити и расширение функциональности.

Обеспечиваем безопасность

Угроза безопасности исходит с двух сторон:

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

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

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

1. Backup and Restore WordPress.
2. WP Database Backup.
3. Back Up WordPress.

Для установки новых расширений придерживаемся следующей пошаговой инструкции:

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

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

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

Как не допустить спама в комментариях

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

1. Первый состоит в том, чтобы подключить внешнюю систему комментирования, которая сама борется со спамерами. Для этих целей в последнее время используют Disqus.
2. Второй заключается в установке специальных плагинов, значительно усложняющих автоматизацию спам-рассылок. Для таких целей подойдет плагин Antispam Bee, Akismet Anti-Spam. Первый из них более простой, да еще и на русском, так что новичкам лучше выбирать именно его.

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

Ставим плагины для SEO-оптимизации

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

1. Добавление и обновление XML-карты сайта.
2. Определение канонических страниц.
3. Добавление метатегов Title и Description.
4. Блокирование от индексации поисковыми алгоритмами дублей страниц.
5. Оформление микроразметки.

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

Плагины для создания карты

На роль первого из этих плагинов подойдет один из таких:

1. Simple WP Sitemap.
2. Google XML Sitemaps.
3. Sitemap by BestWebSoft.

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

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

1. В «Приоритете статьи» можно указать желаемый метод определения приоритетности при индексировании контента.
2. В категории «Приоритеты» и «Изменить частоты» (Change Frequencies) можно указать поисковым алгоритмам самые, на ваш взгляд, приоритетные виды контента.
3. В «Дополнительных страницах» вы можете самостоятельно добавить в карту те адреса (урлы), что не добавились автоматом.

Плагины WordPress для SEO-оптимизатора

Уже долгое время при поиске хорошего SEO-плагина рассматривать приходится один из двух вариантов:

• Yoast SEO;
• All-in-One-SEO-Pack.

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

После активации All-in-One-SEO-Pack просмотрите следующие настройки. В первую очередь отключаем разметку Schema, потому что для разметки целесообразнее задействовать специальный плагин.

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

Через All-in-One-SEO-Pack можно подтвердить права на веб-ресурс, чтобы подключить его к инструментам веб-мастера в Yandex WebMaster и Google Search Console. Для этого получаем проверочный код и копируем его в соответствующие поля плагина:

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

Плагины для разметки

Чтобы сделать разметку, используют:

1. WPSSO Core/WPSSO JSON-LD. При помощи первого делают разметку OpenGraph, а при помощи второго Schema.org.
2. WP SEO Structured Data Schema позволяет использовать JSON-LD, делая разметку Schema.org формата Article, Review, Blog Posting.
3. Schema App Structured Data тоже позволяет добавлять разные виды разметки Schema.org.

Плагин WPSSO

Рассмотрим, как делается разметка на примере WPSSO Core и WPSSO JSON-LD. Устанавливаем плагины, не забываем их активировать, а затем находим в меню появившийся пункт SSO, наводим на него мышку и жмем Essential Settings.

Здесь указываем общую информацию, которая отображается в шапке, после чего переходим к разделу Schema Markup, где ищем два поля – Organization Logo и Organization Banner. Тут указываем, соответственно, адрес лого сайта и баннера.

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

Выбирая разметку, учитывайте:

• если на главную страничку будут выводить последние записи, то подойдет разметка Blog;
• если ставите статическую страницу, то используйте Website;
• для страничек с записями берем один из двух следующих видов разметки: Blog Posting или Article.

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

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

Плагин WP SEO Structured Data Schema

Если планируете регулярно добавлять к себе на сайт разнообразный контент (маленькие заметки, свежие новости, большие обзоры), то в таких ситуациях желательно подбирать для отдельных видов материалов свою разметку, и для этих целей лучше использовать плагин WP SEO Structured Data Schema.

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

Преимущества и недостатки:

1. При каждом добавлении новой записи придется вручную указывать структурирование и вид разметки.
2. Плагин поддерживает много разных видов разметки, среди которых: Aggregate Ratings, Review. В WPSSO, к примеру, такого функционала нет.

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

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

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

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

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

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

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

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

Вот как было до установки плагина:

Вот как стало после установки:

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

• открываем настройки;
• жмем на Translitera;
• ставим галочки напротив соответствующих полей;
• жмем «Транслитерировать».

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

После установки и активации плагина выбирают сервис, при помощи которого будет происходить шаринг (share – делиться) материалов в соцсетях. Для этих целей подойдет, например, популярный конструктор PLUSO.

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

Затем переходим в панель управления WordPress, открываем «Настройки» – Head and Footer», вкладка Posts и вставляем скопированный код с кнопками соцсетей в нужное место. На скрине ниже мы вставили код в блок «После контента»:

Затем жмем «Сохранить», и на существующих страницах происходит автоматическое создание нужных кнопок, через которые пользователи смогут делиться материалами в социальных сетях:

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

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

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

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

Создаем новую страничку

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

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

К примеру, чтобы добавить блок с картинкой, жмем на «+» и выбираем «Изображение» (Image).

Для блока с изображениями можно выбрать готовые или добавить новые стили отображения:

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

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

Разобравшись со страницами, давайте посмотрим, как происходит создание новых записей.

Создаем первую публикацию

Хотя рассмотренный плагин Gutenberg обладает рядом преимуществ, но при создании публикаций он проигрывает по своей функциональности ранее работавшему редактору WordPress. Поэтому рекомендуется скачать и активировать Classic Editor.

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

Затем выбираем рубрику. Если нужной нет, то переходим к созданию. И далее обращаем внимание на «Шаблон», который может быть разным в зависимости от типа записи.

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

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

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

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

Поделитесь материалом в соцсетях — обсудите его с друзьями и коллегами!

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

 

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

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

 

---

 

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

 

Плюсы WordPress

 

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

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

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

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

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

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

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

 

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

 

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

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

 

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

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

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

 

 

 

 

 

 

 

 

 

 

 

 

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

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

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

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

 

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

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

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

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

 

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

 

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

 

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

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

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

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

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

 

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

 

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

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

 

 

 

 

 

 

 

 

 

 

 

 

 

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

 

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

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

 

 

 

 

 

 

 

 

 

 

 

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

 

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

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

 

 

 

 

 

 

 

 

 

 

 

 

 

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

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

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

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

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

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

 

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

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

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

 

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

 

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

 

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

 

 

 

 

 

 

 

 

 

 

 

 

 

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

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

 

Плагин «Clearfy Pro»

 

 

 

 

 

 

 

 

 

 

 

 

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

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

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

 

Плагин «Yoast SEO»

 

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

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

 

Плагин «WP Super Cache»

 

 

 

 

 

 

 

 

 

 

 

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

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

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

 

Файл robots.txt

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

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

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

Akismet

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

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

All In One WP Security

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

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

 

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

 

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

 

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

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

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

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

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

 

 

 

 

 

 

 

 

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

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

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

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

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

Рейтинг

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

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

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

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

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

Баннеры

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

Онлайн чат

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

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

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

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

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

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

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

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

 

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

 

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

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

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

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

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

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

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

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

 

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

Страницы

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

 

13. Рубрики

 

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

 

14. Метки

 

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

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

 

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

 

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

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

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

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

 

Заключение

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

Учебник

WordPress — Руководство WordPress для начинающих (2021)

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

Обязательно ознакомьтесь со списком наших новейших руководств по WordPress в самом низу этой страницы.

WordPress впервые увидел свет 27 мая 2003 года. Основатели — Мэтт Малленвег и Майк Литтл.

WordPress можно рассматривать как онлайн-инструмент для создания сайтов с открытым исходным кодом, основанный на языках программирования PHP и MySQL.В более сложных терминах это называется системой управления контентом (CMS).

Когда WordPress был впервые запущен, у него было несколько пользователей, но со временем он превратился в самую большую и популярную CMS в мире. Сегодня WordPress поддерживает более 75 миллионов веб-сайтов.

Исследование, проведенное в 2020 году, показывает, что эта система управления контентом используется более чем 26% из 10 миллионов сайтов с самым высоким рейтингом.

Содержание

Видеоурок

Почему WordPress так популярен?

После того, как вы обнаружите огромное количество пользователей WordPress, у вас может возникнуть вопрос, почему он так популярен?

Следует учитывать сочетание нескольких факторов.По общему мнению, WordPress — это простой инструмент для ведения блогов, однако это гораздо больше.

Благодаря тому, что WordPress является бесплатным проектом с открытым исходным кодом, он позволяет каждому улучшать и редактировать свой код по своему усмотрению. Он также содержит тысячи бесплатных плагинов, тем, виджетов и других инструментов.

Все эти функции позволяют создавать веб-сайты любого типа, начиная от простых блогов, личных веб-сайтов или портфолио, заканчивая электронными магазинами, базами знаний или досками по трудоустройству.

Еще одним фактором является то, что WordPress полностью бесплатен и поддерживает все хостинговые платформы с PHP и MySQL. Кроме того, эта CMS постоянно обновляется новыми версиями, которые повышают безопасность, включают новые функции и повышают общую производительность.

И последнее, но не менее важное: WordPress имеет огромное сообщество с отдельными форумами и обсуждениями по всему Интернету. Объем доступных данных и тысячи руководств по WordPress также делают WordPress одной из самых простых в использовании систем управления контентом.

Что такое CMS?

Система управления контентом или сокращенно CMS — это приложение с возможностью создавать, изменять и публиковать цифровой контент. В большинстве случаев он также поддерживает несколько пользователей, позволяя им работать совместно.

Например, в WordPress можно создать несколько административных пользователей, у каждого из которых будут разные привилегии. Системы управления контентом также включают в себя функции текста и форматирования, возможность загружать видео, фотографии, аудио, карты или даже ваш собственный код.

Система управления контентом состоит из двух основных компонентов:

• Приложение управления контентом (CMA). CMA может называться графическим пользовательским интерфейсом (GUI), который позволяет пользователю создавать, изменять, удалять и публиковать контент без необходимости знания HTML или языков программирования.
• Приложение доставки контента (CDA). CDA отвечает за внутренние службы, которые управляют и доставляют контент после того, как он находится в CMA.

Другие особенности, о которых стоит упомянуть:

• SEO-удобные URL-адреса
• Онлайн-поддержка и сообщества
• Пользовательские / групповые функции
• Различные шаблоны и дизайны
• Мастера установки и обновления / обновления

Три самых популярных контента системами управления в мире являются WordPress, Joomla и Drupal.

WordPress.com против WordPress.org

WordPress.com и WordPress.org — это два способа размещения сайта WordPress.

Эти два метода различаются по фактическому хосту . Используя WordPress.org, вы можете бесплатно загрузить скрипт и разместить его на локальном компьютере или у хостинг-провайдера (например, Hostinger).

С другой стороны, WordPress.com позаботится обо всем этом, разместив сайт за вас. Вам не нужно управлять веб-сервером, платить за хостинг или загружать программное обеспечение, однако на вашем сайте будет показываться реклама.

У WordPress.org и WordPress.com есть определенные плюсы и минусы.

Если вы не заинтересованы в собственном хостинге или управлении веб-сервером, то WordPress.com может быть вашим решением.

Это бесплатно и быстро настраивается. У вас также будут различные функции и возможности для настройки вашего сайта.

Однако у него есть свои недостатки. Ваш веб-сайт будет содержать WordPress.com в URL-адресе, и вы не сможете загружать собственные темы или плагины.

Также будет невозможно редактировать или модифицировать PHP-код вашего сайта.

Использование автономной версии с WordPress.org обеспечивает большую гибкость и контроль над вашим сайтом. Вы сможете использовать собственное доменное имя, загружать темы, плагины и устанавливать их.

У вас также будет доступ к вашим файлам, базе данных и коду WordPress, что означает, что вы сможете изменять их по своему вкусу. Самые популярные и мощные сайты WordPress являются автономными, поскольку они обеспечивают большую гибкость и возможность реализации пользовательских функций, кода и дизайна.

И последнее, но не менее важное: в случае, если WordPress не является для вас CMS, наличие собственной учетной записи хостинга позволит вам протестировать другие системы управления контентом, такие как Drupal или Joomla.

Это руководство по WordPress будет сосредоточено на автономной версии WordPress.

Шаг 1. Установка WordPress

Одной из причин популярности WordPress являются низкие системные требования, необходимые для запуска этой CMS на веб-сервере:

• PHP версии 5.2.4 или выше.
• MySQL версии 5.0.15 или выше или любая версия MariaDB.

Вероятно, вам придется искать хостинг-провайдера, у которого отсутствует поддержка WordPress. Многие хосты используют различные автоустановщики, чтобы максимально упростить процесс установки WordPress.

Используя автоматические установщики, пользователям больше не нужно заниматься созданием базы данных или загрузкой файлов.

В этой части нашего руководства по WordPress вы узнаете о двух различных способах установки WordPress.

Прежде чем приступить к установке WordPress, вам необходимо решить, как вы хотите получить доступ к своему веб-сайту.Вы хотите, чтобы WordPress находился в корне вашего доменного имени ( example.com ), в подпапке ( example.com/blog ) или в имени поддомена ( blog.example.com )? Только если вы хотите настроить WordPress на имя поддомена, вам придется сделать дополнительный шаг и создать имя поддомена. На Hostinger это легко сделать в разделе Поддомены .

Вариант 1.1 — Установка WordPress на Hostinger с помощью автоустановщика

Давайте начнем с самого простого и быстрого способа установки WordPress — автоустановщика Hostinger.Следующие шаги показывают, как установить WordPress на панель управления Hostinger:

1. Доступ к панели управления Hostinger.
2. Найдите Auto Installer и откройте его.
3. Введите WordPress в поле поиска и щелкните его значок.
4. Теперь введите данные веб-сайта:

• URL — URL-адрес, по которому должен быть установлен WordPress. Если вы хотите установить его на имя корневого домена ( example.com ), оставьте поле пустым.
• Язык — выберите язык WordPress.
• Имя пользователя администратора — ваше имя пользователя администратора WordPress. Вы будете использовать его для доступа к админке WordPress.
• Пароль администратора — Ваш пароль администратора WordPress. Вы будете использовать его для доступа к админке WordPress.
• Электронная почта администратора — Введите свой адрес электронной почты.
• Заголовок веб-сайта — Заголовок вашего веб-сайта на WordPress.
• Слоган веб-сайта — Короткое предложение или слоган, объясняющий, о чем ваш веб-сайт.

5. Нажмите Установите кнопку .

Вариант 1.2 — Установка WordPress вручную

Если вы хотите понять основы и узнать, как работает WordPress, вы можете установить его вручную. WordPress известен своим 5-минутным установщиком.

Процесс прост и похож на установку любого другого программного обеспечения. Так что, если вы когда-либо устанавливали какую-либо компьютерную программу — вам не составит труда завершить установку WordPress.

Что вам понадобится перед продолжением :

• FTP-клиент или файловый менеджер
• Последняя версия WordPress

Прежде всего, загрузите последнюю версию WordPress с официального сайта WordPress.org.

После завершения загрузки вы можете начать загрузку файлов WordPress в свою учетную запись хостинга. Вы можете использовать либо файловый менеджер, предоставленный вашим хостинг-провайдером, либо FTP-клиент.

Нет никакой разницы, какой инструмент вы будете использовать для загрузки файлов WordPress, кроме простоты использования. Единственное, что следует учитывать, — это каталог назначения.

Например, если вы хотите разместить WordPress на корневом доменном имени, файлы должны быть загружены в папку public_html ; если вы хотите обслуживать WordPress из имени поддомена или подпапки, загрузите файлы в соответствующий каталог.

WordPress хранит информацию в базе данных. Таким образом, его создание обязательно. В Hostinger новую базу данных можно создать в разделе MySQL Databases . Обязательно запишите детали базы данных, так как они вам понадобятся позже.

Теперь посетите свое доменное имя, чтобы начать процесс установки. Вам будет предложено ввести информацию о базе данных MySQL, информацию об администраторе и информацию о сайте.

Для получения более подробных инструкций см. Руководство по установке WordPress на различные панели управления хостингом.Чтобы узнать, как перенести WordPress, см. Это руководство.

Шаг 2. Навигация по панели управления WordPress

После завершения установки первое, что вам нужно сделать, это войти в панель управления администратора WordPress.

Обычно ссылка на страницу входа находится в интерфейсе блога WordPress. Однако для некоторых тем эта ссылка отсутствует. В этом случае самый простой способ войти в WordPress — добавить wp-admin в конце адреса вашего веб-сайта, например:

  http: // www.yourdomain.com/wp-admin
  

Этот URL-адрес направит вас на экран входа в систему, где вам будет предложено ввести имя пользователя и пароль администратора. Помните, что вы ввели эти данные во время установки WordPress. Если вы забыли пароль, нажмите Забыли пароль? ссылка.

Более подробные инструкции о том, как войти в WordPress, можно найти здесь.

После входа в систему вы увидите панель администратора. Он создан, чтобы дать вам обзор всего вашего веб-сайта и содержит 3 основных раздела:

1. Панель инструментов в верхней части страницы.Он содержит ссылки на наиболее часто используемые административные функции и ресурсы. Например, если вы наведете курсор на название своего веб-сайта, вы получите ссылку на общедоступный просмотр вашего сайта. Он также отображает простые уведомления, такие как количество обновлений и новых комментариев.
2. Главное меню навигации слева. Он содержит ссылки на все административные экраны WordPress. Если вы наведете курсор на элемент меню, отобразится подменю с дополнительными элементами.
3. Основная рабочая зона.

При первом входе в административную панель WordPress вы увидите приветственный модуль, который содержит несколько полезных ссылок, которые помогут вам начать работу.

Когда вы освоитесь с приборной панелью, нажмите кнопку Отклонить , чтобы скрыть этот модуль.

Другие модули :

1. Краткий обзор Поле покажет вам, сколько сообщений, страниц и комментариев у вас есть. Он также показывает версию WordPress и тему, которую вы используете.
2. Поле Activity дает вам немного больше информации о ваших последних сообщениях и комментариях. Он показывает статус всех комментариев и краткий список самых последних комментариев.
3. Коробка Quick Draft . Ввод содержимого в это поле приведет к созданию нового сообщения в блоге. Однако вы не можете опубликовать его отсюда, так как это поле предназначено только для того, чтобы брать идеи сообщений в блогах, к которым вы можете вернуться позже.
4. Новости WordPress . Этот модуль отображает последние новости WordPress.

В каждом из этих окон есть маленькие стрелки, с помощью которых вы можете быстро скрыть окно. Вы также можете перетаскивать их в разные позиции.

Шаг 3 — Публикация контента

Создание веб-сайта с помощью WordPress начинается с публикации нового сообщения или новой страницы. Вы можете задаться вопросом — в чем разница между сообщениями и страницами?

Ответ прост. Записи WordPress можно категоризировать, отмечать тегами, архивировать. Записи WordPress используются для публикации чувствительного ко времени контента.

Напротив, страницы предназначены в основном для статического содержания без даты. У них нет категорий или тегов. Свяжитесь с нами или страницы «О нас» являются хорошими примерами страниц.

Шаг 3.1 — Создание нового сообщения

Чтобы создать новый пост WordPress, откройте раздел Добавить новый в разделе Сообщения или выберите опцию Новый -> Сообщение на верхней панели инструментов.

Вам будет представлен экран редактирования с множеством функций публикации. Первое, что вам нужно сделать, это ввести заголовок для вашего сообщения.

Во-вторых, введите фактическое содержание вашего сообщения в поле ниже. Если вы хотите отформатировать текст, используйте параметры панели инструментов.

Он похож на тот, который вы можете найти в MS Word или любом другом популярном текстовом редакторе.

В правой части экрана вы можете видеть так называемые мета-блоки. Каждый ящик выполняет определенную функцию.

• Опубликовать . Здесь вы можете изменить статус и видимость вашего поста, запланировать его. После нажатия кнопки « Опубликовать » ваше сообщение будет опубликовано.Если вы решили удалить сообщение, нажмите кнопку Переместить в корзину .
• Категории . В этом поле вы можете отнести свое сообщение к определенной категории. Вы даже можете создать новую, нажав кнопку + Добавить новую категорию .
• Теги Поле позволяет быстро добавлять новые теги.
• Главное изображение . Здесь вы можете назначить посту избранное изображение. Он будет виден в самом верху поста (расположение изображения может отличаться в зависимости от темы).

Шаг 3.2 — Создание новой страницы

Чтобы создать новую страницу WordPress, откройте раздел Добавить новый в меню Страницы или нажмите кнопку Новый -> Страница на верхней панели инструментов.

Добавить новый раздел страницы имеет такой же текстовый редактор WYSIWYG, как и раздел Сообщения . Таким образом, процесс ввода текста и форматирования одинаков.

Вы также можете заметить, что в разделе «Страницы» нет мета-блоков Tags и Categories .Вместо этого у него есть поле с названием Атрибуты страницы .

В этом разделе вы можете изменить порядок ваших страниц и установить родительские страницы. Это полезно, если вы хотите иметь несколько страниц под одной родительской страницей.

Шаг 4. Установка плагинов WordPress

Основная цель плагинов WordPress — расширение функциональности WordPress. Просто установив и активировав плагин, вы можете добавлять новые функции на сайт WordPress без какого-либо программирования.

Существуют тысячи бесплатных и платных плагинов, созданных для различных целей: от публикации в социальных сетях до обеспечения безопасности.Таким образом, вы обязательно найдете плагин, который соответствует вашим потребностям.

Установить плагины WordPress — простая задача даже для новичка. Бесплатные и условно бесплатные плагины доступны в каталоге плагинов WordPress.org.

Как и темы, их можно установить с помощью встроенного установщика WordPress.

Чтобы установить плагин WordPress, нажмите кнопку Добавить новый под Плагины и введите имя плагина, который вы хотите установить, в поле поиска. Нажмите Установить , а затем Активировать кнопку .

Существуют тысячи платных плагинов WordPress, которые нельзя установить из официального каталога плагинов WordPress. Если вы приобрели плагин премиум-класса, вам придется вручную загрузить его в WordPress.

Процесс очень похож на установку тем. Чтобы продолжить, нажмите кнопку Add New под Plugins и нажмите Upload Plugin . Теперь выберите архив плагина и загрузите его. Наконец, установите и активируйте плагин.Если вам нужно подробное руководство, см. Этот учебник.

Основные плагины WordPress

Плагины WordPress так много, что выбрать подходящий может быть непросто. Фактически, многие плагины служат той же цели, например, существуют десятки плагинов кеширования WordPress.

Вот почему мы решили перечислить лучшие плагины WordPress, которые необходимы для каждого блога WordPress.

• Google XML Sitemaps . Этот плагин автоматически генерирует карты сайта в формате XML для лучшей поисковой оптимизации.Его легко использовать, и его можно регулярно обновлять.
• Yoast SEO . Вероятно, самый популярный плагин SEO для WordPress. Это поможет вам улучшить поисковую оптимизацию. От метатегов до предложений по написанию — в плагине Yoast SEO есть все.
• Wordfence Безопасность . Этот плагин защитит ваш WordPress от хакеров и вредоносных программ. Он имеет модули брандмауэра и сканера вредоносных программ, которые очень полезны.
• Контактная форма 7 . Простой, но очень мощный плагин для контактной формы WordPress.Создавайте любые формы контактов или даже потенциальных клиентов с помощью этого плагина.

Не рекомендуется забивать WordPress десятками плагинов, так как это может снизить производительность сайта. Держите свой WordPress в чистоте, устанавливая только необходимые плагины и удаляя те, которые вы не используете.

Шаг 5 — Установка тем WordPress

Внешний вид сайта WordPress можно изменить, применив темы. Существуют бесплатные и премиальные темы WordPress. Некоторые из них универсальны и могут использоваться на любом сайте.Другие созданы для очень конкретной цели, например, темы электронной коммерции.

WordPress упростил установку тем. Установка бесплатных тем WordPress занимает буквально несколько минут.

Чтобы продолжить, войдите в раздел Внешний вид и найдите красивую тему. Вы даже можете фильтровать темы по функциям или цветам.

Функция предварительного просмотра темы позволяет увидеть, как ваш веб-сайт будет выглядеть с выбранной темой. Это полезно, так как сэкономит ваше время — вам не придется устанавливать несколько тем только для того, чтобы найти тему, которая соответствует вашим потребностям.

Указанный выше метод подходит только для бесплатных и бесплатных тем. Что делать, если вы приобрели красивую премиальную тему? В этом случае вам придется загружать файлы темы вручную.

Войдите в тот же раздел Внешний вид , нажмите кнопку Загрузить тему и выберите файл .zip темы. Завершение процесса загрузки может занять до нескольких минут. Как только это будет сделано, просто активируйте тему. Нужны точные шаги? См. Подробное руководство по установке тем.

Шаг 6 — Оптимизация производительности WordPress

В этом руководстве по WordPress мы узнали, как установить и использовать WordPress для создания и управления вашим собственным веб-сайтом. По мере роста вашего сайта WordPress увеличивается количество текста, изображений, кода и других медиафайлов.

Чем больше сайт, тем дольше он загружается. Чтобы избежать медленного отклика в WordPress, вам также следует потратить некоторое время на оптимизацию.

Это обеспечит быструю и эффективную загрузку ваших страниц, таким образом, делая ваших посетителей счастливыми и желающими вернуться за новыми.

Каждый хотя бы несколько раз сталкивался с медленным веб-сайтом и испытывал разочарование, возникающее при бесконечном ожидании его загрузки.

Принимая это во внимание, потратить некоторое время на улучшение скорости работы WordPress — действительно хорошая идея. Самое приятное в WordPress то, что его действительно легко оптимизировать из-за количества доступных плагинов и других инструментов.

Вы можете сделать свой сайт WordPress молниеносным, даже не имея каких-либо знаний в области программирования. Чтобы вы пошли по правильному пути, мы рассмотрим несколько методов оптимизации WordPress, которые обеспечат заметное повышение скорости вашего сайта.

Шаг 6.1 — Использование плагинов кэширования WordPress

Первым шагом в оптимизации вашего сайта WordPress является установка плагина кэширования WordPress. Короче, кеш — это временное хранилище данных. В большинстве случаев активные данные кэшируются, что сокращает время загрузки.

Например, когда вы получаете доступ к часто посещаемому сайту, ваш браузер будет иметь часть статического содержания сайта, расположенную в его кеше.

В результате браузеру нужно запрашивать меньше файлов и информации с сервера, что в конечном итоге приводит к более быстрой загрузке.

Плагины кеширования WordPress работают, создавая статическую версию вашего веб-сайта и доставляя ее, вместо того, чтобы загружать все сценарии PHP каждый раз, когда кто-то обновляет или повторно заходит на ваш сайт.

Наиболее популярные плагины кэширования WordPress:

Подробное руководство по внедрению плагина WP Super Cache для вашего сайта WordPress можно найти здесь.

Шаг 6.2 — Оптимизация изображений WordPress

Оптимизация изображений — еще одна важная задача, которую необходимо выполнить, чтобы сделать ваш сайт WordPress быстрым.Обычно есть 2 основные проблемы, которые вызывают медленную загрузку изображений:

• Использование слишком больших изображений. Например, вы загружаете изображение размером 500 x 500, но ваш сайт изменяет его размер до 100 x 100. В результате браузеру посетителя придется сначала загрузить файл большего размера, уменьшить его и только потом отображать. Правильный способ — просто загрузить изображение размером 100 x 100, чтобы избежать чрезмерной задачи масштабирования изображения. Таким образом изображение также будет занимать меньше места, что приведет к общему увеличению скорости.Подробное руководство о том, как найти такие изображения и уменьшить их масштаб, можно найти здесь.
• Изображения сжаты не полностью. Вы можете сэкономить много места и трафика, правильно сжав изображения. К счастью, у WordPress есть действительно отличный плагин, который может вам в этом помочь, он называется WP Smush. Вы можете найти подробное руководство о том, как реализовать этот плагин и оптимизировать свои изображения WordPress здесь.

Чем больше изображений будет на вашем сайте WordPress, тем более полезной будет эта задача по оптимизации.

Шаг 6.3 — Включение сжатия gzip для WordPress

Включение сжатия gzip для веб-сайта WordPress — отличный способ повысить скорость и производительность. Короче говоря, сжатие gzip работает, находя похожие строки в текстовом файле и временно заменяя их, что приводит к уменьшению размера файла.

Файлы HTML и CSS содержат много повторяющегося текста и пробелов, что делает сжатие gzip очень эффективным. В целом это позволяет уменьшить размер страницы WordPress до 50-70%.

Есть несколько способов включить сжатие gzip:

• Включение сжатия gzip через файл .htaccess (рекомендуется). Более подробное руководство по WordPress можно найти здесь.
• Включение сжатия gzip через плагины WordPress, такие как GZip Ninja Speed.

Следует иметь в виду, что сжатие gzip может немного увеличить загрузку ЦП. Если процессор не является проблемой, то сжатие gzip — действительно отличный способ оптимизировать ваш сайт WordPress.

Шаг 6.4 — Отложенный анализ JavaScript в WordPress

Большинство тем, плагинов и надстроек социальных сетей используют много JavaScript, который по умолчанию загружается первым при доступе к сайту. Это заставит HTML и другое визуальное содержимое отображаться только после загрузки JS.

Вы можете отложить синтаксический анализ JavaScript, чтобы визуальные элементы отображались быстрее, в то время как различные кнопки социальных сетей и другой контент, использующий JavaScript, загружались бы впоследствии.

Это один из методов, рекомендуемых разработчиками Google, который часто упускается из виду.В WordPress вы можете легко сделать это с помощью таких плагинов, как WP Deferred JavaScripts или Speed ​​Booster Pack.

Более подробное руководство о том, как реализовать эти инструменты на вашем сайте WP, можно найти здесь.

Шаг 6.5 — Использование сети доставки контента

Внедрение сети доставки контента (сокращенно CDN) ускорит работу WordPress за счет кэширования контента в нескольких центрах обработки данных по всему миру.

После того, как посетитель заходит на ваш сайт, контент будет доставлен ближайшим доступным центром обработки данных, что улучшит взаимодействие с пользователем.

CDN также отлично работают с плагинами кэширования WordPress, и есть бесплатные решения, которые помогут вам начать работу. Например, у CloudFlare есть бесплатный план, который обеспечивает оба преимущества CDN и одновременно защищает ваш сайт от DDoS-атак.

Пошаговые инструкции по внедрению этого в WordPress вы можете найти в этом руководстве по WP.

Шаг 6.6 — Удаление строк запроса из статических ресурсов

GTMetrix и другие инструменты оптимизации предлагают удалить строки запроса из CSS и JS, чтобы улучшить кэширование этих элементов.

Ранее упомянутый плагин WordPress Speed ​​Booster Pack является одним из немногих, которые могут помочь вам с этой задачей. Для получения более конкретной информации вы можете обратиться к этому руководству по WordPress.

Шаг 6.7. Включение отложенной загрузки

Обычно, когда открывается веб-страница, все содержимое загружается мгновенно, что называется нетерпеливой загрузкой . В качестве альтернативы можно отложить инициализацию некоторых объектов (например, изображений) до тех пор, пока они не потребуются, что называется отложенной загрузкой .

Наиболее распространенной практикой является отображение изображений только тогда, когда они видны с точки зрения посетителя или на экране.

Все, что вам нужно сделать, чтобы воспользоваться этой техникой, — это установить и включить такой плагин, как Lazy Load или Rocket Lazy Load.

Шаг 7 — Обеспечение безопасности WordPress

И последнее, но не менее важное: для того, чтобы иметь успешный сайт WordPress, вы должны усилить его безопасность. WordPress — самая популярная CMS в мире, но и самая взламываемая.

Однако есть несколько вещей, которые вы можете сделать, чтобы защитить свой сайт от взлома и других злонамеренных действий.

Шаг 7.1 — Постоянное обновление WordPress

Одним из наиболее важных факторов создания безопасной среды является постоянное обновление и использование последней версии WordPress, тем и плагинов.

Большинство обновлений включают настройки безопасности, исправления уязвимостей и предотвращают их использование в будущих версиях.

Обычной практикой среди хакеров является использование веб-страниц, на которых работает устаревшая версия WordPress с известной уязвимостью.

По умолчанию WordPress обновляется автоматически при выпуске новой версии, однако это может не всегда работать или эта функция может быть отключена на некоторых хостах.

Обычно, когда приходит новая версия WordPress, уведомление будет отображаться в верхней части панели инструментов. Вы также можете обновить свои темы и плагины через Dashboard -> Updates section.

Шаг 7.2 — Использование уникальных имен пользователей и паролей

Admin — это имя пользователя, установленное по умолчанию во всех установках WordPress.Настоятельно рекомендуется изменить его, так как это добавит дополнительный уровень безопасности к вашим учетным данным.

Представьте себе ситуацию, когда кто-то знает ваш пароль, но не знает имя пользователя.

Конечным результатом является то, что человек по-прежнему не сможет получить доступ к вашей панели инструментов, потому что он не знает имени пользователя. Если оставить значение admin , это может значительно упростить работу хакера, поэтому его всегда следует менять.

При установке пароля обязательно используйте цифры, заглавные буквы и специальные символы.Если у вас возникли трудности с отслеживанием всех паролей, вы можете сохранить их с помощью таких инструментов, как Last Pass.

Это избавит вас от необходимости запоминать все пароли, в то же время позволяя вам сойти с ума по сложности пароля.

Шаг 7.3 — Резервное копирование WordPress

Создание резервных копий — важная задача для любого веб-сайта. Это не только повысит вашу безопасность, но и предоставит вам надежный способ восстановления вашего сайта в случае непредвиденных ошибок или проблем.

Вы можете выполнить резервное копирование вручную или использовать автоматизацию . Процесс manual будет включать загрузку файлов и базы данных MySQL с сайта WordPress.

Однако, если вы делаете много новых сообщений, изменений или управляете несколькими разными веб-сайтами, загрузка всего вручную каждый раз может стать настоящей проблемой.

Кроме того, в настоящее время большинство хостинг-провайдеров предлагают автоматическое резервное копирование учетных записей. В качестве дополнительной меры безопасности вы можете использовать плагины WordPress для автоматизации резервного копирования ежемесячно, еженедельно или даже ежедневно.

Они сэкономят вам много времени, а также дадут возможность хранить резервные копии файлов WordPress и базы данных в удаленном месте, таком как DropBox. Вы можете использовать такие плагины как:

• UpdraftPlus плагин с возможностью резервного копирования WordPress в удаленное место и его восстановления.
• BackUpWordPress — легкий плагин резервного копирования с автоматизацией. Он позволяет исключать определенные папки, планировать время выполнения и поддерживает несколько разных языков.

Это некоторые из основных шагов, которые вы можете предпринять для повышения уровня защиты WordPress.Дополнительные советы и рекомендации по безопасности вы можете найти в нашем руководстве по защите WordPress.

Новейшие руководства по WordPress

В этом руководстве по WordPress мы узнали об истории, структуре этой CMS и типах хостинга WordPress. Были рассмотрены два метода установки с кратким обзором панели управления, публикаций, плагинов и управления темами.

Чтобы получить хорошее начало, мы также рассмотрели наиболее важные методы скорости и оптимизации WordPress с несколькими советами по безопасности.Если вы хотите продолжить изучение WordPress, ознакомьтесь со списком наших новейших руководств по WordPress ниже.

Новое в WordPress — С чего начать

Если вы новичок в WordPress, вот пошаговый план для начала. Если вам понадобится помощь, в этой статье перечислено множество ее вариантов. Добро пожаловать в увлекательный мир WordPress!

WordPress — отличный продукт. Он простой в использовании, мощный и гибкий. Создание веб-сайта и поддержка веб-сайта — это наука и искусство, которые быстро развиваются.Чтобы полностью понять это, важно хорошо разбираться в предмете. Одна важная вещь, о которой следует помнить, — это затраты времени. Осведомленность, без сомнения, сэкономит вам много времени в долгосрочной перспективе. Имея это в виду, прежде чем вы потратите свое драгоценное время и энергию на установку WordPress, вам нужно прочитать несколько документов, которые помогут вам начать работу.

Рекомендуемая литература включает,

Наверх ↑

Основываясь на информации, которую вы только что прочитали, включая инструкции по установке WordPress, у вас должен быть список того, что вам нужно и что нужно сделать.Если нет, составьте этот список сейчас. Убедитесь, что он содержит следующую информацию:

Следующие документы помогут вам больше узнать о том, как работает WordPress и как составить план для вашего сайта WordPress:

Важно составить план того, как вы хотите использовать WordPress на своем сайте. Вот несколько вопросов, которые стоит задать себе.

• Будете ли вы устанавливать WordPress в корневой каталог, подкаталог или просто хотите создать тестовый сайт, чтобы убедиться, что вы хотите его использовать?
• Составили ли вы список категорий своего сайта, чтобы упорядочить контент по группам?
• Составили ли вы список страниц, которые вы можете добавить на свой сайт, например О , Контакт или События ?
• Вы думали о том, что хотите в шапке сайта?
• Разработали ли вы контент-стратегию и список тем, которые помогут начать вести блог?
• Вы думали о том, как интегрировать социальные сети в свой сайт и рабочий процесс WordPress?

Наверх ↑

Имея эту информацию и ваш план, пора установить WordPress.

Наверх ↑

После завершения установки пришло время настроить WordPress, чтобы он работал так, как вы хотите.

Чтобы помочь вам понять, как работают все различные функции и экраны на экранах администрирования WordPress, ознакомьтесь с подробным описанием в руководстве по экранам администрирования.

Для получения справки по созданию информации вашего профиля пользователя, некоторые или все из которых могут появиться в вашей теме WordPress, обратитесь к страницам «Пользователи»> «Ваш профиль».

Чтобы задать имя сайта и другую информацию, выберите «Администрирование»> «Настройки»> «Общие».

После того, как вы опубликовали несколько сообщений, вы можете поэкспериментировать с функциями полного или быстрого редактирования на экране «Администрирование»> «Сообщения»> «Сообщения».

Добавьте свои «О себе», «Контакты» и другие информационные страницы, выбрав «Администрирование»> «Страницы»> «Добавить».

Хотите изменить внешний вид вашего сайта WordPress? Перейдите в Администрирование> Внешний вид> Темы.

Вы найдете полезную информацию, прочитав Уроки WordPress и эти полезные документы:

Внешний вид и темы # Внешний вид и темы

Изменить внешний вид вашего веб-сайта WordPress легко всего за несколько кликов.

Если вы хотите создать новую тему WordPress с нуля, или сделать капитальный ремонт, или даже разработать темы WordPress для публичного выпуска, вам следует посетить Справочник разработчика тем WordPress.

Если вам нужна индивидуальная тема WordPress, созданная специально для вас опытными веб-дизайнерами, рекомендуется поискать квалифицированных веб-дизайнеров в Интернете или поискать в вашем местном сообществе.

Наверх ↑

Добавление плагинов WordPress # Добавление плагинов WordPress

Существует множество дополнительных скриптов и программ для WordPress, называемых Plugins, которые добавляют дополнительные возможности, возможности и параметры для вашего сайта WordPress. Плагины WordPress выполняют множество функций, включая настройку результатов информации вашего сайта, добавление отчетов о погоде, добавление возможности проверки орфографии и представление настраиваемых списков сообщений и сокращений. Подробнее о том, как работать с плагинами и где найти плагины WordPress для вашего сайта:

Как и в случае с темой, вы можете создать новый плагин WordPress с нуля или провести капитальный ремонт.Пожалуйста, посетите Справочник разработчика плагинов WordPress для получения подробной информации.

Наверх ↑

Теперь, когда вы знакомы с основными характеристиками и функциями того, как работает WordPress, возможно, вам пора глубже погрузиться в возможности WordPress .:

Наверх ↑

Использовать WordPress так же просто и легко, если возникнут проблемы, если что-то сбивает с толку, если что-то не работает, не отчаивайтесь, потому что помощь доступна! Несмотря на то, что WordPress является бесплатным и открытым исходным кодом, буквально сотни добровольцев готовы вам помочь.Вот несколько полезных официальных ресурсов для WordPress:

Наверх ↑

Теперь, когда вы полноправный пользователь WordPress, подумайте о том, чтобы внести свой вклад в документацию WordPress, форум поддержки, разработку и другие волонтерские мероприятия, которые поддерживают работу WordPress. WordPress является бесплатным и полностью поддерживается добровольцами, и вам нужна ваша помощь.

Окончательное руководство по созданию веб-сайта на WordPress

Мысль о создании собственного веб-сайта может показаться непосильной.

Вам может показаться, что эта задача не под силу никому, кроме разработчика или человека с опытом работы в веб-дизайне.

Что ж, у меня для вас хорошие новости — существует программное обеспечение, настолько простое в использовании, что практически любой может успешно создать уникальный и профессионально выглядящий веб-сайт для своего бизнеса, блога или портфолио. Это называется WordPress.

Это полное руководство будет охватывать базовый пошаговый процесс создания вашего собственного веб-сайта WordPress, а также список советов и приемов, которые следует помнить при работе с WordPress.

Но сначала давайте ответим на вопрос, который возникает у большинства людей, когда они начинают думать о своем новом веб-сайте WordPress: в чем разница между WordPress.org и WordPress.com?

WordPress.org против WordPress.com

Разница между WordPress.org и WordPress.com связана с , на котором фактически размещает ваш сайт.

Вы, , размещаете свой собственный веб-сайт или блог на WordPress.org через стороннего хостинг-провайдера. Вам также необходимо загрузить программное обеспечение WordPress, купить доменное имя на стороннем сайте и управлять своим сервером.Это гораздо более практический опыт, чем с WordPress.com.

WordPress.com предлагает разместить ваш сайт за вас. Вам также не нужно загружать какое-либо программное обеспечение или управлять сервером. Если вы выберете WordPress.com, URL-адрес вашего веб-сайта будет выглядеть так: www.mywebsite.wordpress.com. Однако у вас есть возможность также обновить свою учетную запись WordPress.com и купить собственный домен у стороннего поставщика (это означает, что ваш URL-адрес будет выглядеть так: www.mywebsite.com).

Как выбрать между WordPress.org или WordPress.com

Вы можете спросить, что лучше подойдет WordPress.org или WordPress.com. Давайте рассмотрим еще несколько плюсов и минусов обоих вариантов, чтобы вы могли принять обоснованное решение.

WordPress.org идеально подходит, если вам нужна полная власть над настройкой и контролем вашего веб-сайта. Однако гораздо больше ответственности ложится на управление веб-сайтом WordPress.org. Вам необходимо приобрести и настроить собственное доменное имя, загрузить и установить плагины и тему, отредактировать код своего сайта и управлять безопасностью своего сайта.WordPress.org можно использовать бесплатно, но вы должны платить за все остальное, что связано с созданием веб-сайта.

WordPress.com предпочтительнее, если вы ищете универсальный вариант, в котором большая часть тяжелой работы будет сделана за вас. Вам никогда не придется управлять своим сервером, оплачивать хостинг или покупать домен. Есть также ряд вариантов настройки, которые поставляются с планом WordPress.com, чтобы помочь вам сделать ваш сайт таким, каким вы хотите его видеть.

WordPress.com имеет бесплатную и платную версии.Если вы будете использовать бесплатную версию, вы не сможете загружать какие-либо собственные темы или плагины, и у вас будет поддомен WordPress. Однако всегда есть возможность заплатить за обновления премиум-класса и другие планы, которые предоставляют вам еще больше функций и контроля, а также возможность купить собственный домен через сторонний сайт.

WordPress для начинающих: как использовать WordPress

Есть несколько способов создать сайт своей мечты с помощью WordPress. Пользователи обычно находят программное обеспечение простым в использовании, но начало работы может быть по понятным причинам пугающим, если вы совсем новичок в этом процессе.Вот почему мы создали это руководство «WordPress для начинающих». Хотите быстро познакомиться, прежде чем погрузиться в глубокое погружение? Посмотрите это полезное видео:

Чтобы получить еще больше ресурсов, мы также собрали некоторые из лучших веб-сайтов для изучения WordPress — они могут быть невероятно ценными источниками информации, когда вы начнете свое путешествие.

Ниже мы подробнее рассмотрим, как начать создание вашего веб-сайта.

Как создать сайт на WordPress

1. Выберите план WordPress (WordPress.только com).
2. Настройте свое доменное имя и хостинг-провайдера.
3. Установите WordPress.
4. Выберите свою тему.
5. Добавьте сообщения и страницы на свой сайт.
6. Настройте свой веб-сайт.
7. Установить плагины.
8. Оптимизируйте свой сайт, чтобы увеличить скорость загрузки страниц.
9. Вдохновляйтесь примерами веб-сайтов WordPress.

WordPress — безусловно, самая популярная CMS на сегодняшний день.Простота использования и универсальность позволяют большинству пользователей и владельцев бизнеса создать веб-сайт, который будет соответствовать их потребностям. Вот как вы можете сделать то же самое.

1. Выберите тарифный план WordPress (только WordPress.com).

Чтобы начать создание своего веб-сайта, выберите план WordPress. Как указывалось ранее, с WordPress.org у вас есть только один (бесплатный) тарифный план, но он требует, чтобы вы купили свой домен, хостинг-провайдера, плагины, темы и все остальное, что связано с вашим сайтом WordPress.

С WordPress.com, вам придется выбирать между пятью планами, которые они предлагают.

Основными различиями между этими планами являются ежемесячная плата, типы настройки сайта и доступ к маркетинговым инструментам.

2. Настройте свое доменное имя и хостинг-провайдера.

Настройка вашего доменного имени и выбор хостинг-провайдера для WordPress обычно происходят примерно в одно и то же время в процессе создания веб-сайта.

Прежде чем мы поговорим о том, как выполнить эти задачи, давайте обсудим разницу между вашим доменным именем и хостинг-провайдером.

Думайте о своем доменном имени как о своем домашнем адресе — это то, как посетители могут найти ваш веб-сайт в Интернете. Ваше доменное имя будет выглядеть примерно так: www.example.com.

Ваш хостинг-провайдер похож на ваш дом — там на самом деле хранятся файлы вашего веб-сайта. Без хостинг-провайдера вашему сайту не было бы места на сервере, чтобы «жить». Некоторые из лучших хостинг-провайдеров WordPress включают WP Engine, Bluehost и Kinsta.

Источник изображения

Как выбрать домен и хостинг-провайдера

Опять же, WordPress.org требует, чтобы вы создали собственный домен и нашли стороннего хостинг-провайдера для своего веб-сайта. WordPress.com позволяет решить , хотите ли вы собственный домен в зависимости от выбранного вами плана, но он позаботится о хостинге за вас.

Ваш хостинг-провайдер важен, потому что он влияет на скорость, безопасность и надежность вашего сайта. Есть сотни провайдеров на выбор, поэтому мы составили список из 22 лучших хостинг-провайдеров WordPress, чтобы помочь вам решить, что лучше всего подойдет вам.Все эти провайдеры соответствуют трем требованиям WordPress к хостингу:

• PHP версии 7.4 или выше
• MySQL версии 5.6 или выше ИЛИ MariaDB версии 10.1 или выше.
• Поддержка HTTPS

Выбирая хостинг-провайдеров для вашего сайта WordPress, убедитесь, что они соответствуют всем вышеперечисленным критериям.

Для целей этого руководства предположим, что у вас есть , а у еще нет домена или хостинг-провайдера. Вот как начать создавать свой веб-сайт с помощью популярного хостинга Bluehost.

Сначала перейдите на веб-сайт Bluehost и нажмите «Начать работу».

Отсюда вы попадете на страницу цен Bluehost, где сможете выбрать один из четырех планов.

После того, как вы выберете свой тарифный план и нажмете Выберите , вы попадете на другую страницу для регистрации с использованием доменного имени.

Источник изображения

После того, как вы выберете доменное имя, вы попадете на страницу, где необходимо заполнить учетную запись и платежную информацию для покупки.

После подтверждения учетной записи и покупки домена вы получите доступ к панели управления хостингом, где сможете установить WordPress CMS.

3. Установите WordPress.

Если вы пользуетесь услугами хостинг-провайдера, не относящегося к WordPress, вам необходимо установить CMS, чтобы подключить новый домен к вашему сайту.

На этот раз давайте возьмем GoDaddy в качестве примера. (Не волнуйтесь, независимо от того, какого хостинг-провайдера вы выберете, этот процесс выглядит одинаково.)

Примечание. Если вы решите использовать управляемую службу хостинга WordPress, такую ​​как WP Engine или Kinsta, вам не нужно проходить этот процесс, поскольку эти службы были созданы специально для WordPress и для вас будет установлен WordPress.

Для начала войдите в свою учетную запись GoDaddy, щелкните Веб-хостинг , а затем Управление . Вы попадете на экран с данными вашей учетной записи.

Источник изображения

Прокрутите вниз и под Параметры и настройки вы увидите область под названием Популярные приложения . Щелкните приложение WordPress , чтобы начать установку.

Источник изображения

После установки WordPress вам нужно будет ответить на несколько вопросов о домене, который вы хотите использовать, каталоге, в который вы хотите установить WordPress, и вашей информации администратора.

Примерно через 24 часа ваш веб-сайт будет установлен в вашей учетной записи хостинга, и GoDaddy отправит вам подтверждение по электронной почте.

Теперь, когда у вас настроен домен и установлен WordPress, вам необходимо настроить «Основной домен» в WordPress, чтобы посетители видели ваш веб-сайт при поиске в вашем домене.

В WordPress перейдите на Мой сайт и щелкните Домены . Выберите персональный домен, который вы хотите сделать своим основным доменом.

Источник изображения

Затем щелкните Сделать основным .

Источник изображения

Подтвердите, что вы хотели внести это изменение, нажав Обновить основной домен .

Источник изображения

Убедитесь, что обновление прошло успешно, посмотрев на зеленый квадрат с галочкой, на которой написано Primary Domain .

Источник изображения

Теперь перейдем к четвертому шагу: как сделать ваш сайт красивым.

4. Выберите вашу тему.

Вы можете настроить свой веб-сайт WordPress, используя множество тем и шаблонов WordPress, каждая из которых содержит множество макетов, стилей форматирования, цветов, шрифтов и других визуальных опций.

WordPress автоматически применяет тему по умолчанию, которая выглядит довольно простой. Вы можете оставить его себе, но посетители вашего сайта могут быть не так впечатлены. Пользовательская тема WordPress, платная или бесплатная, сделает ваш сайт привлекательным и профессиональным для ваших покупателей.

Подобно широкому спектру доступных хостинг-провайдеров, есть также сотни тем и шаблонов на выбор. Чтобы помочь вам, мы составили руководство по 20 нашим любимым темам и шаблонам и сгруппировали их по назначению.Независимо от того, ищете ли вы тему, достаточно универсальную для нескольких разных типов бизнеса или подходящую для вашего сайта электронной коммерции, портфолио, блога или бизнеса, есть тема, которая подойдет для ваших конкретных нужд. В дополнение к своей теме вы можете дополнительно настраивать свои страницы с помощью инструмента для создания, такого как Elementor.

Чтобы найти тему, которая лучше всего подходит для вас на WordPress.org, перейдите в панель администратора. Щелкните Внешний вид , затем Темы . Вы попадете на другой экран, где сможете просмотреть доступные темы или найти конкретную, которую вы задумали.

Как только вы найдете идеальную тему, просто установите ее, чтобы приступить к настройке. В процессе настройки каждой темы требуются разные шаги, поэтому обязательно следуйте им. Если у темы есть веб-сайт (часто доступный через тему и библиотеку шаблонов WordPress), проверяйте документацию в процессе настройки.

5. Добавьте сообщения и страницы на свой сайт.

Когда вы добавляете контент на свой сайт WordPress, он обычно отображается в виде сообщений и страниц.

сообщений (или «динамических страниц») обычно используются для блогов и портфолио, потому что они автоматически помещают ваш новейший контент веб-сайта в верхнюю часть вашего избранного контента. Страницы статичны, поэтому они больше нравятся владельцам бизнеса — добавленный контент остается на том же месте.

Посты и страницы — это основные типы постов в WordPress. Кроме того, есть и другие собственные типы сообщений, а также пользовательские типы сообщений. А пока мы можем просто придерживаться страниц и сообщений.

Начните с решения, хотите ли вы, чтобы сообщение или страница служили домашней страницей (или любой другой страницей) вашего веб-сайта.Чтобы добавить сообщение на свой веб-сайт, перейдите в панель администратора, нажмите Сообщения , а затем Добавить новый .

Вы можете добавить заголовок для своего сообщения, разместить фотографии, изменить формат и вставить элементы страницы с помощью блоков и шорткодов. Щелкните Сохранить черновик , чтобы сохранить изменения как черновик, или щелкните Опубликовать , чтобы сразу опубликовать публикацию.

Добавление страницы на ваш сайт — аналогичный процесс. В области администрирования щелкните Страницы , затем Добавить новый .

Сначала добавьте заголовок к своей странице. Затем вы можете вставлять фотографии, вставлять видео и добавлять контент. Выполните те же действия, чтобы создать несколько страниц для своего веб-сайта. По завершении нажмите Сохранить черновик или Опубликовать .

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 в 2021 году

Я до сих пор помню, как впервые наткнулся на WordPress. Я решил, что собираюсь начать блог — я едва прочитал блог раньше, не говоря уже о создании своего собственного.Хотя у меня были некоторые старые школьные знания HTML и CSS, начиная с конца 90-х (когда я создавал веб-сайт только с блокнотом и программным обеспечением FTP), я был далеко не в своей глубине.

WordPress — наш предпочтительный способ начать блог, потому что с ним очень легко работать. Но факт в том, что так же легко забыть, насколько пугает WordPress, когда вы только начинаете вести блог. То, что предлагает такую ​​большую функциональность, не может быть полностью интуитивно понятным для новичка в блогах. Есть столько всего, о чем стоит подумать, включая настройки, темы, плагины и многое другое.

Имея в виду вышесказанное, я хотел создать действительно простое руководство по началу работы с блогами на WordPress. Это простое, голое пошаговое руководство по созданию блога , готового к просмотру всему миру.

Содержание:

Ниже приведен список различных шагов, поэтому, если вы уже выполнили шаг (ура), вы можете сразу перейти к шагу, на котором вы сейчас находитесь, и, если вы работаете с руководством, вы всегда можете добавить в закладки текущий шаг, который вы Давай вернемся к этому.

1. Получить хостинг WordPress
2. Установить WordPress и настроить параметры
3. Выберите тему WordPress для создания блога
4. Установите рекомендуемые плагины
5. Начать блог

Шаг 1. Получите хостинг WordPress

Прежде чем вы начнете вести блог, вам нужно место для размещения вашего блога. В сети доступны сотни и, возможно, тысячи хостинговых компаний, но не все хостинги одинаковы. Первое практическое правило — ничто в жизни не бывает бесплатным, особенно хостинг.Так что, если вы видите рекламу компании совершенно бесплатно, хостинг без обязательств не покупайте его. Вам будет гораздо лучше инвестировать от 3 до 35 долларов в месяц в достойный план хостинга.

Каждый из них — отличный вариант для нового блога. Bluehost предлагает бюджетные планы, которые более чем способны вести новый блог. Хотя, если вы можете позволить себе немного больше каждый месяц, мы настоятельно рекомендуем хостинг для WordPress от Flywheel или WP Engine (который мы используем), поскольку они полностью управляют вашим сервером и основными обновлениями за вас.Кроме того, оба предлагают резервное копирование и сканирование безопасности, чтобы сделать ваш сайт более безопасным.

Самое главное, что все эти планы отлично работают с WordPress . Это наш предпочтительный метод создания блога, поскольку он прост в использовании, предлагает множество замечательных функций и очень гибкий (благодаря всем доступным темам и плагинам).

Шаг 2. Установка WordPress и настройка параметров

Как уже упоминалось, все три плана хостинга, которые мы рекомендуем, полностью совместимы с WordPress и идеально подходят для создания блога.После того, как вы выбрали тарифный план, вам нужно установить и настроить WordPress для своего веб-сайта. В зависимости от вашего хоста установка WordPress может немного отличаться, но независимо от того, какой вы выберете, ваш сайт должен быть запущен и готов к ведению блога в очень короткие сроки.

• Bluehost обеспечивает быструю настройку одним щелчком мыши при регистрации. Просто войдите в свою учетную запись и выберите опцию «Установить WordPress» на веб-сайте . Оттуда вы просто следуете инструкциям на экране, чтобы выбрать доменное имя и создать данные для входа в систему администратора WordPress.Вы можете узнать больше о том, как установить WordPress с Bluehost, в нашем руководстве.
• Flywheel поставляется с предустановленным WordPress, готовым к работе. Поскольку планы хостинга Flywheel позволяют установить только один веб-сайт на каждый план хостинга, вам необходимо либо добавить домен (и создать учетные записи администратора WordPress), либо перенести веб-сайт с помощью команды Flywheel (для начала.
• WP Engine — это также управляемый план хостинга WordPress, поэтому вам не нужно устанавливать WordPress.Однако вам все равно нужно будет добавить новый домен или перенести свой веб-сайт (просто войдите в систему и перейдите к Install> Site Migration , если вы хотите переместить свой веб-сайт, то перемещаете ли вы веб-сайт или запускаете новый, перейдите на Установите> Домены , чтобы указать поверх вашего домена). Если вы выбрали план Pro или выше с WP Engine, вы можете установить несколько веб-сайтов на свой план хостинга. Чтобы добавить новый сайт, наведите указатель мыши на Installs и выберите опцию Add , затем повторите процесс добавления вашего домена.
• Другие хосты: Если вы используете другой хост, нет проблем! Вы можете установить WordPress на любой хост (вам просто нужно вручную загрузить и установить WordPress).

После того, как вы установили и подготовили WordPress, вы можете перейти по своему URL-адресу и войти в WordPress . Должна быть ссылка на ваш логин WordPress из вашей учетной записи хостинга (обычно это your-url.com/wp-login или wp-admin или что-то подобное).Используйте имя администратора или адрес электронной почты и пароль, которые вы создали при настройке информации для своей учетной записи хостинга.

WordPress обладает широкими возможностями настройки (на самом деле он настраивается на 100%, так как это программное обеспечение с открытым исходным кодом), но для целей этого руководства я имею в виду настройки, доступные через вашу панель управления WordPress. Если вы наведете курсор на меню настроек «» на боковой панели, вы увидите несколько вариантов.

Может показаться, что это немного ошеломляющий список, но это не обязательно — на этих страницах есть только несколько основных настроек, о которых вам нужно позаботиться на данном этапе.Пройдемся по каждому по очереди.

Общие настройки WordPress

На этой странице наиболее важными настройками являются поля для ввода вашего Название сайта и девиз . Вы можете вернуться и изменить их в любое время, но было бы хорошо иметь представление о том, что вы хотите использовать для них с самого начала, для последовательного брендинга. В заголовке, вероятно, будет просто название вашего сайта, торговая марка или ваше имя (если это личный блог), так что это легко. Для вашего слогана подумайте о том, с чего вы хотели начать блог в первую очередь.Он должен описывать, о чем ваш блог. Вы также можете изменить формат даты и времени на этой странице, если хотите.

Написание настроек WordPress

В этом разделе вы можете установить Категория сообщения по умолчанию и тип сообщения для ваших статей. Поскольку вы еще не начали вести блог, к этому разделу вы можете вернуться позже. Это не критический шаг, хотя он может помочь ускорить процесс ведения блога на пару секунд, если вы измените настройки по умолчанию по своему вкусу.

Чтение настроек WordPress

На вкладке чтения вы хотите установить, что будет отображать ваша домашняя страница . В зависимости от темы, которую вы используете, вы можете использовать свои последние сообщения в блоге или настраиваемую статическую страницу. Подробнее о том, как настроить и отредактировать домашнюю страницу WordPress, читайте в нашем руководстве.

Обсуждение настроек WordPress

Эта страница содержит все настройки, относящиеся к комментариям на вашем сайте. В настоящее время ваши основные соображения должны быть связаны с , разрешите ли вы людям публиковать комментарии и должны ли комментарии быть утверждены вручную .Есть и другие варианты, которые вы можете просмотреть, хотя большинство настроек по умолчанию должны работать нормально.

Медиа Настройки WordPress

Здесь вы можете найти параметры обрезки для медиафайлов (изображений), которые вы добавляете на свой веб-сайт. WordPress включает параметры для миниатюр, средних и больших размеров обрезки изображений. Вы можете просто оставить их в покое или настроить их, если хотите использовать заранее заданные размеры в своих сообщениях.

Постоянные ссылки Настройки WordPress

Постоянные ссылки — это то, что появляется в адресной строке браузера, когда посетитель находится на любой странице вашего сайта — это ваш URL плюс уникальный идентификатор страницы или сообщения.Например, постоянная ссылка для этой страницы — «начало работы-wordpress-blogging».

На этой странице настроек вам будет представлен список различных форматов постоянных ссылок. По умолчанию WordPress настроен на использование идентификатора сообщения, что не очень красиво. Вместо этого мы обычно предпочитаем и рекомендуем вариант Post name , поскольку он прост в использовании, визуально привлекателен и является дополнительным стимулом для вашего SEO (использование ключевого слова в вашем ярлыке обычно хорошо).

Примечание. После того, как вы выберете структуру постоянных ссылок и начнете публиковать сообщения, вы не должны изменять ее без предварительной подготовки.Изменение структуры постоянных ссылок без надлежащего планирования и выполнения может привести к неработающим ссылкам и ошибкам 404 на вашем веб-сайте, поэтому, пожалуйста, будьте осторожны и используйте эти советы о том, как безопасно изменить постоянные ссылки.

Бонус: Ваш профиль

Помимо общих настроек WordPress, вам также следует взглянуть на свой профиль пользователя, который можно найти в разделе Пользователи> Ваш профиль или щелкнув свое имя в правом верхнем углу экрана.

Детали, содержащиеся на этом экране, часто отображаются по темам (обычно в качестве автора сообщения), поэтому важно уделить время, чтобы убедиться, что введена правильная информация.Убедитесь, что в раскрывающемся списке Отображаемое имя публично выбрано имя, которое вы хотите показать миру. Это определяется выбором вашего имени пользователя, имени и фамилии или псевдонима. И если ваша тема включает поддержку bio , не забудьте добавить и это.

Наконец, вам также необходимо настроить Gravatar (используя ту же учетную запись электронной почты, что и ваш логин WordPress) с изображением, которое вы хотите использовать в своем профиле. Обычно хороший снимок в голову имеет смысл, хотя вы можете загрузить любое изображение, которое считаете подходящим.

Шаг 3. Выберите тему WordPress для создания блога

Вот где сбиваются с пути большинство начинающих блоггеров — они проводят часы и часы в поисках идеальной темы. Так что позвольте мне отвлечься: ваша тема не так важна, когда вы только начинаете . Ваша единственная цель — создать контент и сделать его доступным для людей. Не беспокойтесь о дизайне своего сайта, пока у вас не появится значительная аудитория, которая скажет вам, нравится ли он им.

По умолчанию на вашем сайте будет активна ежегодная тема WordPress. Automattic (люди, стоящие за WordPress) выпускают новый каждый год, и каждый из них ориентирован на блоггеров (последняя тема Twenty Seventeen, но Twenty Eighteen уже на подходе). Каждый год эта новая тема, как правило, более чем подходит для тех, кто только начинает работать с WordPress, чтобы создать блог.

Но в какой-то момент вы, вероятно, захотите переключиться на тему с большим количеством функций для вашего растущего веб-сайта.Переключиться легко — все, что вам нужно сделать, это установить новую тему. Просто перейдите в Внешний вид> Темы> Добавить новый через боковую панель. Нажмите на кнопку, чтобы загрузить свою тему. Затем выберите zip-файл темы для загрузки, установите тему и активируйте ее. Та-да! Вы только что установили прекрасную премиальную тему с большим количеством функций и опций, которые вы получите в бесплатной теме.

Несмотря на то, что существует множество бесплатных и премиальных тем на выбор, вы действительно не можете превзойти качество тем, созданных здесь, в WPExplorer.Вот несколько наших любимых.

Премиум-тема WordPress для шикарного образа жизни и электронной коммерции

Chis — прекрасная и элегантная тема для блогов с полной поддержкой WooCommerce. Это означает, что легко писать на любимые темы и так же легко продавать свои товары. Аккуратно, да?

Тема WordPress для бесплатных блогов

Zero — это чистый и минималистичный вариант ведения блога с простой навигацией на левой боковой панели. Zero отлично подходит для личных или фотографических блогов, в нем есть все, что вам нужно, но при этом он не раздувается.К тому же это бесплатно, так что же не любить?

Тема WordPress для блога о бесплатном каменщике Mesa

Mesa — это стильная и свободная тема для блогов WordPress, которая отлично подходит для личных или профессиональных блогов. Эта тема поддерживает множество форматов сообщений и включает в себя полезные параметры настройки, которые помогут вам начать работу.

Total Drag & Drop Ultimate Многоцелевая тема WordPress для ведения блогов

Наконец, как мы могли не упомянуть Total? Тема Total — это полное решение для любого типа веб-сайта, особенно если вы хотите создать блог.Благодаря усовершенствованному конструктору страниц с перетаскиванием, неограниченным параметрам цвета, пользовательским шрифтам Google, встроенным портфолио и галереям, ползункам премиум-класса, форматам видео и аудио сообщений, конструктору заголовков, пользовательским виджетам и многому другому Total можно легко настроить. Создайте личный блог, управляйте корпоративным веб-сайтом, публикуйте свои видеоблоги, делитесь рецептами и т. Д. Total ничего не может сделать!

Но это лишь некоторые из наших фаворитов, которые упростят вам создание блога. Теперь, когда вы выбрали свою тему, пора подумать о выборе плагинов!

Шаг 4: Установите рекомендуемые плагины

Если темы являются первым камнем преткновения для начинающих блогеров, то плагины должны занять второе место.Слишком легко потратить часы на установку любого количества плагинов, прежде чем вы действительно что-то сделаете с точки зрения создания контента. Это отстойный срок.

На самом деле вам не нужны какие-либо плагины , чтобы начать работу в качестве блоггера . WordPress хорошо оборудован из коробки. Однако есть некоторые плагины, которые я бы порекомендовал вам установить и активировать, чтобы максимально использовать возможности вашего блога.

Примечание. Каждый из этих плагинов является бесплатным и может быть установлен, перейдя в Plugins> Add New через боковую панель.Затем либо воспользуйтесь окном поиска, чтобы найти бесплатный плагин в репозитории (или нажмите, чтобы загрузить плагин, который вы скачали в другом месте).

Когда вы найдете нужный плагин, нажмите ссылку «Установить сейчас». После установки плагина вам будет предложено активировать новый плагин. Это оно! Плагин установлен и активирован. Настройка каждого из этих рекомендуемых плагинов должна быть довольно простой, но если у вас есть какие-либо простые вопросы, вы можете задать их в разделе комментариев ниже или посетить страницу плагина в WordPress.org, чтобы открыть тему поддержки.

Для защиты от спама Попробуйте Akismet

Спам в комментариях может стать огромной проблемой в будущем, если вы не установите пару препятствий, чтобы остановить спамеров. Плагин номер один для этого — собственный плагин WordPress Akismet, и, хотя есть и другие плагины для защиты от спама, мы считаем, что это лучший плагин для защиты от спама для WordPress. Akismet довольно прост в использовании — просто установите, активируйте и выберите уровень «строгости». После этого Akismet просканирует ваши комментарии и автоматически переместит подозрительные комментарии в папку со спамом. Все, что вам нужно сделать, это не забыть очистить ее.

Чтобы добавить социальный обмен, рассмотрите AddThis

Вы хотите, чтобы люди делились вашим контентом? Поэтому, если ваша тема еще не поддерживает публикацию в социальных сетях, вам потребуется установить для этого плагин. Хороший бесплатный вариант — AddThis. Их бесплатный плагин для обмена в соцсетях добавляет опции для 200+ социальных сетей, множество стилей кнопок и множество локаций (боковая панель, заголовок, виджет, контент и т. Д.) — и все это бесплатно. Если вы хотите видеть свою аналитику или иметь более расширенные возможности совместного использования, вам понадобится премиум-аккаунт AddThis, но для большинства блоггеров достаточно плагина.

Оптимизируйте SEO с помощью Yoast

Поисковая оптимизация, или сокращенно SEO, является важным аспектом любого веб-сайта. Но чтобы стать SEO-экспертом, нужны годы, и даже тогда вам нужно продолжать учиться. Вот почему такие плагины, как Yoast SEO, являются важным дополнением для пользователей WordPress. Нам нравится Yoast SEO, потому что он включает в себя основные параметры SEO для хлебных крошек, заголовков, отрывков, оптимизации ключевых слов и многого другого.

Добавьте Google Analytics с помощью MonsterInsights

Отличный способ узнать, как работает ваш сайт, — это отслеживать посещения вашего сайта с помощью Google Analytics.Ознакомьтесь с нашим руководством о том, как настроить Google Analytics для своего веб-сайта, но после того, как вы создали учетную запись и добавили код отслеживания на свой веб-сайт, вы можете начать мониторинг своего веб-сайта. Конечно, вы можете вручную проверять свою учетную запись Google Analytics каждый день, но WordPress, будучи гибкой CMS, предлагает множество простых в использовании плагинов, которые интегрируют вашу аналитику в вашу панель управления WordPress. Мы рекомендуем MonsterInsights, поскольку он хорошо работает с Yoast SEO — таким образом вы можете комбинировать свою стратегию SEO с мониторингом SEO для достижения гораздо лучших результатов.

Ведение резервных копий WordPress с помощью VaultPress

Всегда полезно планировать худшее, и одна из лучших безопасных ситуаций, когда вы начинаете блог с WordPress, — это регулярное резервное копирование. VaultPress — это бесплатный плагин, но для него требуется премиум-членство, чтобы вы могли создавать и поддерживать полные резервные копии сайта. Это часть премиальных планов Jetpack, которые начинаются всего с 3,50 долларов в месяц (всего 39 долларов в год), что является очень низкой ценой, чтобы быть уверенным в том, что на вашем веб-сайте есть план Б.Если вы не хотите использовать плагин для резервного копирования, не проблема. Есть несколько различных бесплатных методов, которые вы можете использовать для резервного копирования WordPress через ваш тарифный план или вручную.

Шаг 5. Начните вести блог

На данный момент ваш блог почти готов к созданию контента, и осталось позаботиться еще о паре вещей. Первый — избавиться от образца сообщения, страницы и комментария, которые WordPress включает по умолчанию.

Удалить образец страницы и публикации

Сначала щелкните элемент меню Pages на боковой панели.В вашем новом блоге вы увидите всего одну страницу-образец, которую можно удалить, наведя указатель мыши на каждую и выбрав опцию Корзина .

На данный момент вам не нужно создавать какие-либо новые страницы, хотя вы, возможно, захотите вернуться позже, чтобы в какой-то момент создать страницу «О себе» или «Контакты». В настоящее время мы сосредоточены на том, чтобы ваш блог работал, не требуя ничего, кроме сообщений. Так что нажмите сообщения на боковой панели и, как и на ваших страницах, удалите образец сообщения с заголовком «Hello world!»

Теперь ваш блог свежий, чистый и готов к вашим словам мудрости.

Создайте свой первый пост

Давайте посмотрим, как создать вашу первую запись. Просто перейдите к сообщениям> Добавить новый через боковую панель, и вы увидите экран, аналогичный показанному ниже:

Есть три ключевых момента, которые вам нужны, чтобы опубликовать свой первый пост (хотя у нас есть подробное руководство по публикации вашего первого поста в WordPress):

1. Создайте заголовок для вашего сообщения : Это находится в поле непосредственно под «Добавить новое сообщение.»Сделайте это ясным, кратким и запоминающимся. Также рекомендуется включить ключевое слово.
2. Напишите свой контент : Это происходит в основном текстовом поле редактора, которое занимает большую часть экрана. Это редактор типа «что видишь, то и получаешь» (сокращенно WYSIWYG), что означает, что вы можете видеть изменения, которые вы вносите с помощью редактора, используя включенные параметры (жирный, курсив, размеры шрифта, ссылки и т. Д. ) или вставка медиафайлов (изображений, ссылок на видео и т. д.).
3. Рекомендуемое изображение, категория и теги : Если вы хотите добавить избранное изображение, самое время сделать это.Мы также рекомендуем использовать категории (широкие группы сообщений) и теги (конкретные, нишевые дескрипторы), поскольку они облегчают читателям просмотр вашего веб-сайта позже, когда в вашем блоге будут сотни сообщений.

Обсудив эти три вопроса, нажмите кнопку Опубликовать . Вот и все — создавать контент в WordPress так просто! Хотя есть ряд вещей, которые вы можете сделать, чтобы оптимизировать и лучше представить свои сообщения, ключ к началу работы — это просто начало работы .Позже побеспокойтесь о мелком шрифте, но пока получите какой-нибудь контент!

Добавить дополнительные функции

Вы всегда можете добавить на свой сайт, работающий на WordPress. Добавьте больше страниц, добавьте больше плагинов, выберите новую тему, чтобы добавить новые стили. Небо это предел! Вот еще несколько общих функций, которые вы, возможно, захотите добавить на свой сайт (изменение спойлера — для многих просто требуется плагин).

Чего вы ждете? Иди, начни блог!

Начать вести блог действительно так же просто, как и описанный выше пятиступенчатый процесс, и кривая обучения, чтобы начать вести блог, будет неглубокой, если вы начнете с гребли, а не с глубокого конца.Есть много времени, чтобы заняться незначительными настройками тем, новыми плагинами и оптимизацией вашего SEO, но успешное ведение блога почти всегда возвращается к содержанию , которое вы создаете.

По большей части посетители не будут заботиться о вашем дизайне или модной функциональности плагина так сильно, как о вашем контенте. Так что примите сердце ведения блога, приступайте к созданию и создайте блог!

У вас есть вопросы о том, как создать блог? Или конкретно о блогах на WordPress? Мы будем рады помочь — оставьте комментарий ниже.

Как начать работу с WordPress: руководство на 2021 год

Итак, вы хотите создать новый веб-сайт. У вас есть хорошее представление о том, о чем будет ваш сайт, какой контент у вас будет на нем, будете ли вы что-то продавать, этот список можно продолжить. Теперь приступим к работе с WordPress!

Похоже, вы все готовы начать, верно? Но подождите, а как насчет вашей платформы? Если вы читаете это, вы, вероятно, выбрали — или думаете о выборе — WordPress. Но, возможно, вы не знаете, с чего начать.Или, может быть, вам просто нужно напомнить, как это работает. Эта статья поможет упростить процесс, шаг за шагом расскажет, как начать работу со своим сайтом WordPress.

Шаг 1. Найдите лучший хостинг для своего сайта

Прежде чем вы сможете использовать WordPress.org, вам понадобится услуга хостинга. Вы можете настроить свой собственный сервер и установить WordPress на свой компьютер, но когда вы только начинаете, проще подписаться на услугу, в которой уже есть серверы, настроенные и готовые для размещения сайта WordPress.Некоторые услуги бесплатные, а некоторые платные; мы рекомендуем использовать платные, так как они обеспечат более качественные услуги и функции.

Не уверены, какой тип хостинга или какой выбрать? Мы полностью понимаем (и мы уже были там раньше, WPExplorer несколько раз менял хосты, прежде чем нашел идеальный вариант). Следует рассмотреть несколько различных типов хостинга, каждый из которых имеет свои плюсы и минусы. Вы можете прочитать наше руководство по лучшему хостингу WordPress или взглянуть на нашу удобную инфографику, демонстрирующую лучшие варианты хостинга, которые мы рекомендуем новым пользователям WordPress.

Варианты хостинга WordPress

Общий хостинг — это то, с чего начинают большинство новых пользователей WordPress. Это простой и недорогой вариант, в котором достаточно ресурсов для размещения нового веб-сайта. Большинство общих хостов предлагают установку WordPress в один клик, разумный объем хранилища и пропускную способность, а иногда и несколько льгот (например, купоны Google Adwords или даже бесплатное доменное имя). На наш взгляд, лучший план виртуального хостинга — от Bluehost. Начиная с 2,95 доллара в месяц (по нашей специальной ссылке), это отличный вариант для тех, кто только начинает работать с WordPress.

BLUEHOST SHARED WORDPRESS HOSTING

Управляемый VPS (что означает «виртуальные частные серверы») — это шаг вперед по сравнению с виртуальным хостингом. Вы по-прежнему используете сервер совместно с другими пользователями, но сервер разделен на разделы, поэтому у каждого из вас есть собственный мини-сервер для повышения безопасности, конфиденциальности и работы веб-сайта. Кроме того, с управляемыми VPS вам не нужно обслуживать свой сервер — хостинговая компания обрабатывает обновления программного обеспечения и кодирует обновления WordPress за вас, чтобы вы могли сосредоточиться на своем веб-сайте.Мы выбрали лучший управляемый VPS — Flywheel. Они предлагают фантастические услуги, такие как бесплатная миграция, встроенное кеширование, автоматическое резервное копирование и многое другое, что дает вам много денег.

Маховик VPS Хостинг WordPress

И последний вариант хостинга — это Managed WordPress Hosting , когда хостинговая компания полностью управляет вашим сервером за вас. Управляемый хостинг предлагает больше функций и ресурсов веб-сайта, чем общий, и многие управляемые хосты предлагают масштабируемые планы хостинга, так что вы можете начать с малого и обновлять свой сервер по мере роста вашего бизнеса.Мы использовали управляемый хостинг от WP Engine в течение многих лет и очень довольны качеством нашего хостинга, а также отличным сервисом их службы поддержки. Они предлагают отличный индивидуальный план для новых блоггеров, а также потрясающие планы премиум-класса и корпоративного уровня для веб-сайтов с высоким трафиком.

WP Engine Управляемый хостинг WordPress

Шаг 2: Выберите доменное имя

Вы, вероятно, уже выбрали название вашего веб-сайта или короткий список имен. Замечательно! Если вы этого не сделаете, есть множество статей, которые помогут вам найти идеи для мозгового штурма.Просто имейте в виду, что ваше доменное имя должно отражать цель вашего сайта и быть достаточно интересным, чтобы привлекать посетителей.

Другая часть именования, которой уделяется несколько меньше внимания, — это доменное имя. С технической точки зрения доменное имя — это часть URL-адреса, который идентифицирует IP-адреса (которые идентифицируют компьютеры или устройства в сети) и веб-страницы. Проще говоря, это ваш веб-адрес. У каждого доменного имени есть суффикс, например .com или .org. Вы можете зарегистрировать любое понравившееся вам доменное имя, которое еще не занято — за ежегодную плату.Некоторые хосты предоставят вам бесплатную регистрацию домена на первый год. В рамках процесса регистрации хосты также будут автоматически проверять, доступен ли вам домен для использования. Но вы всегда можете приобрести доменное имя напрямую у регистратора, такого как NameCheap или GoDaddy.

После того, как вы выбрали доменное имя, следуйте инструкциям хостинговой компании для завершения процесса настройки. Возможно, вам потребуется указать в своем доменном имени хост. Просто проверьте их онлайн-документацию или выполните быстрый поиск в Google, чтобы найти конкретные инструкции.Теперь начинается настоящая работа!

Следующие шаги не обязательно должны выполняться в определенном порядке. Теперь вы можете получить доступ к своей панели инструментов и обратить внимание на то, что вам кажется наиболее актуальным.

На этом этапе может быть полезно просмотреть свой сайт и просмотреть параметры администратора. Таким образом, вы знаете, с чем вам нужно работать.

Шаг 3. Настройте дизайн своего сайта

WordPress по умолчанию использует определенную тему, которую вы можете оставить как есть, настроить или изменить на новую тему.

Бесплатные темы

WordPress имеет несколько предустановленных тем на выбор. Чтобы увидеть каталог бесплатных тем WordPress, нажмите Внешний вид> Темы. Если вы нажмете кнопку Добавить новую , вы увидите список бесплатных тем WordPress из каталога WordPress.org вместе с подробной информацией о темах и возможностью предварительного просмотра или их установки.

Вы также можете установить тему, разработанную третьей стороной. Многие авторитетные сайты предлагают бесплатные темы WordPress, включая WPExplorer.Установка немного отличается, так как вам нужно будет скачать тему. Часто это .zip с названием темы. Для установки просто перейдите в каталог темы и нажмите Загрузить тему .

На следующем экране вам будет предложено найти тему на вашем компьютере. Выберите файл темы (уже упомянутый .zip) и нажмите, чтобы установить. Все, что осталось, — это нажать кнопку «Активировать», чтобы использовать новую тему на своем сайте.

Премиум темы

Бесплатные темы — отличный способ начать работу, а темы премиум-класса (или платные) — это золотой стандарт.Сторонние премиальные темы предлагают большее разнообразие и часто включают гораздо больше функций, чем темы, которые вы найдете в каталоге бесплатных тем.

Например, тема Total WordPress включает простой в использовании визуальный конструктор страниц, встроенные параметры для вашего портфолио, настраиваемый блог, настраиваемые шрифты, неограниченные параметры цвета и многое другое. Но самое главное, он включает в себя простой импортер демо-версий, который вы можете использовать для импорта любых живых демок темы. Таким образом, всего в несколько щелчков мышью вы можете приступить к дизайну своего сайта.

Но это только один вариант. Существует множество торговых площадок премиум-класса, где вы можете приобрести новую тему для своего веб-сайта. Themeforest — хорошее место, чтобы начать поиск премиальной темы с более чем 11000 тем на выбор. Или вы можете просмотреть множество коллекций тем, которые мы собрали здесь, в WPExplorer.

После того, как вы нашли, приобрели и скачали нужную тему, вам нужно будет ее установить (точно так же, как мы рассмотрели в разделе бесплатных тем). Перейдите в Темы> Добавить новый , чтобы загрузить, установить и активировать.Если ваша премиум-тема включала какие-либо встроенные плагины, вы можете увидеть дополнительные подсказки или уведомления для установки рекомендуемых плагинов.

Настройка тем

Другие части вашего внешнего вида, которые вы хотите настроить, — это виджеты, меню, заголовок и фон. Все это можно изменить с помощью настройщика темы , который можно найти в разделе Внешний вид (чуть ниже параметра темы). Нажмите на нее, чтобы открыть настройщик любви WordPress:

WordPress поставляется с предварительно загруженным рядом виджетов, некоторые из которых активируются и отображаются на боковой панели вашего сайта.Вы можете переставить их по мере необходимости, а если вам нужно больше, вы всегда можете установить плагин для добавления новых.

Ваша тема может поддерживать разные или несколько местоположений меню (главное, верхняя панель, нижний колонтитул и т. Д.). В противном случае плагины меню доступны для установки. Вам, вероятно, не стоит особо беспокоиться об этом, пока вы не настроите несколько страниц.

Шаг 4: Добавьте плагины для дополнительных функций

В зависимости от того, как вы используете свой сайт, и от функциональности вашей темы, вам, вероятно, потребуется установить и активировать различные плагины.Они добавляют к тому, что может делать ваш сайт.

Чтобы установить бесплатные плагины, перейдите в каталог плагинов, нажав Плагины> Добавить новый и найдите плагин, или вы можете установить плагины, купленные на других сайтах, нажав кнопку Загрузить плагин .

Если вам интересно, вот три ключевых плагина, которые мы используем и рекомендуем здесь, в WPExplorer.

VaultPress

Получить резервные копии VaultPress

В то время как большинство хороших хостинговых компаний предлагают ежедневное резервное копирование как часть своих планов, мы настоятельно рекомендуем создавать резервные копии WordPress самостоятельно на всякий случай.Мы используем и любим VaultPress, поскольку он доступен по цене (на самом деле это часть премиальных планов JetPack), прост в использовании (просто установите и подключитесь к своей учетной записи WordPress.org) и требует полной резервной копии всего вашего сайта, включая носители.

Akismet

Получите Akismet для WordPress

Как и VaultPress, Akismet является частью премиальных подписок JetPack, и мы считаем, что это лучший плагин для спама для WordPress. Akismet помогает отфильтровывать спам-комментарии, используя собственный алгоритм и комментарии, о которых сообщают пользователи Akismet.Таким образом, вы сможете тратить меньше времени на мониторинг своих комментариев и больше времени на SEO и контент.

Yoast SEO

Получить Yoast SEO

Для любого владельца веб-сайта хороший плагин SEO — ключ к успеху. Есть несколько популярных плагинов, но мы любим Yoast SEO. Этот плагин включает в себя все, что вам абсолютно необходимо, чтобы приступить к улучшению вашего SEO. Включая, помимо прочего, карты сайта, заголовки / выдержки по умолчанию, хлебные крошки, отображение RSS-канала, метатеги открытого графика и инструменты SEO на странице (для ключевых слов, удобочитаемости и т. Д.).

Кроме того, мы также предлагаем использовать живой редактор CSS, такой как CSS Hero или Yellow Pencil, чтобы настроить дизайн вашего сайта, если ваша тема не включает в себя достаточное количество параметров стиля. Чтобы найти более полезные плагины, ознакомьтесь с нашими коллекциями плагинов, чтобы найти отличные плагины для карт, бронирования, публикации в социальных сетях, переводов и многого другого.

Шаг 5: Создание ключевых страниц

Если он не предназначен для одностраничного сайта, каждый веб-сайт должен иметь как минимум пару страниц. Например, страница о компании и страница контактов.Мы также рекомендуем страницу блога для размещения ваших новостей или сообщений. Но в зависимости от цели вашего сайта вам, вероятно, понадобятся и другие страницы. Это может быть портфолио или галерея для демонстрации ваших работ. Если у вас есть товары для продажи, вам нужна страница магазина. Имейте в виду, что вам может потребоваться или вы захотите установить плагины для добавления и настройки этих типов страниц.

Дом

Ваша домашняя страница — это первая страница, которую люди увидят, перейдя по вашему основному URL. Некоторые темы будут включать шаблон домашней страницы (как на скриншоте выше).Или используйте конструктор страниц, чтобы создать что-нибудь индивидуальное. Есть много мощных плагинов для создания страниц WordPress на выбор.

Что бы вы ни выбрали, просто не забудьте установить домашнюю страницу, которую вы создали, в разделе «Настройки »> «Чтение » и выберите опцию «Статическая страница» (примечание: ваш блог может быть вашей домашней страницей, и если это то, что вы хотите использовать в качестве основного страницу, просто оставьте выбранной опцию «Ваши последние сообщения»). Для получения дополнительной помощи ознакомьтесь с нашим руководством по созданию домашней страницы.

Блог

У большинства веб-сайтов есть блог — на самом деле, многие сайты представляют собой просто блоги! В зависимости от вашей темы вам может не понадобиться создавать страницу блога, так как многие темы WordPress для ведения блогов уже стилизованы, поэтому вы можете просто приступить к работе, добавляя сообщения. Однако некоторые из них включают в себя настраиваемый шаблон страницы блога, который можно использовать, перейдя в Pages> Добавить новый , а затем выбрав шаблон «блог» в метабоксе справа или ниже основного текстового редактора. После сохранения страницы вам также нужно будет определить ее как свой блог в разделе «Настройки »> «Чтение »> «Статическая страница» в качестве опции «Страница сообщений».

Около

Страницы «О нас» отлично подходят для компаний, где можно поделиться историей компании, заявлением о миссии и членами команды. Или для независимых блоггеров, которые могут поделиться заметками о том, как они начали, о своих интересах и своей личной истории. Хотя не каждому сайту он нужен, его следует рассмотреть. Страница «О нас» — отличный способ связаться с вашей аудиторией на более личном уровне.

Контакт

Практически на каждом веб-сайте есть страница с контактами.Создать страницу контактов с WordPress довольно просто, поскольку существует множество простых плагинов, совместимых с популярными темами. По крайней мере, вы можете рассмотреть возможность использования одного из этих плагинов контактной формы, чтобы добавить простую форму в нижний колонтитул или боковую панель, или плагина сопоставления для демонстрации вашего местоположения.

Портфолио

Некоторым компаниям имеет смысл продемонстрировать свою работу, и в этом случае портфолио очень полезно. Чтобы создать онлайн-портфолио, вы можете выбрать тему или добавить плагин, который включает настраиваемый тип публикации портфолио.Пользовательские типы сообщений добавляют новый элемент меню, который легко найти на главной левой панели инструментов WordPress. Чаще всего они работают так же, как добавление сообщения в блог. Разница в том, что они часто имеют настраиваемые стили и параметры, соответствующие их назначению. Таким образом, портфолио обычно включает варианты для создания галерей, загрузки видео или даже аудио, чтобы вы могли показать потенциальным клиентам, насколько вы круты.

Магазин

Наконец, независимо от того, хотите ли вы продавать свои товары в магазине, подобном Etsy, или порекомендовать товары из партнерских магазинов на своем собственном сайте, вы можете создать интернет-магазин с помощью WordPress.В частности, с помощью бесплатного плагина WooCommerce. Подобно портфолио, WooCommerce (и другие платформы электронной коммерции, такие как EDD или Shopify) добавляет настраиваемый тип публикации. Это включает в себя настраиваемые параметры для ваших продуктов, такие как цифровой / физический элемент, галерея продуктов, варианты продукта, купоны, доставка, налоги и многое другое.

Шаг 6: Импорт и экспорт содержимого

Эти инструменты часто упускаются из виду при обсуждении начала работы. Если вы новичок в WordPress, но не ведете блог или управление веб-сайтами, импорт и экспорт — удобные инструменты, которые легко использовать.Чтобы переместить контент со старого веб-сайта WordPress, используйте инструмент экспорта. Это загрузит xml-файл с содержимым вашего сайта.

Чтобы перенести контент с другого сайта, используйте инструмент импорта. Если вы покупаете премиум-тему, она, вероятно, поставляется с образцами данных (в виде файла .xml), которые вы можете импортировать, чтобы помочь вам начать работу. Мы рекомендуем использовать образцы данных, если вам нужна помощь в выяснении того, как использовать тему или если вы хотите импортировать точную демонстрацию (особенно при использовании таких тем, как Total, в которых есть множество примеров демонстраций на выбор).

Шаг 7. Дополнительная информация для начала работы с WordPress

В этой статье обсуждаются важные части начала работы с WordPress. Однако, если вы все еще чувствуете себя потерянным, вот вам еще несколько ресурсов:

WP Explorer содержит массу других ресурсов, которые помогут вам узнать больше об использовании WordPress. Просмотрите наш блог и другие статьи, чтобы ознакомиться с ним!

Заключение

Независимо от того, являетесь ли вы новичком в создании веб-сайта или просто новичком в WordPress, может быть сложно наконец начать работу с WordPress.Руководство и другие ресурсы неоценимы в подобных ситуациях. Использование инструментов, которые мы здесь предоставили, может помочь сделать процесс более плавным. Ваш сайт будет готов к работе быстро!

Что вы хотели бы знать, когда впервые запускали свой сайт на WordPress? Если вы начинаете сейчас, что поможет вам чувствовать себя более уверенно? Дайте нам знать об этом в комментариях!

Простое пошаговое руководство по созданию веб-сайта на WordPress

Создать онлайн-присутствие для бизнеса или профессионального портфолио можно быстро и просто с помощью системы управления контентом (CMS), такой как WordPress.Как крупным, так и малым предприятиям нужны способы публикации контента. Ключевым моментом является работа с удобной CMS, которая позволяет практически любому — от новичков до экспертов — создавать веб-страницы. Использование этих шаблонов позволяет легко создать базовую веб-страницу, а затем заменить логотип, изменить цветовую палитру или изменить шрифт в соответствии с вашим брендом и потребностями.

Когда вы начинаете работать с WordPress, вам нужно решить, будете ли вы использовать WordPress.com или WordPress.org. Они оба бесплатны, но WordPress.com — это универсальная служба, которая генерирует HTML-сценарий для сайта в дополнение к доменному имени и услугам хостинга. Хотя это универсальный магазин для людей, желающих создать веб-страницу, существует множество ограничений, с которыми вы столкнетесь, если захотите настроить многие аспекты своего сайта. WordPress.org, с другой стороны, позволяет вам скачать скрипт бесплатно, а затем манипулировать им как угодно на вашем сайте, используя собственное доменное имя и веб-хостинг. Это также известно как самостоятельный сайт.

Здесь вы узнаете, как легко создать собственный веб-сайт на WordPress для домашнего бизнеса. Этой CMS можно управлять практически с любого компьютера, подключенного к Интернету. Знание основ HTML-кодирования полезно, но не обязательно для WordPress. Вы можете учиться по ходу работы, а затем добавлять дополнительные параметры и плагины по мере привыкания к стандартным функциям.

Выберите и купите доменное имя

Выбор бизнес-доменного имени — важная часть присутствия и маркетинга, связанного с вашим бизнесом.В идеале это должен быть «.com», включающий название вашей компании. Службы веб-хостинга, такие как Wix и Hostinger, могут предложить предоставить домен (некоторые предоставят его бесплатно), но большинство экспертов предлагают хранить ваше доменное имя и услуги хостинга отдельно, чтобы гарантировать, что вы владеете своим доменом и контролируете его.

Подпишитесь на веб-хостинг

Хотя есть бесплатные варианты, лучше всего выбрать платный хостинг, чтобы обеспечить качество и контроль. Есть много доступных веб-хостов на выбор.Поскольку вы хотите установить WordPress, убедитесь, что хост предлагает скрипт WordPress в своей библиотеке. WordPress — популярный сервис, поэтому большинство включает его. Какой бы сервис веб-хостинга вы ни выбрали, он, скорее всего, предложит многоуровневые варианты. Вам не нужно чувствовать давление, чтобы выбрать более продвинутые варианты. Вы можете начать с базового плана и при необходимости увеличивать его.

Подключите свой домен и службы веб-хостинга

После того, как вы зарегистрируетесь на хостинге, вы получите информацию для входа в аккаунт и адрес серверов имен вашего хоста (две серии цифр).Скопируйте информацию о сервере имен, а затем перейдите к своему регистратору доменов и добавьте информацию о сервере имен к своему доменному имени. Это сообщает регистратору домена, куда (на какой хост) должен указывать домен. Как только эти два аспекта вашего веб-сайта синхронизируются, вы готовы приступить к созданию.

Установить WordPress

Прошли те времена, когда вам приходилось загружать скрипт с сайта WordPress, а затем загружать его на свой хост. Большинство хостов предлагают возможность быстрой установки через свою библиотеку сценариев.Войдите в свою учетную запись хоста (например, cPanel) и найдите скрипт WordPress (если вы не уверены, где он находится в вашей cPanel, спросите своего хоста). Нажмите «Установить» и укажите, куда вы хотите установить скрипт.

Если вы хотите, чтобы весь ваш сайт был на WordPress, используйте свое доменное имя, оставив поле каталога пустым (например, www.yourdomain.com/). Если у вас уже есть веб-сайт и вы хотите установить блог в другой папке, укажите имя папки после вашего домена. Например, если вы хотите использовать WordPress для своего блога, вы можете установить его на www.yourdomain.com/blog/. Программа установки создаст папку «блог» и установит там WordPress. Во время установки вы также укажете свое имя администратора, имя блога и адрес электронной почты, которые будут включены в WordPress (вы можете изменить имя блога и адрес электронной почты позже). По завершении вам будет предоставлена ​​ссылка на только что созданный сайт WordPress и пароль. Вы хотите сменить пароль.

Просмотр панели управления WordPress

Самое приятное в WordPress то, что даже после обновления основные функции остаются прежними.Как только вы узнаете, где все находится и как это работает, можно начинать. Войдите на свой сайт WordPress, используя имя администратора и пароль. После входа в систему вы попадете в личный кабинет. Слева находится меню всех стандартных опций:

Посты

Вот как вы создаете и редактируете статьи в блоге.

Медиа

Здесь хранятся изображения, видео и другие виды мультимедиа. Вы можете добавить медиафайлы прямо в эту папку как отдельное действие или во время написания сообщения или страницы.Если вы добавите медиафайлы на страницу, они сохранятся в вашей папке «Медиа».

Страницы: на страницах размещается статический контент, например информация «Обо мне». Если ваш домашний бизнес предлагает услугу, вы разместите информацию о ней на странице.

Комментарии: так вы управляете комментариями, оставленными на вашем сайте, и модерируете их.

Внешний вид: это то, как вы управляете и настраиваете тему своего сайта, организуете виджеты боковой панели, создаете меню (в соответствии с вашей темой) и получаете доступ к редактору темы.

Плагины: здесь можно добавлять, удалять и обновлять плагины. Некоторые плагины добавляют функции меню непосредственно в меню панели инструментов, в то время как другие добавляются как элемент подменю в разделе «Инструменты» или «Настройки».

Пользователи: вы можете управлять людьми, которые регистрируются в качестве гостей, а также разрешениями тех, кому вы предоставляете доступ. Например, если у вас есть виртуальный помощник, вы можете разрешить ему обновлять и вносить изменения на сайт. Если ваш виртуальный помощник уйдет, вы захотите отозвать эти разрешения.

Инструменты: импортируйте и экспортируйте данные WordPress через меню «Инструменты». Здесь также доступны некоторые настройки плагина.

Настройки: здесь вы настраиваете, как ваш блог читается, как публикуются комментарии, ваша структура постоянных ссылок (как выглядят URL-адреса контента вашего блога) и многое другое. Доступ ко многим настройкам плагина осуществляется через Настройки.

Выберите тему WordPress

WordPress предлагает темы по умолчанию, или вы можете просматривать и устанавливать темы из библиотеки тем WordPress.Щелкните «Внешний вид», затем «Тема». Если вам нравится тема по умолчанию, вы можете оставить ее, но выберите опцию «Настроить» (под опцией «Внешний вид»), чтобы изменить такие аспекты, как цвет и заголовок. Вы можете изменить тему, щелкнув другую тему, а затем нажав «Активировать».

Если вам не нравятся параметры по умолчанию, вы можете добавить новую тему. Один из способов — нажать «Добавить тему», чтобы получить доступ к библиотеке тем. Если вам нравится какая-либо из тем в библиотеке, просто нажмите «Установить», а затем «Активировать», чтобы применить тему.Другой вариант — найти темы из других источников. Чтобы использовать эти темы, вам необходимо загрузить их из источника, затем в панели управления WordPress нажмите «Добавить темы», затем «Загрузить тему». Используйте кнопку обзора, чтобы найти загруженную тему, щелкните файл (обычно это zip-файл) и загрузите. После загрузки нажмите «Установить» и «Активировать». Обратите внимание, что некоторые темы добавляют пункты меню к левой панели навигации. Некоторые также имеют параметры настройки, такие как добавление ссылок на социальные сети.

Настройка виджетов боковой панели

Виджеты — это кнопки быстрого доступа, которые выполняют определенную функцию, например переход к последним сообщениям в блоге или подписку на список рассылки. В разделе «Внешний вид», а затем «Виджеты» вы увидите список параметров виджета, включая «Последние сообщения» и «Архивы». «Недавние сообщения», вероятно, являются одним из виджетов по умолчанию на боковой панели, наряду с «Недавними комментариями» и «Мета».

Самое замечательное в WordPress то, что добавление или удаление виджетов требует простого перетаскивания в нужное место.Хотя многие виджеты выполняют определенную функцию, существует виджет «Текст», который позволяет вам добавлять все, что вы хотите, включая код. Это хорошее место для добавления скрипта подписки на рассылку или партнерских кодов продуктов. Стандартная боковая панель находится с правой стороны вашего блога / сайта, но иногда ваша тема может позволить вам выбрать, где находится боковая панель. В других случаях у темы может быть более одной боковой панели, например, две слева и три внизу.

Настройте плагины

WordPress поставляется в готовом виде с двумя плагинами.Askimet — это плагин для защиты от спама, который нужно активировать. Вам понадобится код активации, но вы можете получить его бесплатно, перейдя по ссылке в плагине Askimet. Существуют миллионы плагинов, которые добавляют на ваш сайт интересные функции и возможности. Например, некоторые плагины создают витрину на вашем сайте WordPress.

Многие плагины менее заметны. Они скрываются за кулисами, чтобы сайт оставался безопасным и полностью работоспособным. Основные плагины, которые вы должны добавить, включают безопасность (чтобы не допустить хакеров), кеш (для повышения скорости и производительности), резервное копирование и SEO.Плагины можно добавить в пункте меню «Плагин». Как и темы, вы можете искать плагины в библиотеке WordPress или получать их из других источников и загружать их на свой сайт.

Добавить контент на свой сайт

Начните с добавления ваших статических страниц, таких как «Обо мне», «Контакты» и любой другой информации, которую вы хотите, чтобы посетители имели (например, медиа-кит). Если вы используете свой сайт WordPress как стандартный веб-сайт, вы можете захотеть, чтобы посетители попадали на определенную домашнюю страницу, будь то ваша страница «Обо мне» или другой раздел сайта.Для этого перейдите в «Настройки», затем «Чтение», переключите «Статическая страница» и затем выберите, какую страницу или публикацию вы хотите разместить на своей домашней странице. Если вы ведете блог, вы можете оставить настройку по умолчанию, которая должна быть «Ваши последние сообщения».

Когда у вас есть страницы, добавьте сообщения, относящиеся к теме вашего блога или домашнего бизнеса. И страницы, и сообщения работают одинаково. Нажмите «Новая страница» или «Новая публикация» в разделе «Страница» или «Опубликовать» в меню панели управления. Добавьте свой заголовок в поле заголовка и свой контент ниже. WordPress предоставляет вам два варианта добавления контента: «Визуальный» и «текстовый».«Визуальный» позволяет вам работать с контентом так, как он выглядит для посетителей. «Текст» устраняет излишества, предоставляя вам базовый HTML-код страницы или сообщения. Если у вас есть код, который вы хотите включить (например, партнерская ссылка ), вам нужно будет выбрать «Текст», чтобы добавить его. В правой части страницы вы увидите варианты публикации или планирования вашего сообщения, его категоризации (включая добавление новых категорий), пометки (включая добавление новых тегов) и добавление избранного изображения.

Как создать веб-сайт на WordPress: 8 простых шагов

После того, как вы добавили несколько страниц и сообщений, ваш сайт действительно начинает выглядеть как ваш собственный.Пришло время сделать еще один шаг и начать настраивать свой сайт в соответствии с потребностями вашего контента.

Конечно, вы можете настроить свой сайт множеством способов, но здесь мы сосредоточимся на четырех ключевых:

1. Измените заголовок и слоган сайта

Когда вы настраиваете свой сайт, WordPress автоматически устанавливает заголовок вашего сайта «Просто еще один сайт WordPress» (мы знаем, немного грубо).

Но вы не «просто еще один сайт WordPress», поэтому убедитесь, что вы прояснили это четко!

1. Войдите в свою панель управления WordPress.
2. Перейдите в «Настройки», затем «Общие».
3. Добавьте заголовок вашего веб-сайта рядом с заголовком сайта.
4. Рядом с «Слоган» добавьте несколько слов, поясняющих, о чем ваш сайт.
5. Нажмите «Сохранить изменения» ‘

2. Добавление меню навигации

Это действительно важный шаг в создании любого сайта. У вас может быть лучший контент в мире, но это ничего не значит, если его никто не найдет!

Большинство тем имеют по крайней мере один пункт меню, в то время как более сложные темы могут иметь несколько.Добавить его очень просто:

1. Вы уже догадались! Войдите в свою панель управления WordPress.
2. Наведите указатель мыши на «Внешний вид», затем нажмите «Меню».
3. Добавьте имя для своего меню рядом с «Название меню», затем выберите страницы, которые вы хотите добавить, из списка внизу слева.
4. Для тем с несколькими вариантами меню вы можете увидеть несколько вариантов флажка в разделе «Настройки меню», например «первичный», «вторичный» и т. Д. Лучше всего на данный момент выбрать первичный — вы всегда можете изменить это, если вы re недовольны живой версией.
5. Нажмите «Сохранить меню», чтобы разместить новое меню на месте!

3. Установите домашнюю страницу

Когда дело доходит до вашей домашней страницы, у вас есть два основных варианта: динамическая страница, которая обновляется всеми вашими последними сообщениями, или статическая страница, которая сохраняет то же содержание.

В любом случае:

1. Войдите в свою панель управления WordPress.
2. Нажмите «Настройки», затем перейдите к «Чтение».
3. Вы попадете на страницу «Настройки чтения», первая из которых — «Отображение первой страницы».
4. Выберите «Ваши последние сообщения» или «Статическую страницу».
5. Нажмите «Сохранить изменения», чтобы изменения на главной странице вступили в силу.

Если вы выберете «Ваши последние сообщения», вы также можете выбрать количество недавних сообщений в блоге, которые отображаются на странице одновременно, и хотите ли вы отображать полный текст или сводку.

Если вы выбрали «Статическую страницу», просто убедитесь, что вы создали страницу под названием «Блог» (или аналогичную), на которой могут храниться все ваши последние сообщения.

4. Изменить настройки комментариев

WordPress поставляется со встроенной функцией комментариев, для которой автоматически устанавливается значение «on» .Комментарии — отличный способ продемонстрировать заинтересованность и построить сообщество на сайте.

Тем не менее, комментарии подходят не каждому сайту. И даже если вы хотите оставить их при себе, мы настоятельно рекомендуем вам добавить этап фильтрации, чтобы вас не перегружали спамом:

1. Войдите в свою панель управления WordPress.
2. Нажмите «Настройки», затем перейдите в «Обсуждение».
3. Мы рекомендуем выбрать «Комментарий должен быть одобрен вручную». Таким образом, у вас будет выбор, публиковать комментарий или нет (новые появятся на вашей панели управления).
4. Не забудьте нажать «Сохранить изменения»!

Если вам нужна дополнительная информация о комментариях и все возможные настройки, которые вы можете применить, есть отличная страница поддержки WordPress.