World press конструктор сайтов инструкция по применению: полное руководство для новичков по установке и настройке

Содержание

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

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

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

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

Что такое Elementor?

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

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

Почему вы должны использовать Elementor

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

Что можно построить с помощью Elementor?

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

Посетите этот веб-сайт ресторана, созданный с помощью Elementor.

Затем есть целевая страница канадской юридической фирмы.

Как установить Elementor

Как и другие плагины WordPress, установка Elementor выполняется быстро и просто. Есть два способа сделать это.

Установка через Elementor.com

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

  • Затем нажмите «Подписаться и загрузить».
  • На панели управления WordPress перейдите в Плагины> Добавить новый .
  • Нажмите «Загрузить плагин» и выберите файл .zip, который вы скачали для Elementor.
  • Нажмите «Установить сейчас», а затем «Активировать плагин».

Установка через панель управления WordPress

  • На панели управления нажмите Плагины> Добавить новый .
  • В поле поиска введите Elementor и найдите Elementor Page Builder .

  • Щелкните Установить сейчас. После установки нажмите Активировать .

Как использовать Elementor в WordPress

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

Краткий обзор редактора Elementor

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

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

Или вы можете нажать «Редактировать с помощью Elementor» при создании новой страницы или публикации.

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

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

Источник: Elementor

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

Как создать свою первую страницу в Elementor

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

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

  • Elementor загрузится, чтобы выглядеть так:

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

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

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

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

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

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

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

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

Как использовать расширенные функции в Elementor

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

Как создать всплывающее окно в Elementor

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

  • На панели управления WordPress перейдите в Шаблоны> Всплывающие окна> Добавить .
  • Назовите свой шаблон и нажмите «Создать шаблон».
  • Выберите шаблон из библиотеки или создайте свой собственный дизайн.
  • Нажмите «Опубликовать», а затем «Сохранить и закрыть».
  • Откройте новую страницу в Elementor (CTRL + E для пользователей ПК; Command + E для пользователей Mac).
  • Перетащите виджет кнопки.
  • В разделе «Макет» выберите «Ссылка»> «Динамический»> «Действия»> «Всплывающее окно».
  • Перейдите в Popup> Open Popup и выберите созданное вами всплывающее окно.
  • Перейти на живую страницу.
  • Затем нажмите кнопку, и появится всплывающее окно.
  • Вот как это может выглядеть:

Источник: Elementor

Как настроить страницу продукта WooCommerce в Elementor

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

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

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

  • На панели управления WordPress перейдите в Elementor> Мои шаблоны .
  • Щелкните по кнопке Добавить новый .
  • Выберите «Один продукт» в качестве типа шаблона и нажмите «Создать шаблон».
  • Библиотека Elementor загрузится.
  • Затем выберите заранее разработанный шаблон страницы продукта или создайте его с нуля.

Источник: Elementor

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

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

Источник: Elementor

  • Чтобы опубликовать свою страницу, нажмите зеленую кнопку «Опубликовать» в нижней левой панели.

Часто задаваемые вопросы об Elementor

У вас все еще есть вопросы об Elementor? Нет проблем. Вот несколько часто задаваемых вопросов о плагине и ответы на них.

  • Сколько стоит Elementor?

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

  • Elementor работает со всеми темами?

Да, он работает со всеми темами, соответствующими стандартам кодирования WordPress.

  • Elementor замедляет работу вашего сайта?

Elementor – один из самых быстрых конструкторов страниц. Однако некоторые веб-сайты могут вызывать медленную загрузку. Вот распространенные способы решить проблему со скоростью веб-сайта.

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

Источник записи: https://blog.hubspot.com

Создание сайта на WordPress: краткая инструкция по настройке

Итак, вы решили создать сайт на WordPress самостоятельно. С чего же начать?

Для начала необходимо понять, что представляет собой CMS WordPress:

WordPress – система управления содержимым сайта с открытым исходным кодом, написанная на PHP. В качестве сервера базы данных WordPress использует MySQL. Сфера применения: от блогов до достаточно сложных новостных ресурсов и интернет-магазинов. Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать практически любые проекты.

Домен и хостинг

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

Установка WordPress

Существует 2 способа установки WordPress на ваш хостинг:

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

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

    Подключившись к серверу, вам необходимо загрузить на него установочные файлы WordPress. Предварительно скачать их можно с официального сайта – https://ru.wordpress.org/ – и разархивировать на своем компьютере.

После успешной загрузки файлов откройте адрес http://www.вашсайт.ru/ и запустите установку WordPress.

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

  1. Имя базы данных.
  2. Имя пользователя базы данных.
  3. Пароль к базе данных.

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

Как только все поля будут заполнены, нажмите «Отправить», и откроется новая страница создания пользователя-администратора. На этом все! WordPress успешно установлен.

Настройка нового сайта

Откройте административную панель сайта по адресу http://www.вашсайт.ru/wp-admin/

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

Раздел «Записи»

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

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

Раздел «Медиафайлы»

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


Раздел «Страницы»

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

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

Раздел «Комментарии»

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


Раздел «Внешний вид»

Один из важнейших разделов сайта. Именно здесь вы можете изменить дизайн сайта до неузнаваемости.

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

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

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

С помощью пункта «Редактор» вы можете напрямую изменять файлы темы и CSS-файлы сайта. Но будьте предельно осторожны: перед изменением каких-либо строчек кода необходимо сделать резервную копию сайта.

Раздел «Плагины»

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


Раздел «Пользователи»

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

При создании пользователя на выбор есть несколько ролей, которые дают соответствующие права: «Подписчик», «Участник», «Автор», «Редактор» и «Администратор».

Раздел «Настройки»

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

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

Пункт «Постоянные ссылки» будет крайне полезен, если вы хотите настроить вывод страниц и записей сайта не в виде http://вашсайт.ru/2015/05/10/первая запись/, а так: http://вашсайт.ru/первая запись/ .

Заключение

Итак, ваш новый сайт на WordPress создан и настроен. Что же делать дальше? Самый простой и эффективный вариант – писать уникальный контент. Чем больше, тем лучше. Качественный контент поможет не только улучшить позиции сайта в поисковых системах, но и заставит посетителей проводить больше времени на сайте, что улучшит поведенческие факторы.


Читайте также статью о вирусах и методах их удаления с сайта на WordPress – «Вирус SoakSoak атакует сайты под управлением CMS WordPress».

Конструктор Сайтов на CMS системе WordPress

Что еще включают хостинг планы

Безопасность :

SSL сертификат от COMODO RSA — бесплатно для всех клиентов ! SSL используются для установления защищенного соединения с сайтом, и становится невозможным перехватить данные, передаваемые посетителем в формах на сайте. Обращение к сайту идет через протокол «https://», браузер посетителя отмечает такое соединение как безопасное.

E-mail возможности :

POP3 Почтовые уч. записи, SMTP сервер, E-mail Автоответчики, E-mail переадресация, Доступ к Email через Браузер, Списки Рассылки, Анти-Спам функции.

Общие возможности :

  • MySQL БД: НЕОГРАНИЧЕНЫ
  • FTP аккаунты
  • PHP Выбор версий (5.X-7.X) / MySQL
  • Поддержка CGI-Bin, Perl
  • WAP/WML
  • Server Side Includes (SSI)
  • Поддержка FrontPage
  • Конструктор Сайтов
  • Онлайн Менеджер Файлов
  • Защита паролем каталогов
  • Статистика Посещений
  • Панель управления CPanel (демо)
  • Поддержка .htaccess
  • Cron — планировщик задач
  • PhpMyAdmin
  • Редактор типов MIME
  • Доступ к Raw Log файлам
  • Доступ к Error Logs
  • Sendmail
  • Редактор страниц ошибок
  • Библиотеки GD / cURL
  • ImageMagick
  • SSH доступ (по запросу, в старших тарифах)
  • SSL сертификат/ выделенный IP (опционально)

Автоустановщик популярных скриптов :

Автоматическая установка в 2 клика — более 300 популярных бесплатных скриптов. (CMS, Блоги, Магазины, Управление Контентом, Форумы, Галереи, Формы Обратной связи, Объявления и многое другое…

Посмотреть все скрипты…

Пакет продвижения :


Инструменты веб-мастера: Search Engine Submitter, Analyzer, Position cheker.
Статьи и ссылки: Раскрутка, Маркетинг, Поисковая оптимизация.
Бесплатный кредит на рекламу в Yahoo! и Microsoft AdCenter.
Коллекция программ для вебмастера.

Руководства по использованию WordPress :

Дополнительные услуги:

Регистрация 1 доменабесплатно
Регистрация дополнительных доменовот $6.95 в год
Дополнительные дисковое место$1/3Gb в месяц
Выделенный IP$29 в год
SSL сертификаты$49 в год
Дополнительные сайт в аккаунт (больше, чем установленно в плане)$1 в месяц

 

 

Хороший хостинг — залог правильной и стабильной работы любого ресурса, вне зависимости от нагрузок.
AvaHost предлагает Вам высококачественные услуги по автоматическому созданию качественных сайтов, готовых к работе + создание хостинг-аккаунта!
Одной из самых популярных услуг можно смело назвать wordpress хостинг.
Почему стоит воспользоваться услугами именно нашей компании?

    • Вы получаете готовый к работе ресурс;
    • Большой выбор готовых шаблонов, которые можно настроить «под себя»;
    • Наличие популярной профессиональной системы управления CMS;
    • Множество неограниченных возможностей;
    • Бесплатные шаблоны;
    • Добавление любых модулей;

Мы предоставляем возможность нашим клиентам не только создать сайт на WordPress, но поставить его на хостинг по самым лояльным предложениям.
Для работы с сайтом Вам не потребуются специализированные знания, ведь система управления CRM обладает простотой, но в то же время, функциональностью. Вы самостоятельно сможете оформить структуру сайта, добавлять разнообразные модули и другое.
Хостинг сайта wordpress подойдёт для сайтов любой сложности и не заставит «ломать голову».
Хотите упростить задачу? Закажите готовый шаблон, который Вы сможете усовершенствовать на свой вкус!

Хостинг на WordPress

AvaHost предлагает Вам лучший хостинг для wordpress — быстро, доступно и надёжно!
Какими преимуществами обладает наш хостинг? В первую очередь, наличие необходимых модулей для СЕО-оптимизации, соц. сервисы, далее — устанавливаем шаблон, выбранный заказчиком, в итоге Вы получаете работоспособную платформу с выбранным Вами доменом.
Вас удивит простота управления сайтом и хостинг аккаунтом, к которому можно создать почтовый ящик и другое.
AvaHost позаботился о том, чтобы Вам было просто и комфортно осуществлять любые настройки, а также работать с созданными платформами.
Есть вопросы? Свяжитесь с нашей службой поддержки, мы на связи 24/7!

WordPress. Создать хостинг

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

WordPress обзор | аналоги, отзывы

Описание

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

Особенности

WordPress
  • WordPress имеет открытый исходный код.
  • Написан на языке PHP
  • Имеет довольно ограниченный встроенный функционал, но наличие огромного количества пакетов расширений позволяет создавать на этой CMS не только персональные блоги, но и достаточно серьёзные Интернет-проекты.
  • Сервер базы данных — MySQL.
  • Выпущена под лицензией GNU GPL версии 2.
  • Основная сфера применения — от блогов и сайтов до достаточно сложных новостных ресурсов и агрегаторов.
  • Есть плагины ВордПресс, которые позволяют создавать Интернет-магазины, маркетплейсы, CRM/ERP системы и т.д.

 

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

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

 

Возможности

WordPress
  • Локальная установка. WordPress предназначен для установки на вашем собственном Web-сервере, или на сервере вашего хостера, который предоставляет вам полный контроль над Вашим блогом. В отличие от других служб, предоставляющих услуги хостинга, здесь вы можете быть уверены, что сможете в случае необходимости получить полный контроль над вашим блогом. Это также означает, что вы можете установить WordPress на обычный домашний компьютер или развернуть его в сети Интранет.
  • Переносимая основа. Вы можете выбирать, как строить дерево связанных файлов WordPress, которые формируют рабочую среду (back-end) вашего публикуемого блога, и эти файлы могут находиться в той же директории, что и блог — или в другом месте.
  • Совместимость с UTC. WordPress позволяет вам определять ваше время как смещение относительно Универсального Координированного Времени (UTC), и, следовательно, все элементы, связанные со временем, сохраняются в базе данных со занчениями GMT, являющегося универсальным стандартом. Среди прочих вещей это позволяет отображать корректное время в вашем блоге, даже если ваш сервер находится в другой временной зоне.
  • Поддержка gzip. Вы можете сэкономить трафик, включив режим gzip в настройках WordPress. WordPress автоматически упаковывает содержимое страниц для отправки с помощью gzip, если браузер посетителя сайта поддерживает эту функцию. Для работы функции gzip необходимо включить модуль mod_gzip в настройках вашего веб-сервера Apache.
  • Управление пользователями. WordPress использует контроль на уровне пользователей при доступе к различным возможностям, так что вы можете ограничить возможность каждого пользователя создавать или править содержимое вашего блога, меняя его уровень доступа.
  • Профили пользователей. Каждый пользователь вашего блога может настроить свой профиль(например, адрес электронной почты, мессенджеры и т.д.), если пожелает. Так же пользователи могут управлять отображением этих данных в блоге.
  • Динамическая генерация страниц. Страницы не нужно перестраивать каждый раз после обновления информации или изменения любого из аспектов блога. Все страницы генерируются с использованием базы данных и шаблонов (templates) каждый раз, когда страница вашего блога запрашивается браузером. Это значит, что обновление вашего блога или его дизайна происходит настолько быстро, насколько это возможно, и требумое дисковое пространство на сервере минимально.
  • Интернационализация и локализация. Теперь вы можете создать блог, локализованный под ваши нужды и отображаемый на нужных вам языках. Для перевода и как можно более полной локализации WordPress используется gettext.
  • Подача материала (Feeds). Спецификации RSS 1.0 (aka RDF), RSS 2.0 и ATOM полностью поддерживаются WordPress, и, следовательно — каждой страницей вашего блога.
  • Постоянные адреса страниц. URL-адреса для всех страниц вашего блога могут быть сделаны так, чтобы соответствовать концепции Friendly URL (в народе просто ЧПУ). Чистые URL, имеют важное значение для поисковой оптимизации и улучшения пользовательского восприятия.
  • Межблоговый обмен информацией. WordPress поддерживает Pingback и TrackBack, два очень полезных способа для подключения к другим блогам и предоставление возможности подключаться к вашему.
  • Шаблоны управляют дизайном. WordPress использует шаблоны для генерации динамических страниц. Вы можете управлять отображением содержания путем редактирования шаблонов с помощью инструмента Редактор шаблонов и Теги шаблонов.
  • Шаблон и Редактор файлов. В WordPress встроен редактор файлов, который можно использовать для редактирования шаблонов и связанных с ним файлов, прямо в браузере, без необходимости скачивать их для редактирования или иметь к ним доступ по FTP.
  • Теги шаблонов. Теги шаблонов облегчат дизайн страниц и представление информации на вашем блоге. Вам даже не нужно быть PHP программистом, чтобы создать свой блог.
  • Темы. Вы можете оформить ваш блог с помощью легко доступных тем и стилей. Также вы можете создавать и совместно использовать собственные темы.
  • Плагины. Вы можете расширить функциональность ядра вашего блога. Большое количество плагинов доступно для скачивания в разделе Plugins.
  • Защита паролем. Если вы хотите делиться чем-то с некоторыми людьми, но не со всеми, просто защитите статью паролем.
  • Индивидуальные адреса страниц. Если вы используете чистые URL на своём сайте, то можете задавать каждой странице свой индивидуальный адрес.
  • Написать в будущем. Вы можете создать статью сегодня, но установить дату публикации на другое число. Она появится автоматически.
  • Многостраничные статьи. Если текст статьи получился слишком длинный, вы можете разбить его на страницы.
  • Загрузка файлов. Вы можете загружать файлы и указывать ссылки или отображать (если это картинки) их в своей статье. Так же имеется опция создания превью картинок в момент загрузки на сервер.
  • Категории. Организовывайте свои статьи в категории и множественные подкатегории.
  • Смайлы. WordPress умеет преобразовывать символьные смайлы в графические иконки.
  • Черновики. Вы можете сохранить свою незавершенную статью, а когда она будет готова, опубликовывать.
  • Предпросмотр статей. Перед нажатием кнопки «Опубликовать», вы можете посмотреть на свою статью и убедится, что она выглядит так как вы хотели, нажав кнопку «Посмотреть».
  • Публикация через специальные программы. Если у вас нет возможности использовать браузер для обновления вашего блога, вы можете использовать специальные программы поддерживающие MetaWeblog или Blogger API.
  • Публикация через email. Вы можете отправлять сообщения на специальный email и они автоматически будут опубликованы в блоге.
  • Боковая панель. Если вам не нравятся закладки, используйте боковые панели, которые могут быть использованы таким же образом.
  • Форматирование. Для привлекательности ваших статей вы можете использовать предустановленный в WordPress плагин для редактирования внешнего вида содержания.
  • Архивация. После продолжительного ведения блога в нём может накопиться много статей. Архивация в WordPress предоставляет возможность организовывать их вывод в удобной для пользователя форме. Можно выбрать к показу статьи за определённый год, месяц, неделю, день, какой-то категории или автора. Страницы будут генерироваться автоматически при помощи специального шаблона.
  • Поиск. WordPress имеет встроенный поисковый инструмент, который позволяет посетителям вашего блога искать по терминам интересующую и информацию. Так же при помощи плагина «search-hilite plugin» поставляемого с WordPress можно задавать условия поиска. В дополнение к этому, плагин также делает то же самое для тех, кто приходит в ваш блог, нажав на результат поиска в поисковых системах, таких как Google.
  • Создание сообщества. WP не YMCA, но он действительно помогает создавать сообщества вокруг блогов при помощи комментариев, trackback и pingback систем. Помогая вам поддерживать связь с аудиторией и укреплять дружеские отношения.
  • Разрешённые html теги. Не у всех есть благие намерения, поэтому следует ограничивать использование некоторых тегов. По умолчанию HTML-теги разрешены. WordPress умная система, которая позволит людям использовать HTML в своих комментариях не ставя под угрозу безопасность ваших данных или данных сервера.
  • Модерирование. WordPress предоставляет варианты контроля:
    • комментариев перед добавлением их в блог.
    • использование специфических слов в них.
    • IP адреса с которых можно отправлять комментарии.
    • количество ссылок в комментарии.
  • Уведомление. WordPress может оповещать вас о новых комментариях или комментариях ожидающих модерации.
  • Blogroll. Вы можете создавать список ссылок на блоги, которые вы часто читаете и делиться ими со своими пользователями. Для этого в WordPress есть встроенный менеджер ссылок.
  • Категоризация. Ссылки в вашем Blogroll могут быть организованы с помощью категорий.
  • Импорт. Если у вас есть OPML файл, то вы можете импортировать его в WordPress блог.
  • Экспорт. Также можно экспортировать ссылки в OPML файл.
  • Отображение. Можно настраивать отображение ссылок так, как вам хочется. Сортировать их по алфавиту, дате добавления и т.д — всё ограничивается только вашей фантазией.

Аналоги и альтернативы для WordPress

WordPress — похожие решения и продукты

Tap.link

tap.link — это мультиссылка для Instaram, которая позволяет объединить все ссылки из соц.сетей и мессенджеров в один сайт

ContactMe

Бесплатный конструктор мультиссылок и микролендингов

Publii

Статическая CMS с графическим интерфейсом для создания HTML-сайта

Totum

Totum — open source конструктор CRM/ERP и произвольных учетных систем (PHP + PgSQL)

SpreadSimple

SpreadSimple — это сервис, позволяющий создавать и управлять сайтами, используя данные из Google Sheets

Sheet2Site

Sheet2Site — сервис, который помогает создать сайт на основе данных из Google Таблиц

Plone

Plone — открытая система управления содержанием (CMS). Работает с использованием сервера приложений Zope, написанного на языке программирования Python

Contentful

Contentful — это платформа управления контентом, которая позволяет легко публиковать контент на разных платформах

Google Sites

Google Apps — это упрощённый бесплатный хостинг на базе структурированной вики. Может использоваться как часть упрощённый бесплатный хостинг на базе структурированной вики. Может использоваться как часть Google Apps

Ench

Ench — это конструктор сайтов для смартфонов

stepFORM

stepFORM — универсальный онлайн-конструктор, который предлагает быстро и просто собрать опросы, калькуляторы и другие формы для сайтов

Eshoper

Eshoper — это профессиональная CMS интернет-магазина. Для малого и среднего бизнеса для создания интернет-магазинов до 1 000 000 товаров

ExpressionEngine

ExpressionEngine — коммерческая мультисайтовая система управления контентом, построенная на фреймворке CodeIgniter

Craft CMS

Craft CMS – многофункциональная платформа с открытым исходным кодом

Bolt CMS

Bolt CMS – современная система управления контентом, цель который быть максимально понятной и простой

Стоимость, Цены и Тарифы

Бесплатная система. Плюс множество платных модулей (плагинов и тем)

Сравнение WordPress и похожих решений

Рассмотрим плюсы и минусы, преимущества WordPress относительно других решений

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

WordPress пока недосягаем по числу сайтов. Ближайшие конкуренты Joomla! и «1С-Битрикс». Tilda забирает пользователей у крупных коробочных CMS.

Сравнение 5 популярных CMS (WordPress, 1С-Битрикс, Joomla!, OpenCart, Drupal) : особенности, плюсы, минусы

Согласно аналитическим исследованиям, в марте 2020 года лидирующие позиции в рунете среди CMS заняли WordPress, 1С-Битрикс, Joomla!, OpenCart и Drupal. Разберемся, какие […]

Как я перешёл с Django на WordPress

Уважаемые читатели, я решил поделиться своими мыслями по поводу того, как я решил сменить стек на одном из своих проектов с Django […]

Сравнение 6 лучших плагинов WordPress LMS

Вы ищете плагин LMS для вашего сайта WordPress? Плагины системы управления обучением (LMS) позволяют создавать и запускать онлайн-курсы, такие как Udemy с […]

Сравнение Symfony vs WordPress

Эти 2 платформы выбраны не случайно. Каждая из них является лидером в своей категории. Симфони — лидер среди программистов ВордПресс — лидер […]

Смотреть все сравнения с WordPress

Блог, обзоры, новости

Своими руками за пару часов: как создать сайт для учителя

Сайт для педагога — один из крутых способов продвигать свои услуги. И применений ему море: например, если вы частный специалист, репетитор и […]

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

Известно, что правильно подобранный домен не только производит хорошее впечатление на пользователя, но и повышает узнаваемость бренда. В этой статье мы поделимся […]

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

Заражение сайта вирусами — риск, который есть практически у каждого ресурса, что может привести к серьёзным последствиям: сбоям в работе сайта, краже […]

Хостинг WordPress: обзор лучших провайдеров от бесплатных до профессиональных

Специально для Вас мы собрали в рейтинг хостингов для WordPress с отзывами от разработчика с 10 годами опыта. Данные провайдеры отлично подойдут […]

WordPress 5.8 — что нового? Возможности и скриншоты

Релиз WordPress 5.8 готовился к 20 июлю 2021. Это второй крупный релиз за этот год, которые несет с собой много новых возможностей […]

Посмотреть блог по теме: WordPress

Как создать сайт: пошаговое руководство

Создание сайта очень просто в 2021.

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

Следуйте правильному методу. Выберите правильные платформы. Используйте правильные инструменты. Вы получите штраф 100%.

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

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

Создать сайт можно тремя способами:
  1. Создание с нуля
  2. Использование системы управления контентом (CMS)
  3. Использование построителя веб-сайтов

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

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

Мы рассмотрим каждый из этих трех методов и все шаги, описанные ниже.

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

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

Самый простой способ поиска и регистрации домена — перейти к регистратору домена.

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

Где зарегистрировать свой домен

Вот некоторые авторитетные регистраторы доменов и их стартовая цена для рассмотрения.

Советы

  • Если вам сложно определить доменное имя, вы всегда можете использовать генераторы доменных имен для идей. Некоторые из наиболее популярных: Wordroid и Lean поиск доменов.
  • Если вы новичок, я рекомендую пойти в Namecheap найти и купить доменное имя.
  • Также прочитайте — Доменное имя для чайников.

2. Купить веб-хостинг

A веб-хостинга это большой компьютер (он же сервер), на котором хранятся ваши сайты. Некоторые гигантские компании, такие как Amazon, IBM и FB, владеют своими веб-серверами и управляют ими; другие компании просто арендуют свои серверы у хостинг-провайдера (что намного дешевле и проще).

Примечание. Пропустите этот шаг, если вы выбираете создателя веб-сайта для создания своего сайта (см. шаг #3).

Какие у вас варианты хостинга?

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

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

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

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

Советы

  • Существуют разные виды хостинга Доступны: виртуальный хостинг, выделенный серверный хостинг и облачный / VPS-хостинг.
  • Если у вас небольшой веб-сайт, дешевле выбрать план виртуального хостинга. Для больших сайтов рекомендуется использовать облачный или выделенный хостинг.
  • Некоторые ключевые качества, которые необходимо учитывать перед выбором веб-хостинга, — это удобство использования, цены, скорость сервера и время безотказной работы. 
  • На сегодняшний день мы подписали, протестировали и рассмотрели больше, чем хостинговые компании 60. Смотрите нашу выбор хостинга 10 or полный список обзоров хостинга.
  • Рассмотрите возможность использования конструктора магазинов, например Shopify or BigCommerce если вы планируете продавать товары прямо со своего сайта.
  • Также прочитайте — Сколько стоит заплатить за ваш веб-хостинг

В самом начале

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

3. Создайте свою веб-страницу

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

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

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

Метод #1: создание веб-сайта с нуля

Требуемые навыки и инструменты

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

В противном случае рекомендуется перейти к методу #2 / 3; или, свяжитесь с веб-разработчиком.

Основные веб-языки / инструменты, которые вы должны знать:
  • HTML (Hyper Text Markup Language)
    HTML — это основная структура веб-страниц и веб-приложений, которая делает контент семантическим для веб-браузера. Он состоит из последовательных тегов, которые имеют открывающую и закрывающуюся, и структурно ключевое слово, заключенное в угловые скобки. Пример:
  • CSS (каскадные таблицы стилей)
    CSS — это стиль, который используется для оформления разметки HTML на веб-странице. Без CSS веб-страница будет выглядеть не что иное, как большая белая страница с некоторым неупорядоченным текстом и изображением на нем. CSS — это то, что делает страницу идеально, как мы хотим.
  • Языки скриптов
    HTML и CSS — это ничего, кроме языков сценариев, потому что они не являются интерактивными. Чтобы создать динамическую веб-страницу, которая будет отвечать пользователям, вам нужны такие языки, как JavaScript и jQuery. Серверные языки, такие как PHP, Python и Ruby, также могут понадобиться с течением времени.
  • Управление базами данных
    Для хранения, управления и доступа к пользовательским данным на веб-сайте рассматривается большая таблица информации, которая называется базой данных. Система управления базами данных, такая как MySQL, MongoDB и PostgreSQL, используется на стороне сервера для эффективного выполнения этой задачи.
  • FTP (протокол передачи файлов)
    FTP используется для более простого переноса исходных файлов веб-сайта на его размещенный сервер. Существуют веб-серверы, а также FTP-клиенты на базе программного обеспечения, которые можно использовать для загрузки своих файлов на серверный компьютер.
Пошаговый процесс создания веб-сайта с использованием IDE

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

Шаг 1. Настройте локальную рабочую среду 

Снимок экрана рабочей среды Subline Text.

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

Sublime Text и атом являются некоторыми из основных IDE для веб-разработки, поддерживающих HTML, CSS, JS, PHP, Python и аналогичные веб-языки.

С другой стороны, существуют расширенные IDE, такие как Adobe Dreamweaver который предлагает несколько других функций (например: подключение к серверу, FTP).

Шаг 2: план и дизайн вашего сайта с помощью Adobe Photoshop

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

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

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

Шаг 3: Кодифицируйте дизайн с помощью HTML и CSS

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

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

Шаг 4: сделать его динамическим с помощью JavaScript и jQuery

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

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

Шаг 5: загрузка локальных файлов на сервер с помощью FTP-клиента

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

Сначала загрузите FTP-клиент на свое компьютерное устройство и подключите его к вашему веб-серверу с помощью учетной записи FTP. После того, как вы успешно подключили его к учетной записи FTP, скопируйте все локальные файлы в корень вашего веб-каталога. Некоторые хорошие FTP-клиенты FileZilla, WinSCP и Cyberduck.

Метод #2: создание веб-сайта с помощью CMS

Требуемые навыки и инструменты

  • Knwoledge: базовая работа компьютера и Интернета; HTML, CSS и PHP (не обязательно, но лучше, если вы знаете основы)
  • Инструменты: WordPress, Joomlaи Drupal

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

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

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

Быстрые сравнения

ОсобенностиWordPressJoomlaDrupal
ЦенаБесплатноБесплатноБесплатно
Применение311,682 млн26,474 млн31,216 млн
Бесплатные темы4,000+1,000+2,000+
Бесплатные плагины45,000+7,000+34,000+

Также прочитайте — Сравнение лучших CMS — WordPress против Joomla против Drupal

WordPress

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

Эта платформа является институциональной для новичков, а также в значительной степени способна развиваться различными классами веб-разработчиков. Он имеет множество бесплатных плагинов и тем в своем собственном репозитории. Для того, чтобы быть выбором #1 CMS, на стороне доступно множество сторонних ресурсов.

Выбор тем WordPress.

Плюсы

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

Минусы

  • Требуется код для основных визуальных настроек
  • Обновления могут вызвать проблемы с плагинами

Узнать больше

Joomla

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

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

Как и в WordPress, в Joomla есть несколько стилей и шаблонов, которые могут быстро придать вашему сайту особый вид. Но из всех трех систем управления контентом Joomla предлагает самое простое решение, когда дело доходит до создания социальной сети. С такими платформами, как EasySocial и JomSocial, вы в нескольких минутах ходьбы от своего собственного веб-сайта социальной сети.

Внутри системы Joomla.

Плюсы

  • Более технически совершенный
  • Веб-сайты обычно работают лучше
  • Безопасность на уровне предприятия

Минусы

  • Модули трудно поддерживать
  • CMS среднего уровня — Не так просто, как WordPress, не так продвинуто, как Drupal

Подробнее

Drupal

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

Однако это также наиболее сложно использовать. Благодаря своей гибкости Drupal является второй наиболее используемой CMS в мире, но она не является фаворитом среди новичков. Чтобы успешно создать «полный» веб-сайт с помощью Drupal, вам нужно загрязнить руки и изучить основы кодирования. Знать свой путь вокруг CMS также сложно для новичков.

Установка нового Drupal — несмотря на сложные функции в Drupal, CMS предлагает простой минималистичный интерфейс.

Плюсы

  • Легко обучаема
  • Большой справочный портал
  • Обновления легко интегрируются
  • Больше встроенных опций

Минусы

  • Крутая кривая обучения на начальном этапе — рекомендуется для опытных пользователей

Подробнее

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

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

Шаг 1: найдите установщик WordPress на панели веб-хостинга

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

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

Некоторые хостинг-провайдеры (пример: SiteGround) используйте интегрированные инсталляторы в панели управления пользователя (экран, который вы видите сразу после входа в cPanel). В этом случае просто попробуйте найти заголовок, который включает в себя «WordPress».

Шаг 2: установите WordPress через установщик

Softaculous — самый популярный автоинсталлятор, и он представлен на cPanel. Я проведу вас через установку через Softculous. Другие инсталляторы почти одинаковы.

Нажмите «Неаккуратно», а затем нажмите «Установить» над WordPress, чтобы начать установку.

Здесь важная часть.

Настройте параметры следующим образом: оставьте остальные поля в конфигурации по умолчанию (позже выберете) и нажмите «Установить».

  • Протокол: вам нужно решить, хотите ли вы установить http: // или http: // www. версии URL. Что бы вы ни выбрали, вы не увидите большой разницы. С технической точки зрения, http: // www. лучше с точки зрения гибкости и управления файлами cookie. Обратите внимание: если у вас есть действительный сертификат SSL и вы хотите установить WordPress, просто выберите https вместо http.
  • Домен: выберите домен, на котором вы хотите установить веб-сайт.
  • Directory: укажите, где вы хотите установить сайт WordPress. Если вы хотите установить его на свой корневой URL (например: http://www.yourwebsite.com/), сохраните его пустым. Если вы хотите его на суб-URL (например: http://www.yourwebsite.com/myblog/), укажите каталог в этом поле.
  • Учетная запись администратора: укажите свое имя пользователя, пароль и адрес электронной почты, которые вы будете использовать для входа на ваш сайт WordPress.

Если вы преуспели в последних шагах, сделайте хорошо. Ваш сайт в прямом эфире!

Теперь войдите в свой сайт WordPress. Страница входа вашего сайта будет выглядеть как wp-login.php, завершающий установленный вами URL-адрес веб-сайта.

Шаг 3: установите тему и некоторые важные плагины

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

В каталоге WordPress имеется множество бесплатных готовых тем.

Чтобы просмотреть эти бесплатные темы, выберите «Внешний вид> Темы> Добавить новую», найдите тему, которая соответствует вашим требованиям, и нажмите кнопку установки.

Каталог тем WordPress.

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

Для плагинов выберите «Плагины> Добавить новый».

Найдите и установите необходимые вам плагины. 3rd Плагины Party также можно установить из раздела «Загрузить плагин».

Плагин WordPress.

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

  • Для SEO: Yoast SEO, все в одном пакете SEO
  • Для безопасности: безопасность iThemes, безопасность Wordfence
  • Статистика сайта: Jetpack от WordPress.com, Google Analytics для WordPress от Monster Insights
  • Для создания формы: Контактная форма 7
  • Для производительности: общий кеш W3, WP Super Cache

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

Также прочитайте — Плагины 9 Essential WordPress для новых сайтов WP

Шаг 4: Вы готовы!

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

  • В разделе «Настройки»> «Общие»: установите заголовок сайта и слоган.
  • В разделе «Настройки> Чтение»: что должно отображаться на вашей домашней странице и сколько сообщений в блоге вы хотите отображать на одной странице.
  • В разделе «Настройки»> «Постоянные ссылки»: установите структуру URL-адресов вашего сообщения в блоге.
Основные настройки для нового сайта WordPress.

Метод #3: создание веб-сайта с разработчиками сайтов

Требуемые навыки и инструменты

  • Knwoledge: базовая работа компьютера и Интернета
  • Инструменты: Wix и Weebly

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

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

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

Wix

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

Они предлагают гибкий редактор сайтов Drag & Drop, который всегда виден поверх контента. Вы можете перетащить один элемент из списка и добавить его в любое место на веб-сайте для добавления. Любой видимый элемент на нем можно перемещать или редактировать.

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

Также прочитайте — Наш всесторонний обзор Wix.

Weebly

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

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

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

Также прочитайте — Наш углубленный обзор Weebly.

Пошаговый процесс создания веб-сайта с использованием Wix

Шаг 1: Зарегистрируйтесь для Wix

Создайте учетную запись на Wix.com.

Существует 5 премиальных планов и 1 бесплатный (цены варьируются от 0 до 24.50 долларов в месяц). После успешного создания сайта вы увидите варианты обновления.

См. Планы Wix и цены здесь.

Wix.

[/ C8]

Я рекомендую базовый платный план Wix — Combo. План Wix Combo (8.50 долларов США в месяц) включает бесплатное доменное имя, больше ресурсов ЦП и отсутствие рекламы Wix.

Шаг 2: выберите шаблон

Wix спросит вас, как вы хотите создать веб-сайт. Самый быстрый способ, который они могут предложить, — это Wix ADI (Intelligence Design Intelligence), который не очень плодотворен в конце.

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

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

После поиска темы Wix, которая вам нравится, нажмите «изменить», чтобы продолжить.

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

Шаг 3: создайте свой сайт с помощью Wix Website Builder

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

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

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

Шаг 4: Публикация веб-сайта

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

Рекомендуется еще несколько настроек.

Перейдите в панель управления Wix> Управление и редактирование сайта и настройте SEO, Favicon, Social и Upgrades по мере необходимости.

Настройте свой сайт Wix.

И как только вы закончите с этими основными настройками — ваш сайт готов.

4. Проверка и тестирование вашего сайта.

Когда ваш веб-сайт будет готов, самое время проверить и протестировать, как он работает в основных браузерах (Chrome, Firefox, Safari, Microsoft Edge, IE 11 и т. Д.), А также на экранах разных размеров.

Мы можем запустить эти тесты с помощью бесплатных онлайн-инструментов.

Проверка разметки

Что такое проверка разметки? У языков программирования или скриптов, таких как HTML, PHP и т. Д., Есть свои собственные форматы, словарный запас и синтаксис. Проверка разметки — это процесс проверки того, соответствует ли ваш сайт этим правилам.

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

5. Тонкая настройка и рост

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

Точная настройка скорости веб-сайта

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

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

Улучшение видимости веб-сайта в поиске

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

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

Для получения дополнительных советов по SEO, прочтите наше руководство для чайников по SEO.

Внедрить HTTPS

С тех пор, как Google Chrome начал маркировать HTTP-сайты как «Небезопасные», SSL сертификат стало большим делом. Чтобы убедиться, что вашему сайту «доверяют» пользователи — необходимо HTTPS-соединение.

Добавьте важные страницы

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

Главная

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

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

О странице

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

Пример — страница «О нас» Bulldog Skincare отправляет приятное и запоминающееся сообщение.

Контакт

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

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

Ваш веб-сайт также должен присутствовать в социальных сетях, где тусуется большая часть вашей целевой аудитории. Для нашего сайта это означает Facebook и Twitter. Для других это может быть LinkedIn, Tumblr или Pinterest.

Добавить значок

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

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

Часто задаваемые вопросы по созданию сайта

Бесплатный ли конструктор сайтов GoDaddy?

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

Какой самый простой конструктор сайтов для начинающих?

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

С чего начать при создании сайта?

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

Сколько времени занимает кодирование сайта?

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

Сделай это прямо сейчас!

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

Возможности PayKeeper — Документация, API, статьи и инструкции

Служба технической поддержки

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

Вставка формы оплаты в сайт

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

<iframe src=»http://127.0.0.1/form/»></iframe> <!—Где нужно заменить 127.0.0.1 на адрес вашего PayKeeper—>

<iframe src=»http://127.0.0.1/form/»></iframe>

<!—Где нужно заменить 127.0.0.1 на адрес вашего PayKeeper—>

Вставка формы на сайт при помощи одной строки HTML-кода

Аналогичным образом можно создать любую собственную HTML-форму, передающую любые параметры.
Пример HTML Формы:

<form method=’POST’ action=’https://demo.paykeeper.ru/create/’ > Введите сумму оплаты: <input type=’text’ name=’sum’ value=’100’/> <br /> Введите номер заказа: <input type=’text’ name=’orderid’ value=’123456’/> <br /> Введите номер телефона: <input type=’tel’ name=’client_phone’ value=»/> <br /> <input type=’submit’ value=’Перейти к оплате’ /></form>

<form method=’POST’ action=’https://demo.paykeeper.ru/create/’ >

    Введите сумму оплаты: <input type=’text’ name=’sum’ value=’100’/> <br />

    Введите номер заказа: <input type=’text’ name=’orderid’ value=’123456’/> <br />

    Введите номер телефона: <input type=’tel’ name=’client_phone’ value=»/> <br />

<input type=’submit’ value=’Перейти к оплате’ /></form>

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

 


Выставление счета на электронную почту

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

Видеоинструкция по выставлению счёта

Руководство по использованию коммерческих тем и плагинов WordPress — Джино • Журнал

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

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

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

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

Вопросы лицензирования и оплаты

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

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

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

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

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

Когда клиенты в беде

Одна из самых больших проблем с платным программным обеспечением на платформе 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, где сможете выбрать один из четырех планов.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Плагин HubSpot WordPress: с легкостью добавляйте всплывающие окна, формы и чат в реальном времени на ваш сайт WordPress.И в качестве дополнительного бонуса соедините этот плагин или другие плагины CRM с вашей HubSpot CRM.
  • Календарь событий: простой календарь событий, который упрощает планирование событий с вашего сайта.
  • 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: 8 простых шагов

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

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

1. Измените заголовок и слоган сайта

Когда вы настраиваете свой сайт, WordPress автоматически устанавливает заголовок вашего сайта «Просто еще один сайт WordPress» (мы знаем, немного грубо).

Но вы не «просто еще один сайт WordPress», поэтому убедитесь, что вы прояснили это четко!

  1. Войдите в свою панель управления WordPress.
  2. Перейдите в «Настройки», затем «Общие».
  3. Добавьте заголовок вашего веб-сайта рядом с «Заголовок сайта»
  4. Рядом с «Слоган» добавьте несколько слов, объясняющих, о чем ваш сайт.
  5. Нажмите «Сохранить изменения» ‘

2.Добавить меню навигации

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

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

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

3. Установите домашнюю страницу

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

В любом случае:

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

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

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

4. Изменить настройки комментариев

WordPress поставляется со встроенной функцией комментариев, для которой автоматически устанавливается значение «on» . Комментарии — отличный способ продемонстрировать заинтересованность и построить сообщество на сайте.

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

  1. Войдите в свою панель управления WordPress.
  2. Нажмите «Настройки», затем перейдите в «Обсуждение».
  3. Мы рекомендуем выбрать «Комментарий должен быть одобрен вручную». Таким образом, у вас есть выбор, публиковать комментарий или нет (новые появятся на вашей панели управления).
  4. Не забудьте нажать «Сохранить изменения»!

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

Как создать сайт на WordPress в 2021 году

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

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

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

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

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

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

С такими инструментами сегодня все просто. WordPress действительно может дать людям возможность создать веб-сайт с нуля в кратчайшие сроки. А источники вдохновения для веб-сайтов просто… повсюду в Интернете.

Вот шаги:

  1. Выберите ваше доменное имя
  2. Приобрести хостинг веб-сайта
  3. Ознакомьтесь с интерфейсом WordPress
  4. Установить тему WordPress
  5. Создайте свой сайт на WordPress
  6. Установить жизненно важные плагины WordPress

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

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

Сколько стоит сайт на WordPress?

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

  • Покупка домена: цены могут начинаться от 15 долларов в год
  • Приобретение хостинга: цены начинаются от 8 долларов в год
  • Тема
  • WordPress. Теперь, в зависимости от уровней настройки и количества функций, которые вы хотите включить, вы можете начать с 0 долларов.Если вы не хотите ограничиваться базовым веб-сайтом, годовые планы на тему WordPress будут стоить около 70 долларов.
  • плагинов для WordPress. Многие из них бесплатны, но если вам нужны расширенные возможности, вам нужно будет перейти на платный план.

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

Когда вы обновляете плагины, вы можете платить около 200-500 долларов в год.

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

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

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

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

Источник: https://unsplash.com/photos/N1XUwR8iOf0

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

Советы и рекомендации по выбору доменного имени веб-сайта

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

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

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

Теперь давайте взглянем на небольшой контрольный список для выбора доменного имени для вашего веб-сайта WordPress:

  • Составьте список ключевых слов, релевантных для вашего бизнеса / продукта.Подумайте, что должны чувствовать пользователи после использования продукта. Допустим, у вас есть линия продуктов для кожи на основе натуральных ингредиентов. Ваш список может содержать такие слова, как «кожа», «уход», «безопасный», «натуральный», «красивый», «свежий» и т. Д. Используйте такие инструменты, как Namelix или Novanym, для создания идей доменных имен.
  • Проверьте значение вашего вновь найденного доменного имени. Я всегда гуглил это так: «{вставить имя здесь} означает». Я закончу со словарными пояснениями. Затем я, , перехожу к изображениям Google и смотрю, как они сопоставляются.Может быть, есть певец с таким именем, персонаж из мультфильма манга и т. Д. Если да, вам нужно будет повторить процесс.
  • Найдите доменное имя в Facebook или LinkedIn , чтобы узнать, есть ли бизнес-страница с таким именем.
  • Проверьте, есть ли в продаже домен веб-сайта . Для многих сайтов лучшим доменом верхнего уровня (TLD) является «.com», за которым следуют «.org», «.net» или «.io».
  • Купите себе доменное имя . Вы можете сделать это через регистратора доменов, например GoDaddy, или через вашего хостинг-провайдера.

И это подводит нас к следующей главе.

2. Приобрести хостинг для веб-сайтов

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

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

Позвольте мне кое-что прояснить, прежде чем мы продолжим. Есть wordpress.com и wordpress.орг. Разница в том, что на WordPress.com вы можете разместить и создать веб-сайт. На WordPress.org вы обычно приобретаете темы и плагины для своего веб-сайта, который размещен в другом месте. Вы можете сравнить планы WordPres.com здесь.

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

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

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

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

Управляемый хостинг — это своего рода услуга «à la carte».Вы получите свой собственный физический сервер, и вы увидите повышение производительности и безопасности.

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

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

  • Стоимость
  • Хранилище
  • Поддержка
  • Производительность

У некоторых хостинг-провайдеров есть некоторые дополнительные функции, такие как предложение домена (например, Namecheap), конструктор веб-сайтов (например, GoDaddy), возможности электронной коммерции и т. Д.

Вы, наверное, заметили, что некоторые веб-сайты используют HTTP или HTTPS. Что с ними?

HTTP — это основа современного Интернета. Он соединяет браузеры и серверы и работает на основе запроса-ответа. Теперь дополнительная буква «s» означает, что соединение с веб-сайтом зашифровано, а данные, передаваемые на веб-сайт, безопасны.

Допустим, пользователь производит оплату на вашем веб-сайте или входит в учетную запись. Информация, которую вводит пользователь, будет частной. В безопасности от взлома.Это происходит с помощью технологии SSL, что означает «Secure Sockets Layer». Для потребителей вид «HTTPS» свидетельствует о доверии, потому что вы можете защитить их данные и конфиденциальность. Это означает, что вам потребуется приобрести сертификат SSL.

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

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

Как вы войдете на свой сайт? Очень просто. Просто введите в браузере адрес своего веб-сайта и добавьте к нему «/ wp-admin», как показано ниже.

3. Ознакомьтесь с интерфейсом WordPress

Панель управления WordPress состоит из 9 разделов. Давайте посмотрим на них.

Настройки WordPress

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

  • В разделе « Общие » вы можете настроить заголовок сайта, слоган, URL, часовой пояс, формат времени и даты, а также язык.
  • В разделе « Чтение » вы «указываете» WordPress, какая страница служит домашней страницей, а какая — вашим «блогом». Это важный шаг. Вы также можете выбрать, сколько сообщений в блоге может отображаться на странице или если вы хотите, чтобы ваш веб-сайт был проиндексирован Google.
  • В разделе « Обсуждение » вы собираетесь настроить комментарии в блоге.
  • Внутри « Media » вы можете установить максимальные размеры в пикселях для использования при добавлении изображения в библиотеку мультимедиа.
  • Внутри « Permalinks » вы установите формат своих URL.
  • Вы можете определить страницы своей политики конфиденциальности внутри « Privacy ».

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

страниц и сообщений WordPress

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

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

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

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

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

Теперь, как вы можете редактировать сообщение или страницу?

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

СМИ WordPress

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

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

Комментарии WordPress

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

Меню «Внешний вид»

На этом уровне вы можете:

  • Найдите, установите и активируйте тему (подробнее в следующей главе).
  • Настройте виджеты, чтобы добавить блоки контента на боковые панели, нижние колонтитулы и другие области вашего сайта.
  • Определите меню вашего сайта WordPress.
  • Добавьте фоновое изображение на свой сайт.
  • Отредактируйте код своей темы в «Редакторе тем» (рекомендуется, только если вы разработчик).

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

«Установить плагины» — еще один дополнительный пункт меню, добавленный темой Skyline.Здесь вы увидите несколько рекомендаций по плагинам, которые хорошо работают со Skyline.

Это приводит нас к следующему пункту меню.

Плагины

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

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

Пользователей

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

Инструменты

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

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

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

На этом мы завершили главу о панели управления WordPress.

Давайте займемся более интересным делом.

4. Как установить тему WordPress

Для этого вам нужно перейти на панель администратора WordPress, нажать «Внешний вид» в левом меню, затем «Темы».

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

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

В момент выбора темы нажмите «Установить», затем «Активировать».

Вы также можете активировать свою тему WordPress, если вернетесь в Внешний вид-> Темы.

Весь процесс установки также объясняется в нашем руководстве.

Теперь вы готовы к рок-н-роллу!

через GIPHY

5. Создайте свой сайт на WordPress

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

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

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

Как настроить тему? Просто зайдите в Внешний вид-> Настроить.

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

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

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

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

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

Что меняется? Вы получите доступ к большему количеству функций в Настройщике.

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

Итак, в следующей главе мы подробно расскажем, как:

  1. Создайте веб-сайт WordPress с помощью конструктора страниц WordPress
  2. Создайте сайт WordPress с помощью редактора WordPress по умолчанию

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

Конструкторы сайтов

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

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

Как изменить настройки веб-сайта в Настройщике

Посмотрите на левую боковую панель. Теперь прокрутите вниз до «Общие настройки».

Здесь вы можете настроить:

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

Как создавать контент в WordPress с помощью конструкторов

Как упоминалось ранее, если вы хотите создать новую страницу веб-сайта, перейдите в «Страницы» и выберите «Добавить новый». Вы будете перенаправлены в редактор WordPress по умолчанию, в котором вы дадите название своей странице. Затем выберите «Редактировать с помощью Colibri».

Если вы хотите отредактировать существующую страницу WordPress, просто нажмите «Редактировать в Colibri».

Как добавить разделы на свои страницы WordPress

Каждый знак «+» на левой боковой панели открывает окно с блоками и компонентами. Вы можете прокрутить вниз, пока не найдете дизайн, который вам нравится, или просто введите категорию. Вот категории, доступные в конструкторе Colibri: Hero Accent, О программе, Возможности, Контент, Призыв к действию, Блог, Счетчики, Портфолио, Фотогалерея, Отзывы, Клиенты, Команда, Контакт, Часто задаваемые вопросы и Цены.

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

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

Также есть возможность для «пустых» блоков.

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

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

Как настроить разделы вашей страницы WordPress

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

Оперативное редактирование текста на кнопках недоступно. Управлять ими можно будет на панели слева.

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

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

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

Давайте рассмотрим их по очереди:

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

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

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

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

А вот и самое интересное, ребята!

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

Вы можете создавать вариации в зависимости от состояния элемента: нормальное или зависшее.

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

Это означает, что вы можете более детально редактировать.

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

Как использовать компоненты на вашем сайте WordPress

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


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

Скорость реагирования на мобильные устройства

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

Вы также можете скрыть определенные функции на мобильном телефоне, например, в «расширенных» параметрах.

Как создать меню в настройщике WordPress

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

Здесь вы можете создать свое меню.

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

При выборе «Далее» вы сможете добавлять свои страницы в меню с помощью параметра «Добавить элементы». Нет ничего проще.

Как работать с виджетами WordPress

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

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

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

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

Это как бы то ни было. Поздравляем, ваш сайт WordPress запущен и работает!

Теперь давайте проверим другой метод создания сайтов в WordPress.

B. Как создать веб-сайт WordPress с помощью редактора WordPress по умолчанию (Gutenberg)

Я сделаю это очень быстро. Этот редактор все еще является новым в WordPress (он является редактором WordPress по умолчанию с декабря 2018 года), но он постоянно развивается благодаря вкладу сообщества.

Классический редактор WordPress выглядел так:

Теперь у нас:

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

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

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

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

Существуют инструменты, такие как Kadence, которые могут вам помочь, но мы еще не достигли этого.

6. Установите важные плагины WordPress

Экосистема WordPress состоит из тем и плагинов

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

Это очень короткое руководство по установке плагина.

Наши рекомендации по плагинам

Тип плагина Что он делает Рекомендация
Конструктор WordPress Предоставляет вашей теме функции перетаскивания Колибри
Плагины SEO для WordPress Минимальные изменения веб-сайта, которые могут помочь ему занять органическое место Yoast SEO
Плагины WordPress Forms Используйте формы для сбора ценных данных пользователей (разумеется, с их согласия). Форминатор
Электронный маркетинг Разрабатывайте маркетинговые кампании, чтобы оставаться на связи со своими подписчиками и клиентами. Mailchimp для WordPress
Плагины безопасности Удаление вредоносных программ и защита от несанкционированного входа. Реактивный ранец
Плагины WordPress для электронной коммерции Чтобы помочь вам создать интернет-магазин. WooCommerce
Менеджер медиабиблиотеки Чтобы помочь вам организовать ваши СМИ. FileBird
Антиспам Не позволяйте своему сайту публиковать вредоносный контент. https://akismet.com/
Аналитика Помогает понять ваш трафик и поведение пользователей. Google Analytics

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

И ваши посетители, и Google очень заботятся о скорости вашего сайта.

Почему Google?

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

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

Согласно исследованию Google 2018 года, 53% мобильных пользователей покидают сайт, загрузка которого занимает более 3 секунд (Holy Moly!).

И взгляните на это!

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

Я выбрал 2 непринужденных решения (их гораздо больше, но довольно технических).

● Оптимизация изображений
Изображения на ваш сайт не должны загружаться в исходном размере. Также попробуйте использовать PNG вместо JPEG (у них меньше цветов).
Smush — наш предпочтительный плагин WordPress для сжатия изображений. Вы не увидите заметного снижения качества, а скорость загрузки страницы будет оптимизирована.

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

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

Хотите узнать больше о том, как работает кеширование? Читайте здесь.

Мы рекомендуем следующие инструменты:
➔ W3 Total Cache (W3TC) улучшает SEO и удобство использования вашего сайта за счет повышения производительности сайта и сокращения времени загрузки.
➔ Колибри. У него также есть некоторые дополнительные функции, которые нам нравятся, например, сжатие файлов Javascript, HTML и CSS.

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

Бонус: советы и рекомендации по UX-дизайну

Помните, как я говорил «нет предела» с конструкторами страниц WordPress?

Ну… всегда есть «но». При разработке веб-сайта вы всегда должны иметь в виду свою аудиторию
или личности покупателя (как любят говорить маркетологи). Вы должны предоставить им отличный опыт на своем веб-сайте, это то, что означает UX (пользовательский интерфейс).

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

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

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

Визуальная иерархия

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

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

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

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

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

Простая навигация

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

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

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

Та же цветовая схема (согласованность)

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

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

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

Используйте эффективное письмо

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

Используйте макс. 3 шрифта максимум 3 кеглем — максимум 18 слов или 50-80 символов в строке текста, как рекомендует Smashing Magazine.

Используйте социальное доказательство

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

● Отзывы

● Количество клиентов («вы в хорошей компании»).


● Логотипы клиентов


● Примеры из практики, подтвержденные результатами


● Пресса и награды

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

Выводы

Мы можем назвать это пленкой, не так ли?

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

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

И последнее: если вы любитель DIY, вам обязательно нужно попробовать наш конструктор Colibri!

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

Теперь, если вам понравилась эта статья, и вы хотите узнать больше о том, как создать веб-сайт WordPress, не забудьте подписаться на наш канал Youtube и подписаться на нас в Twitter и Facebook!

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

Учебное пособие по использованию WordPress [2021]

Как дела!

Более читающий тип?

Хотите создать сайт?

Сообщение:

WordPress — определенно хороший выбор для создания классных профессиональных веб-сайтов.

Теперь вам нужно понять, как использовать WordPress…

Хорошие новости: как всегда, мы тебя вернули!

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

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

Хорошо, давай займемся этим!

Примечание: вам понадобится дешевый хостинг WordPress, чтобы следовать этому «un, возьмите его здесь, чтобы получить до 60% от наших друзей на HostGator!»

Что такое WordPress и как он работает?

Краткий ответ: WordPres может бесплатно использовать программное обеспечение с открытым исходным кодом, называемое «системой управления контентом» (CMS), которое позволяет вам создавать свой веб-сайт и делиться им со всем миром, не зная, как кодировать.

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

Длинный ответ: посмотрите видео выше и наше полное письменное руководство по вопросу о WordPress!

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

Шаг 1: Как получить доменное имя и веб-хостинг

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

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

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

Теперь в этом руководстве мы используем HostGator для получения и доменного имени, и хостинга.

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

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

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

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

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

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

Хорошо, поэтому с HostGator мы рекомендуем план Hatchling, потому что он самый дешевый и более чем достаточный, когда вы только начинаете работу со своим первым сайтом.

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

Пресловутый «полный пакет».

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

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

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

Просто введите один в строку поиска, в этом примере мы используем «beginnerwptutorials.com».

Нажмите Enter и…

Бум, этот был в наличии, так что мы его купим!

Если ваше доменное имя №1 было выбрано (а, к сожалению, часто так и было), вы увидите красное предупреждение и вам придется попробовать другое доменное имя.

Вы, вероятно, увидите другие варианты выбранного вами доменного имени, например «[yourdomain] .club» или «[yourdomain] .site», но мы настоятельно рекомендуем придерживаться «.com» или «.co» — это наиболее профессионально для большинства сайтов (хотя бывают случаи, когда «.org» или «.io» также являются правильным выбором).

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

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

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

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

Прокрутив еще немного вниз, вы увидите несколько вариантов тарифного плана:

План для выращивания птенцов да, 36-месячный платежный цикл, вероятно, нет.

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

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

Затем введите имя пользователя и защитный PIN-код:

Затем введите свои платежные данные, как и для любой другой вещи, которую вы покупаете в Интернете:

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

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

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

Затем вы будете перенаправлены на страницу с благодарностью / «Настройка учетной записи» (это займет всего пару минут).

А теперь мы готовы к…

Шаг 2: Как установить WordPress

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

Затем перейдите на вкладку Marketplace.

Оттуда просто прокрутите вниз, пока не увидите большую синюю кнопку «Установка в один клик» и… нажмите этого плохого парня!

Затем просто нажмите «WordPress», удобно, о, так удобно, расположенный вверху страницы.

Затем просто выберите свой домен и нажмите кнопку «Далее».

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

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

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

Почему? Ну, потому что ваше доменное имя должно «распространяться» — по сути, HostGator должен рассказать миру о вашем новом доменном имени, чтобы люди повсюду (включая вас) могли получить к нему доступ из Интернета.

HG сообщит вам, что процесс может занять до 24 часов, что технически так …

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

Шаг 3: Как войти в WordPress

Итак, как только вы вернетесь после перерыва в 20-30 (надеюсь, время перекуса было отличным), самое время проверить свой сайт и найти страницу входа в панель управления WordPress.

Для начала просто введите свое доменное имя еще раз / обновите страницу (если вы ждали на краю своего места #beentherelol), и вы должны увидеть страницу, которая выглядит так:

Это означает, что распространение закончено!

Мы проигнорируем эту кнопку WordPress «Admin Login», потому что, как только вы опубликуете свой сайт, она исчезнет.

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

Для этого просто добавьте «/ wp-admin» в конец своего URL-адреса.

В будущем, если вы уже вошли в систему, это автоматически приведет вас прямо к панели инструментов WordPress!

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

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

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

Давайте продолжим и нажмем «x» на всех них, мы помогли вам в этом руководстве.

Шаг 4: Как перемещаться по панели инструментов WordPress

Теперь, когда мы на панели инструментов, приступим к изучению!

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

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

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

Есть также некоторые параметры «настройки», когда вы просматриваете свой основной сайт (и вошли в систему), мы рассмотрим их ниже.

Во-первых, давайте рассмотрим наиболее важные части панели инструментов WordPress.

Эти иголки в пресловутой стоге сена кнопок, страниц и опций, которые WordPress только что бросил на вас.

Сначала вы найдете название своего сайта в верхнем левом углу — наведите указатель мыши на него и нажмите «Посетить сайт», чтобы увидеть, как ваш сайт выглядит в данный момент (и каждый раз, когда вы вносите обновления и изменения):

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

Любой веб-сайт WordPress будет включать следующие инструменты:

  • Обновления — это место, где вы сможете найти и установить обновления для платформы WordPress, а также любые установленные плагины и темы.
  • Сообщения — это место, где вы можете создавать новые сообщения в блоге или обновлять существующие — например, «10 главных секретов WordPress» или «Как использовать учебник WordPress». Здесь вы также можете просматривать и создавать категории и теги, которые помогут организовать ваши сообщения.
  • Медиа , где вы можете добавлять или обновлять все картинки, изображения или другие файлы на вашем сайте.
  • Страницы — это место, где вы можете создавать или обновлять страницы, которые не являются частью вашего блога, такие как важнейшие «О нас» и «Свяжитесь с нами».
  • Комментарии — это место, где вы можете читать, одобрять, удалять или отвечать на все комментарии, которые люди оставляют к вашим сообщениям и страницам.
  • Внешний вид имеет массу опций, для наших целей главное, что вы можете здесь сделать, — это установить темы.НО вы также можете управлять виджетами, меню, редактировать заголовок своего блога и многое другое в зависимости от устанавливаемой темы.
  • Плагины — это место, где вы можете устанавливать различные фрагменты кода, которые добавляют приложения и функции на ваш сайт.
  • Пользователи — это место, где вы можете создавать или обновлять учетные записи для других людей на своем сайте, а также изменять свой профиль WordPress (имя, пароль и т. Д.)
  • Инструменты по умолчанию, здесь вы сможете импортировать и экспортировать контент блога; плагины могут добавлять сюда другие параметры.
  • Настройки имеет… настройки для целого ряда вещей, таких как ваш блог, редактор страниц / сообщений WordPress, комментарии, медиа и постоянные ссылки.

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

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

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

  • WP Forms фактически из плагина; если вы устанавливаете WordPress через HostGator, они автоматически добавят этот плагин для вас, если вы выбрали другой хост, который не включил его, вы можете добавить это позже — это в основном упрощает создание контактных форм для вашего сайта (проверьте из этого учебника здесь).
  • Marketplace также устанавливается специально HostGator, это место, где можно получить премиальные темы. Мы используем другие сайты, поэтому обычно это игнорируется.

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

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

Панель управления WordPress: подробное описание

Обновления

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

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

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

Посты

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

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

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

Здесь вы найдете несколько вариантов:

  • Библиотека позволяет просматривать и редактировать все медиафайлы, которые вы загрузили на свой сайт.
  • Добавить новый — это как звучит… быстрый способ загрузить новые медиафайлы на ваш сайт!
Страницы

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

Обычных подозреваемых по вариантам:

  • Все страницы — это, по сути, страничная версия опции «Все сообщения» выше (вы можете быстро редактировать все свои страницы или глубоко погрузиться в редактирование).
  • Добавить новую позволяет создать новую страницу. Да здравствует это!
Комментарии

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

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

Внешний вид

Этот пункт меню содержит множество вариантов изменения дизайна вашего сайта (но не все из них — см. Ниже!).

Здесь много опций (это то, что есть на любом сайте WordPress, если вы установите определенные темы и плагины, вы найдете больше):

  • Темы — это место, где вы можете искать и устанавливать новые темы из каталога тем WordPress или загружать и устанавливать темы, которые вы нашли где-то еще в Интернете.
  • Настроить этот сильно меняется в зависимости от выбранной вами темы. Основные параметры — это заголовок и слоган вашего сайта, цвет, фоновое изображение, а также наличие статической домашней страницы (или той, на которой отображаются ваши последние сообщения в блоге). Темы / плагины добавят к этому списку массу других опций.
  • Виджеты — это блоки со специальным кодом, которые вы можете добавить в различные места вашего сайта, например на домашнюю страницу, верхний / нижний колонтитул или боковую панель. Что означает «специальный код»? Все, что угодно, от календарей, ссылок в социальных сетях и недавних публикаций до видео, аудиоплееров и контактных форм.
  • Меню — это списки ссылок на страницы / сообщения на вашем сайте; любой веб-сайт WordPress будет иметь меню верхнего и нижнего колонтитула, некоторые темы будут иметь больше.
  • Заголовок предоставит опции для настройки меню заголовка; эти параметры зависят от установленной вами темы, но обычно включают изменение цвета фона и загрузку вашего логотипа.
  • Редактор тем предназначен для опытных пользователей, поскольку для его использования вам нужно хотя бы немного знать о кодировании.По сути, это дает вам доступ к файлам внутреннего кода, которые WordPress использует для создания вашего сайта, поэтому вы можете добавлять CSS, HTML, JavaScript и PHP для изменения внешнего вида и функциональности вашего сайта.
Плагины
Плагины

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

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

Варианты здесь:

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

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

Вариантов, которые вы найдете:

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

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

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

Tools — это своего рода универсальное ведро для внутренних функций.

Плагины

добавятся в этот список, но по умолчанию у вас есть три варианта:

  • Доступные инструменты открывает страницу со списком инструментов из определенных плагинов.
  • Import позволяет импортировать данные с других платформ веб-сайтов (либо другой CMS, либо конструктора веб-сайтов) в WordPress.
  • Экспорт Позволяет экспортировать контент, чтобы вы могли импортировать его в другую установку WordPress.
  • Состояние сайта показывает статистику, советы и информацию о вашем сайте, чтобы вы могли убедиться, что он работает оптимально.
  • Экспорт личных данных позволяет экспортировать любую личную информацию о пользователях, имеющих учетные записи на вашем сайте.
  • Удалить личные данные позволяет удалить любую личную информацию о пользователях, имеющих учетные записи на вашем сайте.
Настройки

Это меню содержит большинство общих параметров настройки вашего сайта WordPress.

Плагины

добавят больше параметров, по умолчанию:

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

Шаг 5: Как установить темы WordPress

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

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

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

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

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

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

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

Безусловно, наша любимая тема «WordPress для начинающих» — это Hestia, которую вы можете найти, просто набрав ее в строке поиска темы рядом с параметрами, которые мы упомянули выше.

Hestia великолепна, потому что она очень чистая, простая в использовании и легко настраиваемая.

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

Если ни то, ни другое не для вас, просмотрите наши 5 лучших бесплатных тем WordPress для начинающих и 10 лучших и отзывчивых тем WordPress!

После того, как вы выбрали тему (в нашем руководстве по WordPress для начинающих мы используем Hestia), просто нажмите кнопку «Установить», а затем нажмите эту же кнопку еще раз, когда она станет «Активировать».

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

Бум, готово, готово, хорошая работа, тема установлена!

Шаг 6: Как добавить плагины в WordPress

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

Плагины

WordPress позволяют расширить функциональность сайта.

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

Большой объем работы по настройке, выполненный за вас примерно за 4 секунды при установке плагина WooCommerce.

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

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

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

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

Итак, мы просто ищем это в строке поиска плагина:

Нажмите «Установить сейчас»:

Затем еще раз активируйте, когда кнопка установки изменится:

После этого вы сможете найти его в списке установленных плагинов, а также в меню «Плагин» на панели инструментов WordPress.

Если вы пойдете туда сейчас, то увидите, что там установлено множество плагинов по умолчанию, и, как новичку WordPress, они вам не нужны.

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

Перейдите к раскрывающемуся меню «Массовые параметры» и нажмите «Деактивировать»:

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

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

Ааа, теперь стало намного чище!

Плагины

для WordPress: несколько из лучших

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

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

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

У нас есть для вас большая статья о лучших плагинах WordPress.

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

Плагины с функциями
Плагины оптимизации веб-сайтов
  • Yoast SEO — плагин для поисковой оптимизации WordPress.
  • WP Rocket — помогает ускорить загрузку вашего сайта (хорошо как для SEO, так и для посетителей).
  • Autoptimize — ускоряет работу вашего сайта за счет оптимизации CSS, JavaScript, изображений, шрифтов и многого другого.
Плагины безопасности

Шаг 7. Как настроить тему WordPress

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

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

Если вы выбрали другую тему, такую ​​как Divi (которая является лучшей, только премиум), или другой плагин настройки, например Elementor (также победитель, когда дело доходит до настройки WordPress), у вас будет много похожих вариантов, но некоторые могут быть другой / отсутствует.

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

Когда вы окажетесь там, начните настройку, нажав кнопку «Настроить» вверху страницы.

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

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

И мы сделаем все это еще круче!

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

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

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

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

Так что, если мы изменим заголовок здесь на «Учебники WordPress для начинающих», он сразу же обновится на странице!

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

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

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

Нажмите «Сохранить черновик»

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

Итак, теперь, когда мы в безопасности от демонов «Интернет не работает», давайте заменим изображение в нашем заголовке (это раздел за заголовком страницы, который мы изменили ранее).

Найдите это изображение на боковой панели.

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

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

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

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

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

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

Затем перейдите к «Настройки внешнего вида», затем «Цвета».

И вы можете изменить этот розовый цвет акцента на все, что захотите. Мы любим синий!

Теперь давайте изменим наши шрифты и размеры шрифтов, снова нажмите ту же кнопку «Назад», чтобы выйти из настроек «Цвет» и перейти в «Типографика.”

Здесь вы можете изменить «семейство шрифтов» для заголовков и основного текста (это текст, который не слишком велик в заголовках).

Как и размер шрифта, когда вы нажимаете, как вы догадались, вкладку «Размер шрифта».

Шаг 8: Как добавить страницы в WordPress

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

Вернувшись в старый добрый дашборд WordPress, спуститесь к Pages и затем Add New.

Это откроет новую страницу для редактирования / создания.

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

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

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

Начнем с выбора заголовка из списка.

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

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

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

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

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

Угадайте, что мы будем делать?

Ага.Щелкните этого плохого парня.

На левой боковой панели появятся пункты меню.

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

Затем «Добавить элементы».

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

Донзо.

Некоторые ключевые страницы, которые вы, вероятно, захотите иметь

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

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

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

Шаг 9: Как создать сообщение в блоге в WordPress

Сообщения в блоге. Это то, для чего был создан WordPress.

Практические руководства.

10 лучших советов.

Ниже мы покажем вам, как добавить их на свой сайт.

Сначала краткое объяснение…

записей блога WordPress по сравнению со страницами

Ну, и посты, и страницы будут:

Посты, страницы, в чем разница?

  • Иметь заголовок / заголовок (например, «Как использовать учебник WordPress» или «5-дневный бесплатный электронный курс»).
  • Иметь основной контент (как и все слова и изображения в этом сообщении).
  • Иметь метаинформацию (автор, публикация дата и т. д.
  • Можно добавлять, редактировать и удалять.
  • Видны всем или защищены паролем, поэтому их могут видеть только определенные люди.
  • Может содержать текст, видео, авто, ссылки и изображения.
  • Можно улучшить визуально и функционально с помощью плагинов и тем.

Разница вот в чем:

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

У вас может быть страница с информацией о компании, страница контактов и домашняя страница, и все (в дополнение к сообщениям в блоге).

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

Если вы помогаете людям с помощью учебного пособия (например, этого ‘un‘ ere), делясь историей путешествия, рецептом или своими мыслями о правильной форме становой тяги, это, вероятно, будет публикацией.

А теперь вернемся к учебным материалам…

Снова в тире, Записи -> Добавить.

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

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

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

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

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

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

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

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

Размеры заголовков в WordPress помечаются с h3 по h5 (h2 зарезервирован для заголовка страницы / сообщения), просто щелкните блок заголовка и щелкните одну из этих меток, чтобы изменить размер заголовка.

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

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

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

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

Если вы создаете веб-сайт на WordPress на 100% с нуля, у вас не будет никаких меню (хотя иногда такие темы, как Hestia, или конструкторы страниц WordPress, такие как Elementor, добавят их автоматически).

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

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

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

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

Шаг 11: Как опубликовать свой сайт на WordPress

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

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

После того, как вы заблокированы, загружены, готовы взорвать его (есть причина, по которой мы не профессиональные рэпперы)…

Раздавите ссылку «щелкните здесь» и позвольте искрам полететь!

Шаг 12: Как ускорить WordPress

Ага, но мы еще не закончили!

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

НО. МЫ. НЕТ. ИДУЩИЙ. К. ПОКИНУТЬ. ТЫ. ПОВЕСИТЬ В’. ТАМ. FAM.

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

Запуск со скоростью сайта.

Это важно по 2 причинам:

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

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

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

НО есть способы оптимизировать свой веб-сайт WordPress, чтобы ваши страницы загружались быстрее, чем у олимпийского 100-метрового спринтера (намного быстрее, если ваш сайт загружается за 9,58 секунды, как наш мальчик Усэйн, и никто вас не посетит).

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

Вот ваши основные инструменты и методы оптимизации скорости WordPress.

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

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

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

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

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

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

Плагины оптимизатора изображений для WordPress

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

А большие файлы означают медленную загрузку.

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

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

  1. Ваши изображения слишком большие

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

  1. Ваши изображения не полностью сжаты

Допустим, вы выполнили вышеуказанную работу и получили то же изображение в уменьшенном масштабе 500 × 500. В полном разрешении без сжатия это может быть файл размером 3 МБ. Затем вы можете сжать это изображение — возможно, потеряв немного качества, которое никто не заметит, возможно, с сохранением полного качества — и уменьшить размер файла до 2 МБ. Файл меньшего размера = более высокая скорость загрузки.

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

Но это занимает много времени, когда вы создаете много контента!

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

Включить сжатие gzip для WordPress

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

Он делает это, находя похожие фрагменты текста в файлах и заменяя их (временно, когда ваша страница загружена, все будет отображаться так же, как вы ее написали, lol), что, поскольку файлы HTML и CSS содержат так много повторяющихся фрагментов текста, может уменьшить размер страницы WordPress на 50-75%.

Существует технический способ включить сжатие gzip через файл .htaccess на вашем сайте, который с меньшей вероятностью что-то сломает … ЕСЛИ вы знаете, что делаете.

А пока давайте воспользуемся такими плагинами, как:

Да, плагины кэширования, которые мы рекомендуем, прежде всего, имеют встроенное сжатие gzip!

Отложить парсинг JavaScript в WordPress

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

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

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

Плагины, которые сделают это для вас:

Используйте WordPress CDN

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

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

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

Было бы намного быстрее, если бы эти файлы уже находились на сервере в Лондоне; с CDN они могли бы быть.

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

Плагины:

CDN WordPress:

WordPress плагины отложенной загрузки

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

Это называется «нетерпеливой загрузкой».

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

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

Еще один скоростной взлом WordPress!

Плагины, позволяющие ленивую загрузку изображений:

Шаг 13: Как защитить свой сайт WordPress

Определенно не хочу, чтобы ваш новый блестящий сайт взломали!

И поскольку WordPress поддерживает около 30% Интернета, множество хакеров (десятки тысяч или миллионы?) Пытаются взломать сайты WordPress 24 часа в сутки, 7 дней в неделю.

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

Это означает несколько вещей:

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

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

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

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

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

Если ваше имя пользователя WordPress — что-то нереальное, вроде «donthackmebro69», ну, им будет труднее добраться до него.

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

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

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

Ограничить доступ к админке WordPress

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

Как мы показали выше, вы можете получить доступ к своей панели управления WordPress, которая позволяет вам изменять практически все на вашем сайте, перейдя в «[yourdomain] .com / wp-admin».

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

Для этого вам нужно сначала найти свой домашний IP-адрес, посетив whatsmyip.com.

Затем вы можете отредактировать файл .htaccess в папке WordPress и добавить следующий код, заменив «xx.xxx.xxx.xxx» своим IP-адресом.

<Файлы wp-login.php>

запретить заказ, разрешить

Запретить со всех

Разрешить от xx.xxx.xxx.xxx

Если вам нужен доступ с нескольких компьютеров (для себя или для людей, с которыми вы работаете), вы можете просто добавить «Разрешить с xx.xxx».xxx.xxx »снова с другими IP-адресами.

Впрочем, все это может быть немного удобно и технически.

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

Плагины безопасности WordPress

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

  • Активный мониторинг безопасности (для проверки на наличие взломов в режиме реального времени)
  • Уведомления при обнаружении угрозы безопасности (чтобы вы могли быстро защитить свой сайт)
  • Сканирование вредоносных программ (для проверки на вредоносный код)
  • Сканирование файлов ( чтобы убедиться, что ничего не заражено)
  • Мониторинг черного списка (для защиты вашего сайта от посещений людьми с IP-адресов, которые, как известно, используются для взлома)
  • Помощь после взлома (для восстановления вашего сайта в случае взлома)
  • Брандмауэры ( для ограничения доступа к файлам вашего веб-сайта)
  • Защита от атак грубой силы (также известная как «ограничение попыток входа в систему»)

Несколько лучших плагинов безопасности:

Поддерживайте актуальность своего сайта и создавайте резервные копии

Что мы освещаем… сейчас!

Шаг 14: Как обновить свой сайт WordPress

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

С WordPress вам нужно будет постоянно обновлять три вещи:

  1. Сам WordPress
  2. Ваши темы
  3. Ваши плагины

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

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

В любом случае проще всего перейти на вкладку «Обновления».

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

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

Шаг 15: Как сделать резервную копию вашего сайта WordPress

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

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

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

Вот для чего нужны резервные копии.

Если вы хотите узнать больше о том, как это сделать, чем мы рассмотрим в видео выше, ознакомьтесь с нашей статьей «Как сделать резервную копию сайта WordPress бесплатно»!

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

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

Давайте нырнем.

  1. Обязательно настройте свою домашнюю страницу и проведите здесь немного больше времени, чем на других страницах.Скорее всего, это будет самая посещаемая страница на вашем сайте, поэтому вы должны быть уверены, что у вас есть вся важная информация о том, о чем ваш сайт, и чтобы она выглядела очень привлекательно, чтобы произвести сильное первое впечатление.
  2. WordPress имеет отличную онлайн-поддержку в виде документации и форумов, на которые можно положиться, когда вы застряли. Мы также рекомендуем Stack Overflow по техническим вопросам (с WordPress, хостингом и всем, что связано с веб-разработкой).
  3. В настройках «Чтение» в разделе «Настройки» обязательно установите для «Для каждой статьи в ленте показывать» значение «Сводка», чтобы людям не приходилось прокручивать каждое сообщение целиком, когда они попадают на страницу вашего блога.Вместо этого они просто получат первые несколько предложений, а затем смогут щелкнуть «подробнее», чтобы получить полную информацию.
  4. Используйте изображения и видео, чтобы разбить текст на ваших страницах и сообщениях! (Этот пост — достойный пример этого, хотя мы, вероятно, могли бы включить еще больше визуальных элементов, лол).
  5. Ваша страница «О нас», вероятно, будет одной из самых посещаемых на вашем сайте, поэтому обязательно расскажите историю и миссию своего сайта здесь убедительно.
  6. Мы настоятельно рекомендуем использовать настройку постоянной ссылки «Название публикации» (на странице «Постоянная ссылка» в разделе «Настройки») — это чище и лучше для SEO, чем включение дат публикации в URL-адреса ваших публикаций.
  7. Убедитесь, что ваш сайт WordPress хорошо выглядит на мобильных устройствах; почти гарантировано, что большинство посетителей будут заходить на ваш сайт со своих телефонов.
  8. Включите самые важные страницы (и, возможно, сообщения) в меню заголовка.
  9. Отключите комментарии на таких страницах, как «О нас» и «Контакты», поскольку они вам там не нужны; это можно сделать, отредактировав страницу, вы найдете возможность включить / отключить комментарии в разделе «Обсуждение» на правой боковой панели редактора.
  10. Если вы используете боковую панель на своем сайте, держите виджеты там организованными и как минимум.Вы хотите, чтобы люди концентрировались на основном содержании вашей страницы / публикации, не отвлекаясь.
  11. Узнайте, как добавить Google Analytics в WordPress в нашем руководстве здесь!

WordPress Учебное пособие Часто задаваемые вопросы

Остались вопросы?

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

Вот несколько вопросов относительно вопросов, которые могут у вас остаться:

Является ли использование WordPress единственным способом создания веб-сайтов?

Определенно нет, есть масса конструкторов веб-сайтов, таких как Wix и Squarespace, которые вы можете использовать.

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

Что мне нужно для создания веб-сайта на WordPress?

Всего три вещи (две из которых вы можете получить у наших друзей на HostGator):

  1. Хостинг (где будут храниться файлы вашего сайта WordPress / с которого будет осуществляться доступ)
  2. Доменное имя (имя, которое люди будут использовать для перехода на ваш сайт)
  3. 60 минут вашего времени и внимания (ресурсы, которые вы будете использовать для выполните / выполните действия, описанные в этом руководстве, используя руководство по WordPress 🙂

Нужно ли мне знать кодирование (HTML / CSS) при создании веб-сайта с помощью WordPress?

НЕТ!

Знание этих языков программирования полезно… в конце концов.

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

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

Создание веб-сайта на WordPress бесплатно?

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

Потому что?

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

Сколько стоит создание сайта на WordPress?

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

При этом HostGator (наш рекомендуемый хост WordPress) предоставит вам бесплатное доменное имя и годовой хостинг за 5 долларов.95 в месяц при оформлении годовой подписки по нашей ссылке!

Как мне получить бесплатное доменное имя для моего сайта WordPress?

Зарегистрируйтесь как минимум на один год хостинга на HostGator, используя эту ссылку!

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

Конечно, можно!

Четыре основных способа, которые используются в наши дни:

  1. С медийной рекламой, такой как Google Adsense (люди посещают ваш сайт, вам платят, когда они видят вашу рекламу)
  2. С партнерскими ссылками (например, теми, которые мы используем на этом сайте — когда вы нажимаете ссылку на одну из наши партнеры, мы получаем небольшую комиссию без дополнительных затрат для вас; иногда вы даже получаете специальные скидки !!)
  3. Продавая услуги (например, создание веб-сайта WordPress 🙂
  4. Создавая интернет-магазин, как мы покажем вам, как сделать в этом посте!

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

Как создать веб-сайт с помощью WordPress

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

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

Вещи стали дешевле и легче , с годами.

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

Пошаговое руководство по созданию веб-сайта на WordPress

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

Это:

  • Шаг 1. Выберите имя и найдите домен для своего веб-сайта
  • Шаг 2: Зарегистрируйте свое доменное имя
  • Шаг 3. Решите, какой сайт вы создаете
  • Шаг 4. Получите хост для своего веб-сайта
  • Шаг 5: Установите WordPress
  • Шаг 6. Укажите свой домен на хост
  • Шаг 7. Установите тему WordPress
  • Шаг 8. Добавьте контент на свой веб-сайт
  • Шаг 9. Продолжайте развивать свой веб-сайт

Вы легко сможете выполнить эти шаги в течение следующих 120 минут.

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

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

Вот как может пройти сеанс именования:

  1. В момент вдохновения мы думаем о удивительном имени .
  2. Мы держимся за это имя месяцами, может быть, даже годами.
  3. Пора начинать бизнес, идем покупать домен.
  4. Домен занят.
  5. Мы пробуем дюжину небольших вариаций нашей первоначальной идеи, и все они взяты.
  6. Ничего страшного, мы придумали одно блестящее имя, мы придумаем другое.
  7. Идея резервного копирования №2 = принято.
  8. Идея резервного копирования №3 = принято.
  9. Идея резервного копирования №4 = принято.
  10. Приходит отчаяние.
  11. Мы начинаем рассматривать имена, которые нам на самом деле не нравятся, надеясь, что доступно или .
  12. Мы придумываем 2 или 3 варианта, которые нам совсем не нравятся.
  13. Затем мы проводим неделю, пытаясь придумать имя, которое одновременно будет доступно, и имя, с которым мы сможем жить.
  14. Наконец, мы находим один.

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

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

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

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

Шаг 2: Зарегистрируйте свое доменное имя

Сначала вам нужно узнать разницу между регистратором домена и веб-хостингом.

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

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

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

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

Лучшим регистратором доменов является Domain.com . Вот где у меня есть все мои доменные имена.

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

Шаг 3. Решите, какой сайт вы создаете.

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

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

Простые сайты портфолио или «визитки»

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

  • Кто занимается этим бизнесом?
  • Чем занимается бизнес
  • Иногда портфолио, демонстрирующее некоторые работы
  • Контактная информация

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

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

Сайты электронной торговли

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

Можно, если очень хочется, но на самом деле это не самый оптимальный способ сделать это.

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

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

Сайты блогов

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

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

А как насчет Joomla или Drupal? Или Typepad?

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

Когда я впервые начал заниматься этим онлайн, сайты на Drupal все еще были довольно распространены. Я сотрудничал со своим другом-инженером, и мы много работали фрилансером по переносу сайтов с Drupal на WordPress.Уже тогда WordPress был явным победителем.

Теперь, когда я натыкаюсь на сайт с любым из этих инструментов, это довольно интересно. Это как найти древний артефакт. « Этот все еще существует !? Как интересно! »

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

Все остальное

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

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

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

Шаг 4. Получите хостинг для своего веб-сайта

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

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

Что касается всего остального, продолжайте следовать этому руководству!

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

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

У нас есть полное руководство по всем лучшим веб-хостингам.

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

обычно начинаются от 5 долларов в месяц.

Шаг 5: Установите WordPress

Bluehost предлагает отличную функцию установки WordPress в один клик.

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

Шаг 6. Укажите свой домен на хост

Давайте подведем итоги.

  • Вы купили домен у регистратора доменов.
  • Вы подписались на тарифный план хостинга.
  • Вы установили WordPress на свой хост.

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

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

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

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

Шаг 7. Установите тему WordPress

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

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

Сейчас я покупаю все свои темы в StudioPress.

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

Вернуться к темам, есть еще варианты?

Ты готов. У ThemeForest и Pixelgrade есть торговая площадка тем WordPress. Есть буквально десятки тысяч тем на выбор. Обычно они находятся в ценовом диапазоне 30–60 долларов. При поиске темы я ранжирую их по самой популярной или самой высокой оценке.Затем я выбираю тот, который мне лично нравится.

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

Загрузите файл .zip, который вы получили при покупке темы.

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

Шаг 8. Добавьте контент на свой веб-сайт

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

Вы сделаете это в WordPress.

WordPress имеет два типа контента: страницы и записи.

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

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

На каждом веб-сайте есть несколько стандартных страниц, которые вы должны создать:

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

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

Шаг 9. Продолжайте развивать свой веб-сайт

Теперь у вас есть красивый, полностью функционирующий сайт.

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

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

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

Когда вы будете готовы, эти руководства расскажут о дополнительных вещах, которые стоит учесть:

Наш общий взгляд на создание веб-сайта

Вас не смущают различные варианты создания веб-сайта.

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

WordPress — король

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

Некоторые из крупнейших веб-сайтов в Интернете построены на WordPress. TechCrunch, The New Yorker, Variety и MTV News, и это лишь некоторые из них. Для этого есть причина: это лучшая CMS, без исключений.

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

WordPress используется 33,4% всех веб-сайтов, а рыночная доля систем управления контентом составляет 60,3%.

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

Вот руководство о том, как создать свой сайт на WordPress.

Wix для электронной торговли

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

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

Вот руководство о том, как создать свой сайт на Wix.

Десятки других возможностей

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

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

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

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

Ниже приведен основной список всех наших лучших ресурсов по созданию веб-сайтов.

Для общей информации:

Как спланировать свой новый веб-сайт

Как купить ПРАВИЛЬНОЕ доменное имя — подробное руководство

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

5 лучших конструкторов сайтов

5 лучших регистраторов доменов

10 популярных цветовых схем веб-сайта 2019

9 мест для получения изображений веб-сайтов (платных и бесплатных)

Лучшие шрифты для веб-сайтов, сочетающиеся друг с другом в 2019 году

13 Лучшие практики дизайна веб-сайтов

7 причин, по которым не нужно нанимать веб-дизайнера

22 ключевых элемента качественного веб-сайта

Сколько копий следует писать на домашней странице?

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

Как создать важную страницу с информацией

Как создать сайт Wix за 6 простых шагов

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

Скорость веб-сайта

Удобство использования веб-сайта

Безопасность веб-сайтов

Оптимизация веб-сайта для мобильных устройств

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

Стоит ли переключить свой сайт на HTTPS? Плюсы и минусы

10 основных принципов, которые увеличивают время загрузки вашего веб-сайта

Подробнее о веб-хостинге:

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

Мы рекомендуем Bluehost для большинства людей. Для опытных пользователей WordPress с сайтами с высоким трафиком может иметь смысл в какой-то момент перейти на WP Engine.

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

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

Лучший веб-хостинг для WordPress

Лучший бесплатный веб-хостинг

Лучший дешевый веб-хостинг

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

Подробнее об аналитике и отчетности:

Инструмент аналитики важен, если вы хотите знать, что происходит на вашем сайте.Он сообщает вам, сколько трафика вы получаете, откуда он и что люди делают на вашем сайте. Google Analytics является стандартом. Это то, что мы используем для Quick Sprout.

Узнайте больше о том, почему Google Analytics является лучшим.

Установить Google Analytics очень просто. Работа с отчетами немного сложнее.

Вот несколько полезных руководств:

Два инструмента веб-аналитики, которые профессионалы используют в 2019 году

Настройте Google Analytics за 3 шага — Руководство для начинающих

10 важных настроек, которые необходимо внести в Google Analytics

Руководство по надстройке Google Analytics для Google Таблиц

Как отслеживать ваши лиды с параметрами UTM

Подробнее о создании и оптимизации с помощью WordPress:

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

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

Вот подробный обзор по каждой категории:

Лучшие плагины SEO для WordPress

Лучший плагин галереи WordPress

Лучший плагин для резервного копирования WordPress

Плагин Best Form WordPress

Лучший плагин для кеширования WordPress

Лучший плагин безопасности WordPress

Лучший плагин календаря WordPress

Лучшие плагины Google Analytics для WordPress

Лучший плагин для всплывающих окон WordPress

Лучший плагин для каталогов WordPress

Лучший плагин для бронирования WordPress

Лучшие плагины членства для WordPress

Лучший плагин WordPress для социальных сетей

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

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

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

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

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

Дополнительные полезные руководства по созданию веб-сайта электронной торговли:

WordPress Электронная торговля

Как перенести свой сайт на Shopify

Лучшие темы WordPress для электронной коммерции

Лучший конструктор сайтов электронной коммерции

Разработка процесса оформления заказа

Цветовые схемы для электронной торговли

Как создать печать доверия на странице оформления заказа

Советы по созданию блога:

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

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

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

Как начать блог

Лучшие платформы для ведения блогов / сайты для блогов

Лучшие темы WordPress для блогов

Дизайн блога

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

12 главных советов по ведению успешного видеоблога

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

100 уроков, извлеченных из 10 лет ведения блога

Создание собственного веб-сайта: вкратце

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

  1. Ваша основная цель — продавать вещи на вашем сайте? Если да, то сосредоточьтесь на Wix, если нет, то сосредоточьтесь на WordPress.
  2. Используйте руководства Quick Sprout, чтобы помочь вам в этом процессе. Это, безусловно, период обучения. Если вы потратите время на правильную настройку, это поможет вам в дальнейшем значительно быстрее развивать свой бизнес и трафик.
  3. Не стесняйтесь обращаться к нам напрямую по электронной почте с вопросами.Мы поможем, чем сможем.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пример: Bluehost .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

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

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

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

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

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

Учебник

WordPress — Руководство WordPress для начинающих (2021)

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

29 июля 2021 г.

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

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

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

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

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

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

Содержание

Видеоурок

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

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

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

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

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

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

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

Что такое CMS?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Процесс очень похож на установку тем. Чтобы продолжить, нажмите кнопку Add New под Plugins и нажмите Upload Plugin . Теперь выберите архив плагина и загрузите его. Наконец, установите и активируйте плагин. Если вам нужно подробное руководство, см. Этот учебник

Основные плагины WordPress

Существует так много плагинов для WordPress, что сложно выбрать подходящий.Фактически, многие плагины служат той же цели, например, существуют десятки плагинов кеширования WordPress.

Вот почему мы решили перечислить лучшие плагины WordPress, которые необходимы для каждого блога WordPress.

  • Google XML Sitemaps . Этот плагин автоматически генерирует XML-карты сайта для лучшей поисковой оптимизации. Его легко использовать, и его можно регулярно обновлять.
  • Yoast SEO . Вероятно, самый популярный плагин SEO для WordPress.Это поможет вам улучшить поисковую оптимизацию. От метатегов до предложений по написанию — в плагине Yoast SEO есть все.
  • Wordfence Security . Этот плагин защитит ваш WordPress от хакеров и вредоносных программ. Он имеет модули брандмауэра и сканера вредоносных программ, которые очень полезны.
  • Контактная форма 7 . Простой, но очень мощный плагин для контактной формы WordPress. Создавайте любые формы контактов или даже потенциальных клиентов с помощью этого плагина.

Не рекомендуется забивать WordPress десятками плагинов, так как это может снизить производительность сайта.Держите свой WordPress в чистоте, устанавливая только необходимые плагины и удаляя те, которые вы не используете.

Шаг 5 — Установка тем WordPress

Внешний вид сайта WordPress можно изменить, применив темы. Существуют бесплатные и премиальные темы WordPress. Некоторые из них универсальны и могут использоваться на любом сайте. Другие созданы для очень конкретной цели, например, темы электронной коммерции.

WordPress упростил установку тем. Установка бесплатных тем WordPress занимает буквально несколько минут.

Чтобы продолжить, войдите в раздел Appearance и найдите красивую тему. Вы даже можете фильтровать темы по функциям или цветам.

Функция предварительного просмотра темы позволяет увидеть, как ваш веб-сайт будет выглядеть с выбранной темой. Это полезно, так как сэкономит ваше время — вам не придется устанавливать несколько тем только для того, чтобы найти тему, которая соответствует вашим потребностям.

Указанный выше метод подходит только для бесплатных и бесплатных тем. Что делать, если вы приобрели красивую премиальную тему? В этом случае вам придется загружать файлы темы вручную.

Войдите в тот же раздел Appearance , нажмите кнопку Upload Theme и выберите файл .zip темы. Завершение процесса загрузки может занять до нескольких минут. Как только это будет сделано, просто активируйте тему. Нужны точные шаги? См. Подробное руководство по установке тем.

Шаг 6 — Оптимизация производительности WordPress

В этом руководстве по WordPress мы узнали, как установить и использовать WordPress для создания и управления вашим собственным веб-сайтом.По мере роста вашего сайта WordPress увеличивается количество текста, изображений, кода и других медиафайлов.

Чем больше сайт, тем дольше он загружается. Чтобы избежать медленного отклика в WordPress, вам также следует потратить некоторое время на оптимизацию.

Это обеспечит быструю и эффективную загрузку ваших страниц, таким образом, оставив ваших посетителей счастливыми и желающими вернуться за новыми.

Каждый хотя бы несколько раз сталкивался с медленным веб-сайтом и испытывал разочарование, возникающее при бесконечном ожидании его загрузки.

Принимая это во внимание, потратить некоторое время на улучшение скорости работы WordPress — действительно хорошая идея. Самое приятное в WordPress то, что его действительно легко оптимизировать из-за количества доступных плагинов и других инструментов.

Вы можете сделать свой сайт WordPress молниеносным, даже не имея каких-либо знаний в области программирования. Чтобы вы пошли по правильному пути, мы рассмотрим несколько методов оптимизации WordPress, которые обеспечат заметное повышение скорости вашего сайта.

Шаг 6.1 — Использование плагинов кэширования WordPress

Первым шагом в оптимизации вашего сайта WordPress является установка плагина кэширования WordPress. Короче, кеш — это временное хранилище данных. В большинстве случаев активные данные кэшируются, что сокращает время загрузки.

Например, когда вы заходите на часто посещаемый сайт, в кэше вашего браузера будет находиться часть статического содержания сайта.

В результате браузеру нужно запрашивать меньше файлов и информации с сервера, что в конечном итоге приводит к более быстрой загрузке.

Плагины кэширования

WordPress работают, создавая статическую версию вашего веб-сайта и доставляя ее, вместо того, чтобы загружать все сценарии PHP каждый раз, когда кто-то обновляет или повторно заходит на ваш сайт.

Самые популярные плагины кеширования WordPress:

Вы можете найти подробное руководство по внедрению плагина WP Super Cache для вашего сайта WordPress здесь.

Шаг 6.2 — Оптимизация изображений WordPress

Оптимизация изображений — еще одна важная задача, которую необходимо выполнить, чтобы сделать ваш сайт WordPress быстрым.Как правило, есть 2 основные проблемы, которые вызывают медленную загрузку изображений:

  • Использование слишком больших изображений. Например, вы загружаете изображение размером 500 x 500, но ваш сайт изменяет его размер до 100 x 100. В результате браузеру посетителя придется сначала загрузить файл большего размера, уменьшить его и только потом отображать. Правильный способ — просто загрузить изображение размером 100 x 100, чтобы избежать чрезмерной задачи масштабирования изображения. Таким образом изображение также будет занимать меньше места, что приведет к общему увеличению скорости.Подробное руководство о том, как найти такие изображения и уменьшить их масштаб, можно найти здесь.
  • Изображения сжаты не полностью. Вы можете сэкономить много места и трафика, правильно сжав изображения. К счастью, у WordPress есть действительно отличный плагин, который может вам в этом помочь, он называется WP Smush. Вы можете найти подробное руководство о том, как реализовать этот плагин и оптимизировать свои изображения WordPress здесь.

Чем больше изображений будет на вашем сайте WordPress, тем более полезной будет эта задача по оптимизации.

Шаг 6.3 — Включение сжатия gzip для WordPress

Включение сжатия gzip для веб-сайта WordPress — отличный способ повысить скорость и производительность. Короче говоря, сжатие gzip работает, находя похожие строки в текстовом файле и временно заменяя их, что приводит к уменьшению размера файла.

Файлы

HTML и CSS содержат много повторяющегося текста и пробелов, что делает сжатие gzip очень эффективным. В целом это позволяет уменьшить размер страницы WordPress до 50-70%.

Есть несколько способов включить сжатие gzip:

  • Включение сжатия gzip через файл .htaccess (рекомендуется). Более подробное руководство по WordPress можно найти здесь.
  • Включение сжатия gzip через плагины WordPress, такие как GZip Ninja Speed.

Следует иметь в виду, что сжатие gzip может немного увеличить загрузку ЦП. Если процессор не является проблемой, то сжатие gzip — действительно отличный способ оптимизировать ваш сайт WordPress.

Шаг 6.4 — Откладывание синтаксического анализа JavaScript в WordPress

Большинство тем, плагинов и надстроек социальных сетей используют много кода JavaScript, который по умолчанию загружается первым при доступе к сайту. Это заставит HTML и другое визуальное содержимое отображаться только после загрузки JS.

Вы можете отложить синтаксический анализ JavaScript, чтобы визуальные элементы отображались быстрее, в то время как различные кнопки социальных сетей и другой контент, использующий JavaScript, загружались бы впоследствии.

Это один из методов, рекомендуемых разработчиками Google, который часто упускается из виду.В WordPress вы можете легко сделать это с помощью таких плагинов, как WP Deferred JavaScripts или Speed ​​Booster Pack.

Более подробное руководство о том, как реализовать эти инструменты на вашем сайте WP, можно найти здесь.

Шаг 6.5 — Использование сети доставки контента

Внедрение сети доставки контента (сокращенно CDN) ускорит WordPress за счет кэширования контента в нескольких центрах обработки данных по всему миру.

После того, как посетитель заходит на ваш сайт, контент будет доставлен ближайшим доступным центром обработки данных, что улучшит взаимодействие с пользователем.

Сети CDN

также отлично работают с плагинами кэширования WordPress, и есть бесплатные решения, которые помогут вам начать работу. Например, у CloudFlare есть бесплатный план, который обеспечивает оба преимущества CDN и одновременно защищает ваш сайт от DDoS-атак.

Пошаговые инструкции по внедрению в WordPress вы можете найти в этом руководстве по WP.

Шаг 6.6 — Удаление строк запроса из статических ресурсов

GTMetrix и другие инструменты оптимизации предлагают удалить строки запроса из CSS и JS, чтобы улучшить кэширование этих элементов.

Ранее упомянутый плагин WordPress Speed ​​Booster Pack является одним из немногих, которые могут помочь вам с этой задачей. Для получения более конкретной информации вы можете обратиться к этому руководству по WordPress.

Шаг 6.7 — Включение отложенной загрузки

Обычно при открытии веб-страницы весь контент загружается мгновенно, что называется нетерпеливой загрузкой . В качестве альтернативы можно отложить инициализацию некоторых объектов (например, изображений) до тех пор, пока они не потребуются, что называется отложенной загрузкой .

Наиболее распространенной практикой является отображение изображений только тогда, когда они видны с точки зрения посетителя или на экране.

Все, что вам нужно сделать, чтобы воспользоваться этой техникой, — это установить и включить такой плагин, как Lazy Load или Rocket Lazy Load.

Шаг 7. Обеспечение безопасности WordPress

И последнее, но не менее важное: чтобы иметь успешный сайт WordPress, вы должны усилить его безопасность. WordPress — самая популярная CMS в мире, но и самая взламываемая.

Однако есть несколько вещей, которые вы можете сделать, чтобы защитить свой сайт от взлома и других злонамеренных действий.

Шаг 7.1 — Постоянное обновление WordPress

Одним из наиболее важных факторов создания безопасной среды является постоянное обновление и использование последней версии WordPress, тем и плагинов.

Большинство обновлений включают настройки безопасности, исправления уязвимостей и предотвращают их использование в будущих версиях.

Обычной практикой среди хакеров является использование веб-страниц, на которых работает устаревшая версия WordPress с известной уязвимостью.

По умолчанию WordPress обновляется автоматически при выпуске новой версии, однако это может не всегда работать или эта функция может быть отключена на некоторых хостах.

Обычно, когда приходит новая версия WordPress, уведомление будет отображаться в верхней части вашей панели инструментов. Вы также можете обновить свои темы и плагины через Dashboard -> Updates section.

Шаг 7.2 — Использование уникальных имен пользователей и паролей

Admin — это имя пользователя, установленное по умолчанию во всех установках WordPress.Настоятельно рекомендуется изменить его, так как это добавит дополнительный уровень безопасности к вашим учетным данным.

Представьте себе ситуацию, когда кто-то знает ваш пароль, но не знает имя пользователя.

Конечным результатом является то, что человек по-прежнему не сможет получить доступ к вашей панели инструментов, потому что он не знает имени пользователя. Если оставить значение admin , это может значительно упростить работу хакера, поэтому его всегда следует менять.

При установке пароля обязательно используйте цифры, заглавные буквы и специальные символы.Если у вас возникли трудности с отслеживанием всех паролей, вы можете сохранить их с помощью таких инструментов, как Last Pass.

Это избавит вас от необходимости запоминать все разные пароли, в то же время позволяя вам сойти с ума по сложности пароля.

Шаг 7.3 — Резервное копирование WordPress

Создание резервных копий — важная задача для любого веб-сайта. Это не только повысит вашу безопасность, но также предоставит вам надежный способ восстановления вашего сайта в случае непредвиденных ошибок или проблем.

Вы можете выполнить резервное копирование вручную или использовать автоматизацию . Процесс вручную будет включать загрузку файлов и базы данных MySQL с сайта WordPress.

Однако, если вы делаете много новых сообщений, изменений или управляете несколькими разными веб-сайтами, загрузка всего вручную каждый раз может стать настоящей проблемой.

Кроме того, в настоящее время большинство хостинг-провайдеров предлагают автоматическое резервное копирование учетных записей. В качестве дополнительной меры безопасности вы можете использовать плагины WordPress для автоматизации резервного копирования ежемесячно, еженедельно или даже ежедневно.

Они сэкономят вам много времени, а также дадут возможность хранить резервные копии файлов WordPress и базы данных в удаленном месте, таком как DropBox. Вы можете использовать такие плагины как:

  • UpdraftPlus плагин с возможностью резервного копирования WordPress в удаленное место и его восстановления.
  • BackUpWordPress — легкий плагин резервного копирования с автоматизацией. Он позволяет исключать определенные папки, планировать время выполнения и поддерживает несколько разных языков.

Это некоторые из основных шагов, которые вы можете предпринять для повышения безопасности WordPress. Дополнительные советы и рекомендации по безопасности вы можете найти в нашем руководстве по защите WordPress.

Новейшие учебные пособия по WordPress

В этом руководстве по WordPress мы узнали об истории, структуре этой CMS и типах хостинга WordPress. Были рассмотрены два метода установки с кратким обзором панели управления, публикаций, плагинов и управления темами.

Чтобы получить хорошее начало, мы также рассмотрели наиболее важные методы оптимизации скорости и оптимизации WordPress с несколькими советами по безопасности.Если вы хотите продолжить изучение WordPress, ознакомьтесь со списком наших новейших руководств по WordPress ниже.

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *