WordPress как создать сайт: Как сделать сайт на «Вордпресс» с нуля: пошаговое руководство

Содержание

План создания сайта на WordPress

WordPress

Автор Алексей На чтение 3 мин Просмотров 820 Опубликовано Обновлено

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

Пошаговый план создания успешного сайта на WordPress

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

Не обязательный шаги

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

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

У нас есть как минимум два варианта создания сайта на cms вордпресс:

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

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

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

  1. Устанавливаем вордпресс на хостинг или локальный сервер (ПК).
  2. Настраиваем WordPress.
  3. Устанавливаем самые необходимые плагины.
  4. Настраиваем ЧПУ.
  5. Создаем рубрики и под рубрики согласно ранее с планируемой структуры сайта  (шаг 3).
  6. Подбираем шаблон, устанавливаем его и производим настройку (при необходимости русифицируем его). Рекомендую присмотреться к крутому и самому быстрому шаблону Reboot от русских разработчиков.
  7. Пишем и публикуем текста для сайта (для начала хотя бы для пары страниц и десятка записей) с учетом ранее составленного семантического ядра, желательно сразу прописывая meta: Title, Description, Keywords и добавляя хотя бы по одной картинке, прописывая к ней заголовок, Атрибут alt и описание.
  8. Настраиваем внешний вид сайта: при необходимости редактируем шаблон под себя.

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

Техническая оптимизация

  1. Получаем на хостинге SSL (обычно есть бесплатные) и переводим сайт на https.
  2. Склеиваем домены (объединяем домен с www и без www) при помощи .htaccess.
  3. Создаем robot.txt.
  4. Проводим аудит и исправляем прочие проблемы (по возможности).

Публикация сайта в интернете и продолжаем его ведение

  1. Добавляем сайт в поисковые системы: яндекс, гугл, ну и можете до кучи добавить в маил и бинг.
  2. Ставим систему аналитики от яндекс или гугл (или обе сразу).
  3. Продолжаем наполнение сайта (чем чаще у вас появляется уникальный материал на сайте тем лучше).
  4. Оптимизируем сайт под поисковые системы  (занимаемся SEO).
  5. Создаем, наполняем и раскручиваем группы в социальных сетях (по возможности).
  6. Ставим на сайт социальные кнопки.
  7. Монетизируем сайт.

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

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

Стоит ли создавать сайт на WordPress?

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

Сайт на WordPress – это сложно?

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

С первого взгляда эта система управления для блога кажется неподходящей для создания сайта – страницы, рубрики, теги… Но, если присмотреться внимательнее, WordPress открывает удивительные возможности для создания идеального сайта, а именно:

— с его помощью можно создать все – от простого сайта-визитки и до достаточно обширного интернет-магазина. Нужно только подобрать подходящий функционал (плагин) и добавить его в панель управления сайтом;

— можно легко создавать как статические (постоянные), так и динамические страницы;

— можно быстро размещать рекламные и прочие материалы – к примеру, реклама на google adwords размещается просто — в два клика – созданием специального виджета или установкой плагина;

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

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

Мифы о сайтах на WordPress

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

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

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

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

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

Создание сайтов на WordPress 🔥 Золотой Код

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

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

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

Основные составляющие движка WordPress

  • Записи и страницы
  • Плагины
  • Темы
  • Виджеты
  • Комментарии
  • Медиафайлы

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

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

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

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

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

  1. Покупка домена.
  2. не приобретайте домен в зоне РФ

    не выбирайте домен, в названии которого есть цифры

  3. Регистрация на хостинге
  4. Установка CMS WordPress
  5. Установка WordPress на спринтхосте
  6. Привязка домена к хостингу
  7. Выбор темы и завершение создание сайта на WordPress

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

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

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

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

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

Какие проекты не стоит делать на WordPress

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

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

Как создать веб-сайт с помощью WordPress

Создать веб-сайт с помощью WordPress просто и легко.

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

WordPress — безусловно, самый популярный способ создания веб-сайта. Его используют 40% ВСЕХ веб-сайтов. И самое главное, WordPress можно использовать бесплатно.

Мы только что опубликовали курс на freeCodeCamp.org на YouTube, который научит вас создавать веб-сайты с помощью WordPress.

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

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

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

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

Вот все темы, затронутые в этом курсе:

  • Что такое WordPress?
  • Получение доменного имени и хостинга от Hostinger
  • Использование домена другой компании с Hostinger
  • Понимание панели управления хостингом
  • Установка WordPress
  • Вход в панель администратора WordPress
  • Удаление плагинов по умолчанию
  • Панель управления Word
  • Добавление и модификация пользователей
  • Обновление Постоянные ссылки
  • Установка темы WordPress (OceanWP)
  • Установка плагинов
  • Установка демонстрации
  • Установка демонстрационного шаблона
  • Создание сайта WordPress
  • Начать настройки
  • Создание пользовательских логотипов
  • Обновление сайта цвета
  • Добавление фавиконки
  • Начало редактирования содержимого веб-сайта
  • Добавление пользовательского элемента с помощью Elementor
  • Редактирование текста на веб-сайте
  • Обновление ссылок
  • Изменение цвета отдельных элементов
  • Добавление изображений
  • 1 Обновление макета и внешнего вида
  • Добавление новых разделов на страницу
  • Обновление страниц
  • Обновление меню
  • Создание новой страницы
  • Установка домашней страницы в качестве блога
  • Обновление страницы записей блога1 Настройки дисплея
  • Удаление образцов Статьи
  • Отключение комментариев
  • Отключение комментариев
  • Начать редактирование Контактный контакт Page
  • Добавление пользовательских контактных контактных форм
  • Обновление веб-сайта
  • Обновление социальных ссылок
  • Обновление сайта Booker
  • Обновление пользовательских CSS
  • Обновление прокрутки к началу button

Посмотрите полный курс ниже или на сайте freeCodeCamp.org YouTube канал (2 часа просмотра).

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

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

Доменное имя — это имя вашего веб-сайта. Это то, что посетители вводят в своих браузерах, чтобы найти ваш сайт (например, wordpress.com, iconprosolutions.com).

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

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

.

Шаг 2. Выберите веб-хостинг 

Считайте веб-хостинг домом для своего веб-сайта в Интернете. Все веб-сайты в Интернете нуждаются в веб-хостинге для хранения файлов своих веб-сайтов.

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

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

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

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

Шаг 3: Установите WordPress

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

Теперь вам просто нужно войти в свою учетную запись Bluehost, а затем нажать кнопку «Войти в WordPress», чтобы начать.

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

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

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

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

Если вам знакомо название темы, которую вы выбрали, просто напишите название темы в строке поиска и нажмите «Установить».

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

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

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

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

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

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

Шаг 6. Настройка параметров сайта

Постоянные ссылки — это постоянные URL-адреса ваших сообщений в блоге или других страниц вашего веб-сайта.

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

Структура постоянных ссылок также определяет, как выглядят ссылки на вашем сайте. Например, давайте возьмем домен iconprosolutions.com, если мы работаем над нашей страницей блога, постоянная ссылка для нашей страницы блога должна выглядеть как www.iconprosolutions.com/blogs/

.

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

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

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

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

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

Будьте проще

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

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

Сделайте ваш контент эффективным

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

Включите раздел «О нас» и используйте социальное доказательство

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

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

Как создать веб-сайт с помощью Elementor (подробное руководство)

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

Краткое введение об Elementor

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

Сам Elementor выпущен как бесплатный плагин. Профессиональная версия (стоимостью 49 долларов в год) имеет следующие ключевые функции.

  • Конструктор тем
  • Конструктор всплывающих окон
  • Конструктор WooCommerce
  • Маркетинговые инструменты
  • Конструктор форм
  • Дополнительные виджеты
  • Дополнительные виджеты
  • О преимуществах Element для вас или бесплатно получите с Elementor Pro.

    Подготовка

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

    • Домашняя страница
    • О странице
    • Страница контактов
    • Страница обслуживания
    • Страница клиентов

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

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

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

    Домен — это адрес, по которому люди могут получить доступ к вашему веб-сайту (т.е. yourwebsite.com), а хостинг (точнее веб-хостинг) — это место, где установлен ваш сайт. Домен .com обычно стоит от 8 до 13 долларов в год. Для хостинга вы можете использовать план в соответствии с вашими потребностями.

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

    Elementor Pro

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

    Начало работы

    Установка WordPress

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

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

    Установка Elementor Pro

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

    Активируйте плагин сразу после его установки.

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

    Примечание. Для Elementor Pro требуется Elementor Free. Вы можете скачать Elementor бесплатно в официальном каталоге плагинов WordPress.

    Создание основных статических страниц вашего веб-сайта

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

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

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

    Установите макет страницы, щелкнув значок шестеренки в нижнем левом углу левой панели. Установите макет страницы на Elementor Full Width .

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

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

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

    Завершив настройку содержимого, нажмите кнопку ПУБЛИКАЦИЯ на левой панели, чтобы опубликовать страницу.Вы также можете предварительно просмотреть его, щелкнув значок глаза.

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

    О странице

    Создайте новую страницу ( Страницы -> Добавить новую ) и отредактируйте ее с помощью Elementor. Вы можете дать этой странице название, например, «о нас» или «о нас». Щелкните значок шестеренки на левой панели и установите макет страницы на Elementor Full Width .

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

    Адаптируйте содержимое так же, как вы делали это на главной странице, и опубликуйте страницу.

    Страница контактов

    Создайте новую страницу и отредактируйте ее с помощью Elementor. Вы можете дать этой странице имя, например, «Контакты» или «Свяжитесь с нами». Установите макет страницы на Elementor Full Width .

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

    Адаптируйте содержимое. После этого опубликуйте страницу

    Страница клиентов

    Страница «Клиенты» используется для демонстрации клиентов, с которыми работала ваша компания. Создайте новую страницу и отредактируйте ее с помощью Elementor.Назовите эту страницу, например, «Клиенты» или «Счастливые клиенты». Установите макет страницы на Elementor Full Width .

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

    Адаптируйте содержимое. После этого опубликуйте страницу.

    Страница услуг

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

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

    Адаптируйте содержимое. После этого опубликуйте страницу.

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

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

    • Заголовок
    • Нижний колонтитул
    • 404 Страница
    • Шаблон отдельной записи
    • 8 9 Некоторые другие темы могут состоять из нескольких частей , в зависимости от сложности темы.Функция конструктора тем Elementor позволяет вам создавать указанные выше части, и мы создадим их на создаваемом нами веб-сайте. Кроме того, мы также создадим единый шаблон сообщения и всплывающее окно.

      — Шапка

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

      Дайте вашему новому меню имя и нажмите кнопку Создать меню .

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

      После создания меню перейдите к Templates -> Theme Builder .На экране Theme Builder щелкните вкладку Header на левой панели и нажмите кнопку Add New , чтобы создать новый заголовок.

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

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

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

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

      Нажмите кнопку ПУБЛИКАЦИЯ в нижней части левой панели, чтобы опубликовать заголовок.Вам будет предложено установить условия отображения. Просто нажмите кнопку ДОБАВИТЬ УСЛОВИЕ , чтобы установить условие отображения.

      По умолчанию ваш шаблон заголовка будет применен ко всему веб-сайту. Если вы хотите, чтобы ваш шаблон заголовка применялся ко всему веб-сайту, вы можете просто нажать кнопку СОХРАНИТЬ И ЗАКРЫТЬ . И наоборот, если вы хотите, чтобы ваш заголовок был применен к определенной странице (страницам) или сообщению (сообщениям), выберите страницу (страницы) или сообщение (я) из раскрывающегося меню, прежде чем нажимать кнопку СОХРАНИТЬ И ЗАКРЫТЬ

      — Нижний колонтитул

      То же, что и верхний колонтитул, вы можете перейти к Templates -> Theme Builder , чтобы создать нижний колонтитул.Перейдите на вкладку Нижний колонтитул на левой панели и нажмите кнопку Добавить новый , чтобы создать новый нижний колонтитул.

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

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

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

      Щелкните виджет «Форма», чтобы перевести его в режим редактирования и настроить параметры. Elementor поддерживает интеграцию с несколькими службами почтового маркетинга, включая Mailchimp, MailerLite и GetResponse. Вы можете прочитать этот пост, чтобы узнать больше о том, как интегрировать Elementor с инструментом электронного маркетинга.

      Нажмите кнопку ПУБЛИКАЦИЯ , чтобы опубликовать шаблон нижнего колонтитула, и нажмите кнопку ДОБАВИТЬ УСЛОВИЕ , чтобы установить условие отображения. Как и в случае с заголовком, шаблон нижнего колонтитула по умолчанию будет применяться ко всему сайту. Чтобы применить шаблон нижнего колонтитула к определенной странице (страницам) или сообщению (сообщениям), выберите страницу (страницы) или (сообщения) из раскрывающегося меню и нажмите кнопку СОХРАНИТЬ И ПУБЛИКОВАТЬ .

      — Страница 404

      Чтобы создать страницу 404, перейдите в Templates -> Theme Builder .На экране Theme Builder перейдите на вкладку Error 404 на левой панели и нажмите кнопку Add New .

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

      Нажмите кнопку ПУБЛИКАЦИЯ и установите условия отображения. Обязательно выберите 404 Page и нажмите кнопку СОХРАНИТЬ И ПУБЛИКОВАТЬ .

      Шаблон одиночного поста

      Перейдите в Templates -> Theme Builder , чтобы создать шаблон одиночного поста. На экране Theme Builder перейдите на вкладку Single Post на левой панели и нажмите кнопку Add New .

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

      Нажмите кнопку ПУБЛИКАЦИЯ и установите условия отображения. По умолчанию этот шаблон будет применяться ко всему сайту. Это также означает, что каждый раз, когда вы пишете новую запись в блоге, новая запись в блоге будет публиковаться с этим единственным шаблоном записи. Если по определенной причине вы хотите применить единый шаблон сообщения для определенной категории, просто выберите категорию в раскрывающемся меню, прежде чем нажать кнопку S AVE & CLOSE .

      — Страница новостей

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

      Чтобы создать эту страницу, перейдите в Templates -> Theme Builder . Перейдите на вкладку Архив на левой панели и нажмите кнопку Добавить новый .

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

      Нажмите кнопку ПУБЛИКАЦИЯ и установите условия отображения.Вы можете управлять типами архивов, отображаемыми на этой странице, задав условия отображения. Например, если вы хотите отображать только архив сообщений, вы можете установить условие отображения Архив сообщений . И нажмите кнопку СОХРАНИТЬ И ЗАКРЫТЬ .

      Всплывающее окно

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

      И наоборот, если вы хотите использовать всплывающее окно, вы можете сначала создать всплывающее окно. Для этого перейдите в Templates -> Popups . Нажмите кнопку Добавить новый , дайте всплывающему окну имя и нажмите кнопку СОЗДАТЬ ШАБЛОН .

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

      Нажмите кнопку ПУБЛИКАЦИЯ . В появившемся всплывающем окне нажмите кнопку NEXT , чтобы установить триггер.

      Мы будем использовать триггер по клику для отображения всплывающего окна, поэтому включите параметр On Click и нажмите СОХРАНИТЬ И ЗАКРЫТЬ .

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

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

      Поздравляем! Вы только что создали свой сайт.

      Практический результат

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

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

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

      Как использовать WordPress для создания веб-сайта [Руководство для начинающих]

      Да, существует множество руководств, объясняющих, как создать сайт на WordPress.

      Но чем больше ты их читаешь, тем больше запутываешься.

      Не волнуйтесь.

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

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

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

      Улучшите общение с клиентами

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

      Узнайте больше о чат-ботах

      Взгляните на них, если хотите узнать больше о WordPress:

      Прежде всего, давайте ответим на основные вопросы—

      Как работает WordPress? И вообще, что это такое?

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

      WordPress является крупнейшим в своем роде в Интернете. Его используют 35% всех веб-сайтов в Интернете. На момент написания этой статьи последнюю версию WordPress скачали 66 490 408 раз.

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

      WordPress очень удобен и интуитивно понятен.

      Источник: buildwith

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

      Одна секунда — но о каком WordPress мы говорим?

      1. Выберите правильный тип WordPress для вашего сайта

      Вот в чем дело:

      WordPress поставляется в двух вариантах: WordPress.com и WordPress.org

      .

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

      Давайте посмотрим на разницу между ними.

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

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

      Хорошо. Но что это значит? Возьмем их по одному.

      Что такое WordPress.com?  

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

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

      Что такое WordPress.org?  

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

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

      Посмотрите на инфографику ниже, прежде чем вы узнаете, как запустить сайт WordPress. Это краткое введение в WordPress.org и WordPress.com.

      Источник: wpbeginner

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

      Итак—

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

      2. Получите свой домен и хостинг

      Давайте дадим правильные определения:

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

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

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

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

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

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

      Bluehost является рекомендуемым хостинг-провайдером WordPress и размещает большинство веб-сайтов WordPress. SiteGround — хостинг-провайдер с самым высоким рейтингом среди пользователей WordPress. И GoDaddy является крупнейшим регистратором доменов в мире, он стоит сразу после Google как крупнейший хостинг-провайдер, и настройка очень проста.

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

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

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

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

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

      • Придумайте несколько названий для своего веб-сайта на случай, если первое будет занято. На момент написания этой статьи существовало более 1,9 миллиарда веб-сайтов, и их число продолжает расти, поэтому вам, возможно, придется проявить творческий подход.
      • Учитывайте возможные опечатки, которые могут допустить ваши клиенты при вводе имени вашего домена. Если возможно, упростите свое имя.
      • Решите, хотите ли вы, чтобы ваш веб-сайт заканчивался на «.com» (используется чаще всего; для коммерческого и личного использования), «.net» (подходит для интернет-инфраструктуры) или «.org» (в основном используется для некоммерческих целей). компании).
      • Учитывайте длину своего имени. Некоторые браузеры не разрешают ввод более 26 символов.

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

      Если это бесплатно, отлично! Идем дальше 🙂

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

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

      Запомнить

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

      • PHP 7.4 или выше
      • MySQL 5.6 или MariaDB 10.1 или выше

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

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

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

      Через вашего хостинг-провайдера

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

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

      Непосредственно через WordPress

      Это займет у вас не более 5 минут. Просто выполните следующие простые шаги:

      Что такое MySQL?

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

      Теперь вы можете загружать файлы WordPress в нужное место.

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

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

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

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

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

      Как сделать ваш сайт WordPress живым и общедоступным?

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

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

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

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

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

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

      Итак, давайте перейдем к делу и посмотрим, как создать веб-сайт с помощью WordPress.

      4. Знакомство с панелью управления WordPress

      Как только вы войдете в систему, начнется самое интересное!

      Весело? Значит, WordPress прост в использовании?

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

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

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

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

      5. Выберите тему WordPress

      темы WordPress определяют внешний вид вашего сайта WordPress.

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

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

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

      Как только вы найдете тему, соответствующую вашему типу веб-сайта, установите ее одним нажатием кнопки… Установить . Да это же очевидно.

      Но—

      Что делать, если вам не нравится ни одна из тем, которые есть в WordPress? Перейдите на сайт themeforest.net, Elegantthemes.com или mythemeshop.com. Там вы можете просмотреть тысячи тем WordPress и найти идеально подходящую для вашего сайта.

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

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

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

      Вы попадете в соответствующий раздел меню.

      1. Идентификатор объекта. Измените заголовок и слоган.
      2. Цвета. Измените цветовую схему вашего сайта.
      3. Заголовок носителя. Управляйте изображением/видео, которое люди видят прямо вверху вашей страницы.
      4. Вкладка «Меню». Настройте главное меню для своего веб-сайта и меню социальных ссылок для ссылок в социальных сетях. Вы также можете выбрать, где их отображать.
      5. Виджеты. Добавьте виджеты на свои страницы и решите, где их разместить.
      6. Настройки домашней страницы. Выберите, какую страницу вы хотите использовать в качестве домашней.
      7. Дополнительный CSS. Добавьте свой собственный код CSS, чтобы еще больше персонализировать свой сайт.

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

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

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

      Что такое виджеты на веб-сайте WordPress?

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

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

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

      6. Создание содержимого

      В WordPress есть два основных типа контента: страницы и записи.

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

      Чтобы добавить контент на свои веб-страницы:

      • Перейдите на вкладку Страницы  
      • Нажмите Добавить новый  

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

      Вот как это выглядит на практике:

      Блоки — это элементы вашего сайта, такие как текст, мультимедиа или кнопки.

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

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

      Блоки

      в конструкторе страниц позволяют легко настроить каждую часть страницы. Блоки подразделяются на :

      • Текст
      • Медиа
      • Дизайн
      • Виджеты
      • Встраивания

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

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

      • Домашняя страница
      • Продукт 
      • Блог
      • О нас
      • Свяжитесь с нами

      Это стандартный макет меню для веб-сайтов. Люди ожидают этого, поэтому вам следует придерживаться того, что они знают. Не сбивайте с толку вашего читателя, потому что запутав его, вы часто потеряете его. Как написал Дональд Миллер в своей книге Building a StoryBrand : «Если вы запутаетесь, вы проиграете».

      Как создавать сообщения в блоге на WordPress?

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

      Инструкции к категориям WordPress:

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

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

      Как использовать шорткод в WordPress

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

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

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

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

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

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

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

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

      ОК—

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

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

      Давайте добавим ваш первый медиафайл:

      • Щелкните Добавить новый .
      • Откроется коробка. Здесь вы можете перетаскивать файлы или выбирать их со своего устройства.

      Тема выбрана. Присутствуют визуалы. Контент тоже здесь.

      Далее: за кулисами вашего сайта. Или, другими словами: как настроить сайт на WordPress.

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

      справа —

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

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

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

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

      Запись настроек

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

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

      Чтение настроек

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

      Профессиональный совет

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

      Не забудьте снять флажок, как только ваш сайт будет готов.

      Обсуждение

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

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

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

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

      Настройки носителя

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

      Рекомендуемые размеры изображений для WordPress: :

      • Блог Сообщений: 1200 x 630px
      • Герой Изображения (полноэкранные изображения): 2880 x 1500px
      • Изображение ландшафта: 900 x 1200px
      • Изображение портрета: 1200 x
      • Изображение портрета: 1200 x 900
      • полноэкранный слайд-шоу: 2800 x 1500px
      • галерея изображения: 1500 пикселей x автоматическая ширина

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

      Настройка постоянной ссылки

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

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

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

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

      9. Получите плагины для вашего сайта WordPress

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

      Что такое плагины WordPress?

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

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

      Я бы сказал, что меньше значит больше. Прелесть WordPress заключается в возможности добавления новых функций в виде плагинов. Часто люди перебарщивают и загружают миллион плагинов. Это замедляет работу сайта и делает его неуклюжим. Несколько надежных плагинов, таких как Beaver Builder, Gravity Forms и другие, — это все, что вам действительно нужно.

      Ной Вертефёй

      Веб-разработчик и эксперт по WordPress

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

      Рекомендуем прочитать
      Узнайте, как добавить чат Tidio на свой веб-сайт WordPress.

      Улучшите свою электронную коммерцию с помощью чат-ботов

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

      Попробуйте чат-боты Tidio

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

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

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

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

      10. Добавить пользователей

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

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

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

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

      Готово? Не совсем. Давайте сначала посмотрим на инструменты, которые есть в вашем распоряжении.

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

      Допустим, у вас есть Blogger, Tumblr или другой веб-сайт WordPress. Нажмите кнопку «Установить сейчас» под платформой. Это вызовет всплывающее окно с информацией о подключении. Вам необходимо указать имя хоста, имя пользователя FTP/SSH и пароль FTP/SSH вашего другого веб-сервера, чтобы WordPress мог получить к нему доступ.

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

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

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

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

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

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

      Хорошо —

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

      12. Запустите блог WordPress

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

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

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

      Итак, вот как создать блог WordPress:

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

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

      Эллиот Олсон

      Дизайнер веб-сайтов

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

      Как создать веб-сайт с помощью WordPress: советы и рекомендации

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

      • Поэкспериментируйте перед тем, как приступить к реальной работе

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

      • Немедленно сделайте свой сайт видимым для Google

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

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

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

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

      Для чего используется WordPress?

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

      Где найти помощь, если вы уже используете WordPress?

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

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

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

      Ключи на вынос

      Создание веб-сайта на WordPress может занять немного времени, но оно того стоит!

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

      .

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

      Удачи и получайте удовольствие от использования WordPress! Это будет захватывающее путешествие для вас и вашего бизнеса.

      Превратите посетителей вашего сайта в довольных клиентов.

      Установите приложение для онлайн-чата Tidio за 5 минут и наблюдайте, как растут ваши продажи.

      Узнайте о живом чате

      Как создать блог или веб-сайт WordPress в 2020 году, как профессионалы

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

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

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

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

      Шаг 1: покупка доменного имени

      Доменное имя — это адрес, который люди будут использовать для доступа к вашему веб-сайту в Интернете. Например, google.com — это доменное имя, как и oceanwp.org.

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

      Если вам не хватает идей, такие инструменты, как Namemesh, Shopify и Namestation, могут помочь вам провести мозговой штурм возможных доменных имен.

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

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

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

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

      Шаг 2. Получите высококачественный хостинг

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

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

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

      В зависимости от функций, которые вы получаете, высококачественный хостинг WordPress от известной компании может стоить около 5 долларов в месяц (Siteground), 10 долларов в месяц (Cloudways) или 30 долларов в месяц (Kinsta). Вот основное сравнение, которое поможет вам выбрать один из этих вариантов.

      Siteground Cloudways Kinsta
      Pros Хорошая общая производительность

      Включает сертификаты SSL

      Качественная поддержка клиентов

      Доступные тарифные планы

      Неограниченное количество веб-сайтов

      Автоматическое резервное копирование сайта

      Расширенная серверная консоль

      Плата по мере использования

      Лучшая общая производительность

      Автоматическое резервное копирование сайта

      Экспертная поддержка WordPress

      Включает SSL-сертификаты

      Минусы Ограниченное пространство для хранения

      Ограниченное количество веб-сайтов

      Нет cPanel для управления сайтами

      Требуются некоторые технические знания

      Дороже, чем другие хосты

      Без хостинга электронной почты

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

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

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

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

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

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

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

      Шаг 3. Добавьте пользовательские серверы имен

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

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

      Серверы имен — это в основном URL-адреса, состоящие из идентификатора, за которым следует домен вашего хоста. Например, если вы приобрели хостинг у SiteGround, ваши серверы имен могут выглядеть так:

      .
      • ns1.siteground.com
      • ns2.siteground.com

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

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

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

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

      Шаг 4: Установите WordPress

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

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

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

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

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

      На следующем экране нажмите кнопку «Установить», и вы увидите форму установки WordPress.

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

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

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

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

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

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

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

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

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

      Шаг 5. Войдите в панель управления WordPress

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

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

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

      http://вашдомен.com/wp-admin

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

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

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

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

      Шаг 6. Установите тему WordPress

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

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

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

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

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

      Оказавшись там, введите OceanWP в строке поиска и нажмите Enter. Вы сможете увидеть возможность установки темы OceanWP.

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

      Шаг 7. Установите основные подключаемые модули

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

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

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

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

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

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

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

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

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

      Шаг 8. Начните настройку

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

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

      В панели управления WordPress перейдите в раздел «Внешний вид» > «Настроить», чтобы перейти к панели настройки.

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

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

      На панели настройки нажмите «Заголовок», а затем «Лого».

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

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

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

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

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

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

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

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

      Шаг 9. Изменение настроек постоянной ссылки

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

      Но на данный момент веб-сайт пуст, так как на нем нет ни сообщений, ни страниц.Итак, давайте поработаем над созданием некоторых важных страниц.

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

      .

      вашдомен.com/?page_id=435

      yourdomain.com/2018/05/19/sample-post/

      вашдомен.com/?page_id=821

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

      .

      ваш домен.ком/контакт/

      yourdomain.com/marketing-tips/

      yourdomain.com/about-me/

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

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

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

      Шаг 10. Создание/редактирование страниц

      Теперь стандартный способ создать страницу в WordPress — нажать «Страницы» > «Добавить новую» на панели управления WordPress.

      Далее вы увидите интерфейс текстового редактора WordPress, который немного похож на программы обработки текстов, такие как WordPad или MS Word.

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

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

      Редактировать существующие страницы так же просто. Перейдите в Страницы > Все страницы, чтобы просмотреть список всех созданных вами страниц.

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

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

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

      Шаг 11. Импорт демо-версии OceanWP

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

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

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

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

      В панели администратора WordPress перейдите в раздел «Плагины» > «Добавить новый» и выполните поиск «Импорт демо-версии Ocean».

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

      Допустим, я хочу создать веб-сайт о йоге. Теперь именно для этой цели в OceanWP доступна бесплатная демоверсия.

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

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

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

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

      После активации плагинов нажмите кнопку «Перейти к следующему шагу».

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

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

      Шаг 12. Создание страниц с помощью Elementor

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

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

      Чтобы отредактировать страницы, полученные в результате импорта демо-версии OceanWP, перейдите в «Страницы» > «Все страницы» на панели инструментов WordPress, чтобы просмотреть список всех импортированных страниц.

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

      Чтобы отредактировать страницу, наведите указатель мыши на заголовок страницы в списке, и вы увидите ссылку «Редактировать с помощью Elementor». Как только вы нажмете на эту ссылку, вы увидите такой интерфейс:

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

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

      По умолчанию ширина страницы будет равна той, которую вы установили в панели настройки WordPress.Если вы хотите создать страницу, занимающую всю ширину экрана, прокрутите вниз до раздела «Настройки OceanWP» и перейдите на вкладку «Основные».

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

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

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

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

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

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

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

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

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

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

      Шаг 14. Измените свое меню

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

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

      В панели администратора WordPress выберите «Внешний вид» > «Меню».

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

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

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

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

      Заключение

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

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

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

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

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

      Как создать форму в WordPress

      Учебники — Гравитационными формами Опубликовано 11 октября 2021 г.

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

      Фактически, вы можете создать форму в WordPress за несколько простых шагов:

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

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

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

      Когда дело доходит до плагинов для форм WordPress, Gravity Forms является одним из самых популярных вариантов среди пользователей WordPress — и легко понять, почему благодаря мощному набору функций и репутации в области безопасности и надежности!

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

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

      Типы форм, которые вы можете создавать с помощью Gravity Forms, включают…

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

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

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

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

      Для этого откройте панель управления WordPress и выберите Плагины > Добавить новый > Загрузить . Найдите ZIP-файл плагина на своем компьютере и нажмите Install > Activate .

      После установки плагина следуйте инструкциям по его регистрации в Gravity Forms.

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

      Создать новую форму

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

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

      Добавить поля формы

       

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

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

      • Стандартные поля — например, Текст абзаца , Флажок , Радиокнопки и Раскрывающийся список полей.
      • Расширенные поля — например, Имя , Электронная почта , Телефон и Адрес поля.
      • Поля сообщений — они полезны, если вы хотите создавать сообщения из отправленных форм.
      • Поля ценообразования — используйте их для интеграции платежных шлюзов и настройки параметров продукта.

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

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

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

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

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

      Встроить форму на страницу или в публикацию

       

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

      В панели администратора WordPress перейдите к записи или странице, где вы хотите разместить форму. Нажмите на значок Plus  в редакторе блоков и найдите Gravity Forms. Под Embeds нажмите Form — это вставит блок Gravity Forms.

      Затем выберите нужную форму из раскрывающегося меню, чтобы вставить эту форму на страницу.

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

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

      Экономьте время с помощью шаблонов форм

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

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

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

      Затем перейдите на панель инструментов WordPress и нажмите Forms > Import/Export > Import Forms .Найдите шаблон формы и нажмите Импорт .

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

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

      Куда мне идти дальше?

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

      По мере роста ваших требований к формам вы обнаружите, что широкий ассортимент интеграций с Gravity Forms бесценен. Принимайте платежи на своем веб-сайте с помощью Gravity Forms и Stripe, PayPal или Authorize.Net, отправляйте файлы форм в Dropbox или синхронизируйте свои формы с более чем 2000 других приложений и сервисов с помощью нашего надстройки Zapier.Какими бы ни были ваши потребности, Gravity Forms может удовлетворить их!

      У вас еще нет гравитационных форм?

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

      Уже продано использование Gravity Forms? Купите наш премиальный плагин формы WordPress сегодня!

       


      Если вы хотите быть в курсе того, что происходит в блоге, подпишитесь на информационный бюллетень Gravity Forms!

      Как создать сайт WordPress с помощью Elementor

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

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

      • Техническая установка
      • Создание страниц сайта
      • Знакомство с Elementor

      Создание веб-сайтов WordPress с помощью Elementor

      1.Техническая настройка

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

      • Домен
      • Хостинг для файлов вашего сайта
      • Рабочая установка WordPress

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

      Установите плагин Elementor

      Сначала нам нужно установить плагин Elementor.Есть две версии, бесплатная версия и версия Pro. В версии Pro вам будет доступен ряд профессиональных функций, в том числе некоторые премиальные шаблоны и блоки, которые помогут вам создать именно то, что вы хотите. Чтобы получить плагин, посетите https://elementor.com; бесплатная версия сразу же доступна на главной странице, но для версии Pro перейдите на страницу с ценами, чтобы сделать свой выбор.

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

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

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

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

      Пункт меню Elementor

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

      Установите плагин Envato Elements

      Поскольку наша техническая настройка почти завершена, пришло время установить плагин Envato Elements. Это позволит нам загрузить и использовать целую кучу готовых шаблонов для Elementor. Посетите репозиторий плагинов WordPress по адресу https://wordpress.org/plugins/envato-elements/ и загрузите плагин в свою систему. Процесс установки плагина такой же, как и раньше.

      Теперь ваша страница плагинов должна выглядеть примерно так:

      2. Создайте страницы веб-сайта 90 118

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

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

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

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

      • Страница меню: с шаблоном меню 5
      • О программе: с помощью шаблона О программе 1
      • Контакт: с шаблоном Контакт 2

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

      Недавно созданные страницы Elementor

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

      3. Знакомство с Elementor

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

      .

      Редактор Elementor показывает страницу, которую вы редактируете, с большим меню слева. Все виджеты, которые вы видите (например, Внутренний Раздел , Заголовок , Изображение ), можно перетаскивать на страницу.

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

      Три ключевых аспекта

      Есть три ключевых аспекта работы с Elementor, а именно:

      1. Секции
      2. Столбцы
      3. Виджеты

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

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

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

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

      Приближается

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

      Полезные ссылки

      шаблонов Elementor теперь доступны на Envato Elements — вот пояснительное видео, а также другие учебные ресурсы, которые помогут вам улучшить свою игру Elementor!

      .

    Leave a Reply