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

Содержание

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

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

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

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

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

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

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

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

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

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

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

PHP/MySQL для начинающих

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

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

Разработка сайтов на WordPress в Москве, заказать разработку сайта на WordPress под ключ, доступные цены — CASTCOM

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

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

Помимо простоты администрирования эта CMS имеет ряд других преимуществ:

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

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

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

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

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

Решаемые задачи

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

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

Независимо от выбранного тарифа все клиенты нашей компании получают:

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

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

Сроки разработки

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

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

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

С WordPress Page Builders создать сайт легко! — Джино • Журнал

6 октября 2019 г.

Время чтения: 2 минуты

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

Она познакомит вас с очень полезным инструментом, имя которому WordPress Page Builders.

Что такое Page Builders?

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

Зачем вам нужен WordPress Page Builder

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

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

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

Качества, которые нужно искать в WordPress Page Builder

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

Скорость

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

Отклик

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

Особенности

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

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

Совместимость

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

SEO

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

Шаблоны и демо-версии

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

Продолжение следует…

Как сделать сайт на WordPress. Опыт сеошника.

Главная -> Статьи -> Как сделать сайт на WordPress

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


Что такое WordPress и почему именно он?

WordPress — это система управления сайтом (CMS), которая обрела большую популярность среди блоггеров и школьников разного уровня подготовки. Система управления сайтом позволяет, имея начальные знания о сайтостроении, лепить на коленках сайты с завидной успешностью. Вы можете вообще не знать HTML и CSS, не говоря уж о Java и PHP, и успешно решать задачи по добавлению контента на свой свежесозданный блог.

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

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

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

Что нужно для того, чтобы сделать сайт на WordPress.

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

Начнём с разбора технических наворотов, которые необходимо иметь, чтобы создать сайт:

  1. Компьютер не супер-топовой комплектации, но достаточной для того, чтобы запустить Photoshop и выйти без лагов в Интернет.
  2. Собственно, доступ в Интернет. При этом, желательно, не с телефона с минимальной скоростью, а добротный, как минимум 10 Мбит/сек., иначе вы проклянёте сайтостроение.
  3. Программа для обработки изображений на вашем ПК. Желательно, чтобы это был не Paint, а Photoshop или Gimp.
  4. Оплаченный хостинг на 100 Мб. и домен в любой понравившейся вам зоне (ru, com, biz и т.п.).

Навыки, необходимые для создания сайта на WordPress:

  1. Компьютерная грамотность уровня «выше чайника». Вы должны уметь включить компьютер, добиться нормальной работы Интернета, уметь написать текст в каком-нибудь редакторе, найти информацию в Интернете, обработать картинку графическим редактором.
  2. Базовые знания о том, как работают сайты. В частности, что такое хостинг и домен, как их получить и как ими пользоваться.
  3. Базовые знания по SEO, касающиеся того, что такое SEO вообще и что должно быть на сайте, чтобы как-то его оптимизировать под поисковые системы.
  4. Навык исследования методом тыка уровня 80+. Это, пожалуй, основной скилл, необходимый для того, чтобы создать сайт на WordPress. Нужно отчётливо понимать, что создание сайтов — это целая вселенная и просто так запрыгнуть в неё с головой и сделать всё круто за полчаса не получится. Вам так или иначе придётся учиться, узнавать новые понятия, разбираться с новыми инструментами.

Как я создавал сайт на WordPress.

Для закрепления всего вышесказанного, постараюсь кратко рассказать, как я создавал сайт на WP.

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

Шаги решения задачи:

  1. Купил домен в зоне ru, название которого относится к юридической тематике и частично отражает направленность сайта: law-consulting.ru.
  2. Выбрал и проплатил на пол-года хостинг с поддержкой MySQL, PHP, SMTP.
  3. Припарковал домен на хостинге.
  4. Прямо из панели управления хостингом развернул WordPress (делается нажатием одной кнопки).
  5. Вместе с заказчиком выбрал и установил из админки WordPress подходящий шаблон для сайта. Выбирали строгий минималистичный шаблон с адаптивной вёрсткой.
  6. Вместе с заказчиком подготовили структуру будущего сайта, обсудили пункты меню, нужный функционал.
  7. Для персонализации шаблона подготовил изображения и текстовый контент.
  8. Разместил изображения и текстовый контент на сайте, настроил меню, создал страницы структуры (пока пустые), настроил ЧПУ для каждой страницы.
  9. Подключил SEO-модуль и настроил мета-теги для всех страниц, сгенерировал карту сайта.
  10. Подключил модуль формы обратной связи, сгенерировал модуль Яндекс.Карты, установил всё это богатство на страницу «Контакты».
  11. Разместил подготовленные заказчиком материалы по всей структуре сайта, исправил замечания и недочёты путём редактирования исходного кода шаблонов.

Ну, вот, пожалуй и всё. Теперь в Интернете появился ещё один сайт с юридическими услугами. Рекомендую: www.law-consulting.ru

Сайт на WordPress.com — Админу.Ру

На сайте WordPress.com вы можете увидеть скромную надпись:

26% сайтов в Интернете работают на WordPress.

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

WordPress.com

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

WordPress от и до

Изначально WP позиционировался как платформа для персонального блога (stand alone blog). Далее платформа развивалась, появилась возможность создавать сайты только из статических страниц, возможность создавать каталоги товаров и галереи изображений. Встраивание плагинов, включение-отключение колонок, слайдеры, адаптивный дизайн, поддержка таблеток и мобильных устройств — всё постепенно включилось в платформу WordPress. Последнее нововведение — возможность создавать полноценные одностраничники и использовать видео-фоны. Практически всё, что создаётся в сфере строительства сайтов очень быстро появляется на платформе WP, либо в виде плагина/шаблона/фреймворка, либо в ядре самой платформы.

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

Создаём сайт на WordPress.com

На главной странице сайта WordPress.com нажимаем кнопку «Создать сайт» и переходим к мастеру создания нового сайта.

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

Конечно, выбираем Блог, ведь нас интересует тема создания бесплатного блога!

Конструируем главную страницу

На втором шаге определяемся с формой (макетом) главной страницы. Это определит последующий выбор шаблонов тем.

Выбираем шаблон

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

Подбор и регистрация домена

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

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

Тарифный план может быть только бесплатным! 🙂

Регистрация

Следующий обязательный шаг — регистрация. Удивительно, но до сих пор нельзя зарегистрироваться с помощью Google+ или Facebook (как в Weebly или WiX), уж про ВКонтакте вообще молчу (хотя NetHouse это позволяет сделать). Укажите почтовый ящик, логин и пароль. Почта должна быть актуальной, на неё придёт письмо с активацией аккаунта.

В тему: завести почту на Яндекс.

Письмо с активацией аккаунта

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

Подключение к сайту

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

Админка WordPress.com

Создание и публикация записей

Интерфейс создания/редактирования записей в конструкторе WordPress идентичен. В платформе для сайта редактор ничем не отличается от версии для конструктора.

Создание записи

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

Функционал WordPress в скриншотах

Статистика

Меню

Кросспостинг в социальные сервисы

Плагины

Настройки сайта

Совет

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

Как создавать сайт на WordPress: 18 онлайн-курсов

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

Платформа: Udemy

Udemy позволяет своим пользователям как публиковать курсы по любой тематике, так и учиться онлайн. В библиотеке платформы более 400 курсов, посвященных WordPress, 66 из них предоставляются бесплатно, 4 курса – на русском языке.

1. Как создать, развивать и продвигать сайт
Страница курса на Udemy

Курс разработали эксперты Теплицы социальных технологий Анна Ладошкина, Алексей Сидоренко, Алексей Ница. Продюсер курса Олег Гант. Учебную программу создали для сотрудников некоммерческих организаций, но она подходит всем, кто хочет научиться создавать сайты на WordPress.

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

  • Язык: русский;
  • Уровень: начинающий;
  • Продолжительность: 2 часа;
  • Доступ: бесплатно после регистрации.
2. Разработка сайта ОУ на WordPress
Страница курса на Udemy.

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

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

В курсе рассматриваются примеры реализации некоторых типовых функций на сайте с помощью плагинов для WordPress. Автор курса Сергей Золотухин – доцент кафедры НПО государственного университета Российской Федерации.

  • Язык: русский;
  • Уровень: начинающий;
  • Продолжительность: 1,5 часов;
  • Доступ: бесплатно после регистрации;
3. WordPress Backup And Restore Fundamentals / Основы резервного копирования WordPress
Страница курса на Udemy.

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

Автор курса Кристиан Градистеану (Cristian Gradisteanu) предприниматель и разработчик программного обеспечения.

  • Язык: английский;
  • Уровень: для любого уровня;
  • Продолжительность: 1 час;
  • Доступ: 9$ — разовый платеж.

Платформа: wpbeginner

Популярный блог о работе с WordPress, полезные советы и подсказки, представляет также серию обучающих видео. Автор уроков Сейд Балкини (Syed Balkhi) фрилансер и блоггер, активно использующий систему для различных задач.

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

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

4. Wpbeginner: WordPress для начинающих
Страница курса Wpbeginner.

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

  • Язык: английский;
  • Уровень: начинающий;
  • Продолжительность: 1,5 часа;
  • Доступ: бесплатно после регистрации.

Платформа: Treehouse

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

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

Автор курсов Zac Gordon имеет многолетний опыт работы с WordPress и преподавания, активный участник WordPress сообщества

5. SEO for WordPress / Поисковая оптимизация для WordPress
Страница курса на Treehouse.

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

  • Язык: английский;
  • Уровень: начинающий;
  • Продолжительность: 2 часа;
  • Доступ: по подписке, тариф от 25$/мес. (бесплатный пробный период 14 дн.).
6. Moving from WordPress.com to Self-Hosted WordPress.org / Миграция с wordpress.com на собственный хостинг
Страница курса на Treehouse.

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

Язык: английский Уровень: продвинутый пользователь Продолжительность: 30 мин. Доступ: по подписке, тариф от 25$/мес. (бесплатный пробный период 14 дн.)
7. Learn WordPress Development / Изучаем разработку под WordPress
Страница курса на Treehouse.

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

  • Язык: английский;
  • Уровень: разработчик;
  • Продолжительность: 12 блоков общей продолжительностью до 20 часов;
  • Доступ: по подписке, тариф от 25$/мес. (бесплатный пробный период 14 дн.).

Платформа: linda.com

Популярная платформа онлайн-курсов linda.com содержит в своем каталоге 78 онлайн-курсов и 1892 видеоурока, по теме WordPress. Вы найдете курсы по созданию сайтов, поисковой оптимизации для WordPress, обзоры популярных плагинов и специализированные курсы для разработчиков по использованию современных подходов при программировании для WordPress.
8. WordPress: Developing with Sass and Grunt.js / WordPress: разработка с Sass и Grunt.js
Страница курса на linda.com.

В курсе рассматривается использование препроцессора Sass и средства автоматизации задач Grunt.js при создании темы для WordPress.

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

Автор курса Мортен Ранд-Хендриксен (Morten Rand-Hendriksen), бизнесмен и разработчик, автор нескольких книг по веб-разработке.

  • Язык: английский;
  • Уровень: разработчик;
  • Продолжительность: 1,5 часа;
  • Доступ: по подписке, тариф от 24.99$/мес. (бесплатный пробный период 10 дн.).
9. Accessibility for WordPress / Доступность с WordPress
Страница курса на linda.com.

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

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

Автор курса Джо Долсон (Joe Dolson) разработчик плагинов для WordPress, контрибутор ядра WordPress и активный участник WordPress Accessibility Team (команды доступности WordPress)

  • Язык: английский;
  • Уровень: продвинутый пользователь/разработчик;
  • Продолжительность: 1,5 часа;
  • Доступ: по подписке, тариф от 24. 99$/мес. (бесплатный пробный период 10 дн.).

Платформа: wpapprentice.com

Cерия курсов по использованию WordPress, ориентированных на DIY владельцев сайтов. Бонусом к каждому курсу предлагаются дополнительные тренинги по безопасности сайта и форум вопросов и ответов, где пользователи получают практическую консультацию. Автор курсов Кирк Биглайон (Kirk Biglione), ведущий консультант по использованию WordPress, обобщил свой опыт в формате видеоиллюстраций к часто возникающим проблемам.
9. WordPress Quick Start / WordPress — быстрый старт
Страница курса на wpapprentice.com.

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

  • Язык: английский;
  • Уровень: начинающий;
  • Продолжительность: 1 час;
  • Доступ: бесплатно после регистрации.
10. WordPress Essentials / Основы работы с WordPress
Страница курса на wpapprentice.com.

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

  • Язык: английский;
  • Уровень: начинающий;
  • Продолжительность: 8 модулей продолжительностью до 1 ч;
  • Доступ: 47$ – разовый платеж.
11. WordPress Website Blueprint / Работа с WordPress — полный курс
Страница курса на wpapprentice.com.

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

  • Язык: английский;
  • Уровень: продвинутый пользователь;
  • Продолжительность: 6 модулей длительностью до 1 ч;
  • Доступ: 47$ – разовый платеж.

Платформа: TUTS+

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

12. WordPress Theme Creation With Underscores / Создания темы для WordPress на базе Underscores
Страница курса на TUTS+.

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

Автор курса Кез Брэйкей (Kezz Bracey) специализируется на разработке тем и шаблонов для WordPress и Ghost.

  • Язык: английский;
  • Уровень: разработчик;
  • Продолжительность: 2,2 часа;
  • Доступ: по подписке, тариф от 15$/мес. или единоразовый платеж в размере 15$.
13. Designing for WordPress / Дизайн для WordPress
Страница курса на TUTS+.

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

Автор курса Ади Пурдила (Adi Purdila) специализируется на разработке дизайна для тем оформления популярных CMS.

  • Язык: английский;
  • Уровень: дизайнер, продвинутый пользователь;
  • Продолжительность: 2,2 часа;
  • Доступ: по подписке, тариф от 15$/мес. или единоразовый платеж в размере 15$.

Платформа: WP101

Крэш-курс по работе с WordPress создал дизайнер Шон Хескет (Shawn Hesketh) в 2008. Курс постоянно обновляется и пополняется и новые уроки описывают обновления в WordPress. Короткие видеоуроки знакомят с основами работы на WordPress или помогают вспомнить какой-то из приемов, если он оказался забытым или не понятным. Для подписчиков доступны подборки справочных ресурсов и форум, на котором студенты получают практическую помощь преподавателя.
14. WP101 — серия WP101
Страница курса на WP101.

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

  • Язык: английский;
  • Уровень: начинающий;
  • Продолжительность: 2,5 часа;
  • Доступ: по подписке, тариф от 15$/мес.
15. WP101 — серия WP201
Страница курса на WP101.

Пополняемая видеобиблиотека уроков по работе с WordPress – различные аспекты управления и оптимизации сайта: RSS, структура ссылок, заголовки, аналитика и др.

  • Язык: английский;;
  • Уровень: продвинутый пользователь
  • Продолжительность: 2,5 часа;
  • Доступ: по подписке, тариф от 15$/мес.

Платформа: WPSession

Сервис обучающих вебинаров по теме WordPress где разработчики помимо доступа к видео-архиву записей получают доступ к видео-курсам, которые создали известные участники WordPress сообщества Пиппин Вильямсон (Pippin Williamson), Том МакФарлин (Tom McFarlin), Зак Толлман. Подписчикам доступны 4 курса по темам использования препроцессоров и оптимизации производительности сайта.
16. Your First WordPress Plugin / Ваш первый WordPress плагин
Страница курса на WPSession.

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

Автор курса Пиппин Вильямсон (Pippin Williamson) активный участник WordPress сообщества, разработчик плагинов, включая популярный Easy Digital Downloads.

  • Язык: английский;
  • Уровень: разработчик;
  • Продолжительность: 2,35 часа;
  • Доступ: по подписке, тариф 299$/год.
17. How to Optimize WordPress Performance / Как оптимизировать сайт на WordPress
Страница курса на WPSession.

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

Автор курса Зак Толлман (Zack Tollman), один из разработчиков Wired, участник разработки ядра WordPress и активный участник WordPress сообщества.

  • Язык: английский;
  • Уровень: разработчик;
  • Продолжительность: 3,21 часа;
  • Доступ: по подписке, тариф 299$/год.

Платформа: Level Up Tuts

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

18. Customizing WordPress / Настройка WordPress «под себя»
Страница курса на Level Up Tuts.

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

Автор курса Скотт Толински (Scott Tolinski), ведущий разработчик диджитал-агентства Team Detroit.

  • Язык: английский;
  • Уровень: разработчик;
  • Продолжительность: 2,5 часа;
  • Доступ: бесплатно.

Обучающие видео-каналы

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

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

Например, сессия вопросов и ответов на WordCamp Europe. В том числе там можно посмотреть записи докладов с третьей конференции WordCamp Russia 15 августа 2015 года в Москве, если вы ее пропустили.

  • Автор / продюсер: WordPress. org;
  • Количество роликов: архив за 5 лет;
  • Язык: русский/английский/другие языки.
  • Уровень: для разного уровня.
WP Cafe

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

  • Автор / продюсер: wpcafe.org;
  • Количество роликов: 38;
  • Язык: русский;
  • Уровень: начинающий.
WPBeginner

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

  • Автор / продюсер: Сейд Балкини (Syed Balkhi) / wpbeginner.com;
  • Количество роликов: архив за 6 лет;
  • Язык: английский;
  • Уровень: начинающий / продвинутый пользователь.
LearnWebCode / WordPress-серия

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

Рассматриваются принципы организации шаблонов, работа с меню, виджетами, форматами записей, взаимодействию с Customizer API.

  • Автор / продюсер: LearnWebCode;
  • Количество роликов: 17 уроков;
  • Язык: английский;
  • Уровень: продвинутый пользователь / разработчик.
Let’s Build WordPress

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

  • Автор / продюсер: Lets Build WordPress;
  • Количество роликов: 50 уроков;
  • Язык: английский;
  • Уровень: начинающий / продвинутый пользователь.

Создание сайта WordPress с помощью конструктора Elementor

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

 

Использованные виджеты элементора:

  • Изменение цвета/изображения фона страницы — 14:27
  • Скрытие заголовка страницы — 15:24
  • Изменение размера секции — 16:54
  • Элемент текстовый редактор — 17:44
  • Элемент изображение — 19:10
  • Элемент кнопка — 20:11
  • Элементы иконка и счётчик — 23:55
  • Элемент вкладки — 28:42
  • Изменения стиля секции — 47:40
  • Элемент картинка с текстом — 52:55
  • Элемент карта — 57:30

Использованные плагины:

  • WP Translitera — 9:13
  • Google Fonts — 12:40
  • Создание медиагалереи с помощью Jetpack 35:25
  • Создание контактной формы с помощью Contact Form 7 40:23
  • WP Google Maps — 57:30

WordPress хостинг Hostenko позволяет установить Вордпресс за 1.5 минуты. Подробно процесс установки смотрите на видео с 1:08 по 2:33 минуту. Сюда же входит и подключение сертификата безопасности сайта.

Для создания сайта, кроме плагина Elementor, понадобятся следующие плагины:

  • Jetpack, по функциональности заменяет множество мелких плагинов, создавая «Похожие записи», функционал «Поделиться», сайдбар виджетов, поддержку социальных кнопок, комментарии, карусели и многое другое.
  • Google Fonts for WordPress – плагин поддержки шрифтов.
  • WP Google Maps – плагин Гугл карт (в видео показано, как правильно активировать этот плагин).
  • WP Translitera – плагин переводит все постоянные ссылки сайта на латинские буквы.
  • Contact Form 7 – плагин контактных форм.

Установка всех необходимых плагинов и их активация занимает от 7 до 10 минут.

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

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

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

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

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

Видео

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

 

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

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

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

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

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

Вещи стали лот дешевле и проще с годами.

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

Пошаговое руководство по созданию веб-сайта на WordPress

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

Это:

  • Шаг 1. Выберите имя и найдите домен для своего веб-сайта
  • Шаг 2: Зарегистрируйте свое доменное имя
  • Шаг 3. Решите, какой сайт вы создаете
  • Шаг 4. Получите хостинг для своего веб-сайта
  • Шаг 5: Установите WordPress
  • Шаг 6. Укажите свой домен на хосте
  • Шаг 7. Установите тему WordPress
  • Шаг 8: Добавьте контент на свой веб-сайт
  • Шаг 9. Продолжайте развивать свой веб-сайт

Вы легко сможете выполнить эти шаги в течение следующих 120 минут.

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

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

Вот как может пройти сеанс именования:

  1. В момент вдохновения мы думаем о удивительном имени .
  2. Мы держимся за это имя месяцами, может быть, даже годами.
  3. Пора начинать бизнес, идем покупать домен.
  4. Домен занят.
  5. Мы пробуем с десяток небольших вариаций нашей первоначальной идеи, все взяты.
  6. Ничего страшного, мы придумали одно блестящее имя, мы придумаем другое.
  7. Идея резервного копирования №2 = принято.
  8. Идея резервного копирования №3 = принято.
  9. Идея резервного копирования №4 = принято.
  10. Наступает отчаяние.
  11. Мы начинаем рассматривать имена, которые нам на самом деле не нравятся, надеясь, что доступно или .
  12. Мы придумываем 2 или 3 варианта, которые нам совершенно не нравятся.
  13. Затем мы проводим неделю, пытаясь придумать имя, которое одновременно будет доступно, и имя, с которым мы сможем жить.
  14. Наконец, мы находим один.

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

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

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

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

Шаг 2: Зарегистрируйте свое доменное имя

Сначала вам нужно узнать разницу между регистратором домена и веб-хостингом.

Регистратор доменов — это компания, специализирующаяся на покупке и регистрации доменов.

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

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

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

Лучший регистратор доменов — Domain.com . Вот где у меня есть все мои доменные имена.

Подробный обзор регистраторов доменов мы собрали здесь.

Шаг 3. Решите, какой сайт вы создаете

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

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

Простое портфолио или сайты-визитки

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

  • Кто занимается бизнесом?
  • Чем занимается бизнес
  • Иногда портфолио, демонстрирующее некоторые работы
  • Контактная информация

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

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

Сайты электронной торговли

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

Можно, если очень хочется, но на самом деле это не самый оптимальный способ сделать это.

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

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

Сайты блогов

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

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

А как насчет Joomla или Drupal? Или Typepad?

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

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

Теперь, когда я натыкаюсь на сайт с любым из этих инструментов, это довольно интересно. Это как найти древний артефакт. « Этот все еще существует !? Как интересно! »

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

Все остальное

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

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

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

Шаг 4. Получите хостинг для своего веб-сайта

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

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

Что касается всего остального, продолжайте следовать этому руководству!

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

Каждый веб-сайт в Интернете находится на веб-узле. И лучшее место для большинства людей — Bluehost .

У нас есть полное руководство по всем лучшим веб-хостингам.

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

обычно начинаются от 5 долларов в месяц.

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

Bluehost предлагает отличную функцию установки WordPress в один клик.

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

Шаг 6. Укажите свой домен на хост

Давайте подведем итоги.

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

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

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

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

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

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

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

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

Сейчас я покупаю все свои темы в StudioPress.

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

Вернуться к темам, есть еще варианты?

Ты готов. У ThemeForest и Pixelgrade есть торговая площадка тем WordPress. Есть буквально десятки тысяч тем на выбор. Обычно они находятся в ценовом диапазоне 30–60 долларов. При поиске темы я ранжирую их по самому популярному или самому высокому рейтингу.Затем я выбираю тот, который мне лично нравится.

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

Загрузите файл .zip, который вы получили при покупке темы.

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

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

А теперь самое интересное — пора создать отдельные страницы вашего сайта.

Вы сделаете это в WordPress.

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

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

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

На каждом веб-сайте есть несколько стандартных страниц, которые вы должны создать:

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

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

Шаг 9. Продолжайте развивать свой веб-сайт

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

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

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

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

Когда вы будете готовы, эти руководства расскажут о дополнительных вещах, которые стоит учесть:

Наш общий взгляд на создание веб-сайта

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

WordPress — король

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

Некоторые из крупнейших веб-сайтов в Интернете построены на WordPress. TechCrunch, The New Yorker, Variety и MTV News, и это лишь некоторые из них.

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

WordPress используется 33,4% всех веб-сайтов, а рыночная доля систем управления контентом составляет 60,3%.

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

Вот руководство о том, как создать свой сайт на WordPress.

Wix для электронной торговли

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

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

Вот руководство о том, как создать свой сайт на Wix.

Десятки других возможностей

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

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

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

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

Ниже приведен основной список всех наших лучших ресурсов по созданию веб-сайтов.

Для общей информации:

Как спланировать свой новый веб-сайт

Как купить ПРАВИЛЬНОЕ доменное имя — подробное руководство

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

5 лучших конструкторов сайтов

5 лучших регистраторов доменов

10 популярных цветовых схем веб-сайта 2019

9 мест для получения изображений веб-сайтов (платных и бесплатных)

Лучшие шрифты для веб-сайтов в 2019 году

13 Лучшие практики дизайна веб-сайтов

7 причин, по которым вам не нужно нанимать веб-дизайнера

22 ключевых элемента качественного веб-сайта

Сколько копий следует писать на домашней странице?

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

Как создать важную страницу с информацией

Как создать сайт Wix за 6 простых шагов

Для получения полезной информации по оптимизации по мере запуска вашего сайта:

Скорость веб-сайта

Удобство использования веб-сайта

Безопасность веб-сайтов

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

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

Стоит ли переключить свой сайт на HTTPS? Плюсы и минусы

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

Подробнее о веб-хостинге:

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

Мы рекомендуем Bluehost для большинства людей. Для опытных пользователей WordPress с сайтами с высоким трафиком может иметь смысл в какой-то момент перейти на WP Engine.

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

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

Лучший веб-хостинг для WordPress

Лучший бесплатный веб-хостинг

Лучший дешевый веб-хостинг

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

Подробнее об аналитике и отчетности:

Инструмент аналитики важен, если вы хотите знать, что происходит на вашем сайте.Он сообщает вам, сколько трафика вы получаете, откуда он и что люди делают на вашем сайте. Google Analytics является стандартом. Это то, что мы используем для Quick Sprout.

Узнайте больше о том, почему Google Analytics является лучшим.

Установить Google Analytics очень просто. Работа с отчетами немного сложнее.

Вот несколько полезных руководств:

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

Настройте Google Analytics за 3 шага — Руководство для начинающих

10 важных настроек, которые необходимо внести в Google Analytics

Руководство по надстройке Google Analytics для Google Таблиц

Как отслеживать ваши лиды с параметрами UTM

Подробнее о создании и оптимизации с помощью WordPress:

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

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

Вот подробный обзор по каждой категории:

Лучшие плагины SEO для WordPress

Лучший плагин галереи WordPress

Лучший плагин для резервного копирования WordPress

Плагин Best Form WordPress

Лучший плагин для кеширования WordPress

Лучший плагин безопасности WordPress

Лучший плагин календаря WordPress

Лучшие плагины Google Analytics для WordPress

Лучший плагин для всплывающих окон WordPress

Лучший плагин для каталогов WordPress

Лучший плагин для бронирования WordPress

Лучшие плагины членства для WordPress

Лучший плагин WordPress для социальных сетей

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

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

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

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

Наше руководство по созданию веб-сайта электронной торговли.

Дополнительные полезные руководства по созданию веб-сайта электронной торговли:

WordPress Электронная торговля

Как перенести свой сайт на Shopify

Лучшие темы WordPress для электронной коммерции

Лучший конструктор сайтов электронной коммерции

Разработка процесса оформления заказа

Цветовые схемы для электронной торговли

Как создать печать доверия на странице оформления заказа

Советы по созданию блога:

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

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

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

Как начать блог

Лучшие платформы для блогов / сайты для блогов

Лучшие темы WordPress для блогов

Дизайн блога

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

12 главных советов по ведению успешного видеоблога

10 уроков, которые Сет Годин может научить вас ведению блога

100 уроков, извлеченных из 10 лет ведения блога

Создание собственного веб-сайта: вкратце

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

  1. Ваша основная цель — продавать вещи на вашем сайте? Если да, то сосредоточьтесь на Wix, если нет, то сосредоточьтесь на WordPress.
  2. Используйте руководства Quick Sprout, чтобы помочь вам в этом процессе. Это, безусловно, период обучения. Если вы потратите время на правильную настройку, это поможет вам в дальнейшем значительно быстрее развивать свой бизнес и увеличивать объем трафика.
  3. Не стесняйтесь обращаться к нам напрямую по электронной почте с вопросами.Мы поможем, чем сможем.

Как использовать учебник WordPress [2021]

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

Как дела!

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

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

Сообщение:

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

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

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

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

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

Ладно, поехали!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Нажмите Enter и…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Панель управления WordPress: более глубокое погружение

Обновления

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

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

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

Посты

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

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

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

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

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

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

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

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

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

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

Внешний вид

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

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

  • Темы — это место, где вы можете искать и устанавливать новые темы из каталога тем WordPress или загружать и устанавливать темы, которые вы нашли где-то еще в Интернете.
  • Настроить этот сильно меняется в зависимости от выбранной вами темы. Основные параметры — это заголовок и слоган вашего сайта, цвет, фоновое изображение, а также наличие у вас статической домашней страницы (или той, на которой отображаются ваши последние сообщения в блоге). Темы / плагины добавят к этому списку массу других опций.
  • Виджеты — это блоки со специальным кодом, которые вы можете добавить в различные места вашего сайта, например на домашнюю страницу, верхний / нижний колонтитул или боковую панель. Что означает «специальный код»? Все, что угодно: от календарей, ссылок в социальных сетях и недавних публикаций до видео, аудиоплееров и контактных форм.
  • Меню — это списки ссылок на страницы / сообщения на вашем сайте; любой веб-сайт WordPress будет иметь меню верхнего и нижнего колонтитула, некоторые темы будут иметь больше.
  • Заголовок предоставит опции для настройки меню заголовка; эти параметры зависят от установленной вами темы, но обычно включают изменение цвета фона и загрузку вашего логотипа.
  • Редактор тем предназначен для опытных пользователей, поскольку для его использования вам нужно хотя бы немного знать о кодировании.По сути, это дает вам доступ к файлам внутреннего кода, которые WordPress использует для создания вашего сайта, поэтому вы можете добавлять CSS, HTML, JavaScript и PHP для изменения внешнего вида и функциональности вашего сайта.
Плагины
Плагины

— это фрагменты простого в установке кода, которые меняют внешний вид, внешний вид и функции вашего сайта.

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

Варианты здесь:

  • Установленные плагины — это версия плагина «Все страницы / сообщения», позволяющая управлять уже установленными плагинами и обновлять их.
  • Добавить новый позволяет находить и устанавливать новые плагины.
  • Редактор плагинов похож на редактор тем — только для продвинутых пользователей, определенно требует навыков программирования.
Пользователи

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

Вариантов, которые вы найдете:

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

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

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

Tools — это своего рода универсальное ведро для внутренних функций.

Плагины

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

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

Это меню содержит большинство общих параметров настройки вашего сайта WordPress.

Плагины

добавят больше параметров, по умолчанию:

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

Шаг 5: Как установить темы WordPress

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

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

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

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

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

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

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

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

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

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

Если ни то, ни другое не для вас, просмотрите наши 5 лучших бесплатных тем WordPress для начинающих и 10 лучших и отзывчивых тем WordPress!

После того, как вы выбрали тему (в нашем руководстве по WordPress для начинающих мы используем Hestia), просто нажмите кнопку «Установить», а затем нажмите эту же кнопку еще раз, когда она станет «Активировать».

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

Бум, готово, готово, хорошая работа, тема установлена!

Шаг 6: Как добавить плагины в WordPress

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

Плагины

WordPress позволяют расширить функциональность сайта.

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

Большой объем работы по настройке, выполненный за вас примерно за 4 секунды при установке плагина WooCommerce.

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

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

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

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

Итак, мы просто ищем это в строке поиска плагина:

Нажмите «Установить сейчас»:

Затем еще раз активируйте, когда кнопка установки изменится:

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

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

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

Перейдите к раскрывающемуся меню «Массовые параметры» и нажмите «Деактивировать»:

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

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

Ааа, теперь стало намного чище!

Плагины

для WordPress: несколько из лучших

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

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

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

У нас есть для вас большая статья о лучших плагинах WordPress.

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

Плагины с функциями
Плагины оптимизации веб-сайтов
  • Yoast SEO — плагин для поисковой оптимизации WordPress.
  • WP Rocket — помогает ускорить загрузку вашего сайта (хорошо как для SEO, так и для ваших посетителей).
  • Autoptimize — ускоряет работу вашего сайта за счет оптимизации CSS, JavaScript, изображений, шрифтов и многого другого.
Плагины безопасности

Шаг 7. Как настроить тему WordPress

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

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

Если вы выбрали другую тему, такую ​​как Divi (которая является лучшей, только премиум), или другой плагин настройки, например Elementor (также победитель, когда дело доходит до настройки WordPress), у вас будет много похожих вариантов, но некоторые могут быть другой / отсутствует.

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

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

Бам, сайт меняется, чтобы показать все крутые вещи, которые Гестия включает по умолчанию.

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

И мы сделаем все это еще круче!

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

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

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

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

Так что, если мы изменим заголовок здесь на «Учебники по WordPress для начинающих», он сразу же обновится на странице!

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

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

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

Нажмите «Сохранить черновик»

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

Итак, теперь, когда мы в безопасности от демонов «Интернет не работает», давайте заменим изображение в нашем заголовке (это раздел за заголовком страницы, который мы изменили ранее).

Найдите это изображение на боковой панели.

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

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

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

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

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

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

Затем перейдите к «Настройки внешнего вида», затем «Цвета».

И вы можете изменить этот розовый цвет акцента на любой, какой захотите. Мы любим синий!

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

Здесь вы можете изменить «семейство шрифтов» для заголовков и основного текста (это текст, который не слишком велик в заголовках).

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

Шаг 8: Как добавить страницы в WordPress

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

Вернувшись в старый добрый дашборд WordPress, спуститесь к Pages и затем Add New.

Это откроет новую страницу для редактирования / создания.

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

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

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

Начнем с выбора заголовка из списка.

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

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

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

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

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

Угадайте, что мы будем делать?

Ага.Щелкните этого плохого парня.

На левой боковой панели появятся пункты меню.

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

Затем «Добавить элементы».

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

Донзо.

Некоторые ключевые страницы, которые вы, вероятно, захотите иметь

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

Вы, вероятно, захотите несколько страниц для вашего сайта (если только это не одностраничный дизайн, который в наши дни).

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

Шаг 9: Как создать запись в блоге в WordPress

Сообщения в блоге. Это то, для чего был создан WordPress.

Практические руководства.

10 лучших советов.

Ниже мы покажем вам, как добавить их на свой сайт.

Сначала краткое объяснение…

записей блога WordPress по сравнению со страницами

Ну, и посты, и страницы будут:

Посты, страницы, в чем разница?

  • Иметь заголовок / заголовок (например, «Как использовать учебник WordPress» или «5-дневный бесплатный электронный курс»).
  • Иметь основной контент (как и все слова и изображения в этом сообщении).
  • Иметь метаинформацию (автор, публикация дата и т. д.
  • Можно добавлять, редактировать и удалять.
  • Видны всем или защищены паролем, поэтому их могут видеть только определенные люди.
  • Может содержать текст, видео, авто, ссылки и изображения.
  • Можно улучшить визуально и функционально с помощью плагинов и тем.

Разница вот в чем:

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

У вас может быть страница с информацией о компании, страница контактов и домашняя страница, и все (в дополнение к сообщениям в блоге).

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

Если вы помогаете людям с помощью учебного пособия (например, этого ‘un‘ ere), делитесь историей путешествия, рецептом или своими мыслями о правильной форме становой тяги, это, вероятно, будет пост.

А теперь вернемся к учебным материалам…

Снова в тире, Записи -> Добавить.

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

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

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

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

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

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

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

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

Размеры заголовков в WordPress помечаются от h3 до h5 (h2 зарезервирован для заголовка страницы / сообщения), просто щелкните блок заголовка и щелкните одну из этих меток, чтобы изменить размер заголовка.

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

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

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

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

Если вы создаете веб-сайт на WordPress на 100% с нуля, у вас не будет здесь меню (хотя иногда такие темы, как Hestia, или конструкторы страниц WordPress, такие как Elementor, добавят их автоматически).

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

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

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

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

Шаг 11: Как опубликовать свой сайт на WordPress

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

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

После того, как вы заблокированы, загружены, готовы взорвать его (есть причина, по которой мы не профессиональные рэпперы)…

Раздавите ссылку «щелкните здесь» и позвольте искрам полететь!

Шаг 12: Как ускорить WordPress

Ага, но мы еще не закончили!

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

НО. МЫ. НЕТ. СОБИРАЕТСЯ. К. ПОКИНУТЬ. ТЫ. ПОВЕСИТЬ В’. ТАМ. FAM.

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

Запуск со скоростью сайта.

Это важно по 2 причинам:

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

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

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

НО есть способы оптимизировать свой веб-сайт WordPress, чтобы ваши страницы загружались быстрее, чем у олимпийского 100-метрового спринтера (намного быстрее, если ваш сайт загружается за 9,58 секунд, как наш мальчик Усэйн запускал, никто вас не посетит).

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

Вот ваши основные инструменты и методы оптимизации скорости WordPress.

Плагины кеширования WordPress

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

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

Плагины кэширования

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

Некоторые из самых популярных плагинов кеширования WordPress включают в себя:

Плагины оптимизатора изображений для WordPress

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

А большие файлы означают медленную загрузку.

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

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

  1. Ваши изображения слишком большие

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

  1. Ваши изображения не полностью сжаты

Допустим, вы выполнили описанную выше работу и получили то же изображение в уменьшенном масштабе 500 × 500. В полном разрешении без сжатия это может быть файл размером 3 МБ. Затем вы можете сжать это изображение — возможно, потеряв немного качества, которое никто не заметит, возможно, с сохранением полного качества — и уменьшить размер файла до 2 МБ. Файл меньшего размера = более высокая скорость загрузки.

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

Но это занимает много времени, когда вы создаете много контента!

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

Включить сжатие gzip для WordPress

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

Он делает это, находя похожие фрагменты текста в файлах и заменяя их (временно, когда ваша страница загружена, все будет отображаться так же, как вы ее написали, lol), что, поскольку файлы HTML и CSS содержат так много повторяющихся фрагментов текста, может уменьшить размер страницы WordPress на 50-75%.

Существует технический способ включить сжатие gzip через файл .htaccess на вашем сайте, который с меньшей вероятностью что-то сломает … ЕСЛИ вы знаете, что делаете.

А пока давайте воспользуемся такими плагинами, как:

Да, плагины кеширования, которые мы рекомендуем, прежде всего, имеют встроенное сжатие gzip!

Отложить парсинг JavaScript в WordPress

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

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

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

Плагины, которые сделают это для вас:

Используйте WordPress CDN

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

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

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

Было бы намного быстрее, если бы эти файлы уже находились на сервере в Лондоне; с CDN они могли бы быть.

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

Плагины:

CDN WordPress:

WordPress плагины отложенной загрузки

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

Это называется «нетерпеливой загрузкой».

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

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

Еще один скоростной взлом WordPress!

Плагины, позволяющие ленивую загрузку изображений:

Шаг 13: Как защитить свой сайт WordPress

Определенно не хочу, чтобы ваш новый блестящий сайт взломали!

А поскольку WordPress поддерживает около 30% Интернета, множество хакеров (десятки тысяч или миллионы?) Пытаются взломать сайты WordPress 24/7.

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

Это означает несколько вещей:

Используйте уникальные имена пользователей и пароли

«Admin» — это имя пользователя, установленное по умолчанию для первого пользователя, созданного во всех установках WordPress.

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

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

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

Если ваше имя пользователя WordPress является чем-то нереальным, например, «donthackmebro69», то им будет труднее добраться до него.

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

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

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

Ограничить доступ к админке WordPress

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

Как мы показали выше, вы можете получить доступ к своей панели управления WordPress, которая позволяет вам изменять практически все на вашем сайте, перейдя в «[yourdomain] .com / wp-admin».

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

Для этого вам нужно сначала найти свой домашний IP-адрес, посетив whatsmyip.com.

Затем вы можете отредактировать файл .htaccess в папке WordPress и добавить следующий код, заменив «xx.xxx.xxx.xxx» своим IP-адресом.

<Файлы wp-login.php>

заказ отклонить, разрешить

Запретить со всех

Разрешить от xx.xxx.xxx.xxx

Если вам нужен доступ с нескольких компьютеров (для себя или для людей, с которыми вы работаете), вы можете просто добавить «Разрешить с xx.xxx».xxx.xxx »снова с другими IP-адресами.

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

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

Плагины безопасности WordPress

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

  • Активный мониторинг безопасности (для проверки на наличие взломов в режиме реального времени)
  • Уведомления при обнаружении угрозы безопасности (чтобы вы могли быстро защитить свой сайт)
  • Сканирование вредоносных программ (для проверки на вредоносный код)
  • Сканирование файлов ( чтобы убедиться, что ничто не заражено)
  • Мониторинг черного списка (для защиты вашего сайта от посещения людьми с IP-адресов, которые, как известно, используются для взлома)
  • Помощь после взлома (для восстановления вашего сайта в случае взлома)
  • Межсетевые экраны ( для ограничения доступа к файлам вашего веб-сайта)
  • Защита от атак методом перебора (также известная как «ограничение попыток входа в систему»)

Несколько лучших плагинов безопасности:

Поддерживайте актуальность своего сайта и создавайте резервные копии

Что мы освещаем… сейчас!

Шаг 14: Как обновить сайт WordPress

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

С WordPress вам нужно будет постоянно обновлять три вещи:

  1. Сам WordPress
  2. Ваши темы
  3. Ваши плагины

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

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

В любом случае проще всего перейти на вкладку «Обновления».

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

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

Шаг 15: Как сделать резервную копию вашего сайта WordPress

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

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

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

Вот для чего нужны резервные копии.

Если вы хотите узнать больше о том, как это сделать, чем мы рассмотрим в видео выше, ознакомьтесь с нашим постом «Как сделать резервную копию сайта WordPress бесплатно»!

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

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

Давайте нырнем.

  1. Обязательно настройте свою домашнюю страницу и проведите здесь немного больше времени, чем на других страницах.Скорее всего, это будет самая посещаемая страница на вашем сайте, поэтому вы должны быть уверены, что у вас есть вся важная информация о том, о чем ваш сайт, и что она выглядит очень привлекательно, чтобы произвести хорошее первое впечатление.
  2. WordPress имеет отличную онлайн-поддержку в виде документации и форумов, на которые можно положиться, когда вы застряли. Мы также рекомендуем Stack Overflow по техническим вопросам (с WordPress, хостингом и всем, что связано с веб-разработкой).
  3. В настройках «Чтение» в разделе «Настройки» обязательно установите для «Для каждой статьи в ленте показывать» значение «Сводка», чтобы людям не приходилось прокручивать каждое сообщение целиком, когда они попадают на страницу вашего блога.Вместо этого они просто получат первые несколько предложений, а затем смогут щелкнуть «подробнее», чтобы получить полную информацию.
  4. Используйте изображения и видео, чтобы разбить текст на ваших страницах и сообщениях! (Этот пост — достойный пример этого, хотя мы, вероятно, могли бы включить еще больше визуальных элементов, лол).
  5. Ваша страница «О нас», вероятно, будет одной из самых посещаемых на вашем сайте, поэтому обязательно расскажите историю и миссию вашего сайта здесь убедительно.
  6. Мы настоятельно рекомендуем использовать настройку постоянной ссылки «Название публикации» (на странице «Постоянная ссылка» в разделе «Настройки») — это чище и лучше для SEO, чем включение дат публикации в URL-адреса ваших публикаций.
  7. Убедитесь, что ваш сайт WordPress хорошо выглядит на мобильных устройствах; почти гарантировано, что большинство посетителей будут заходить на ваш сайт со своих телефонов.
  8. Включите самые важные страницы (и, возможно, сообщения) в меню заголовка.
  9. Отключить комментарии на таких страницах, как «О нас» и «Контакты», поскольку они вам там не нужны; это можно сделать, отредактировав страницу, вы найдете возможность включить / отключить комментарии в разделе «Обсуждение» на правой боковой панели редактора.
  10. Если вы используете боковую панель на своем сайте, держите виджеты там организованными и как минимум.Вы хотите, чтобы люди концентрировались на основном содержании вашей страницы / публикации, не отвлекаясь.
  11. Узнайте, как добавить Google Analytics в WordPress в нашем руководстве здесь!

WordPress Учебное пособие Часто задаваемые вопросы

Остались вопросы?

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

Вот несколько вопросов относительно вопросов, которые могут у вас остаться:

Является ли использование WordPress единственным способом создания веб-сайта?

Определенно нет, есть масса конструкторов веб-сайтов, таких как Wix и Squarespace, которые вы можете использовать.

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

Что мне нужно для создания веб-сайта на WordPress?

Всего три вещи (две из которых вы можете получить у наших друзей на HostGator):

  1. Хостинг (где будут храниться файлы вашего веб-сайта WordPress / с которого будет осуществляться доступ)
  2. Доменное имя (имя, которое люди будут использовать для перехода на ваш веб-сайт)
  3. 60 минут вашего времени и внимания (ресурсы, которые вы будете использовать для выполните / выполните шаги, описанные в этом руководстве, используя руководство по WordPress 🙂

Нужно ли мне знать кодирование (HTML / CSS) при создании веб-сайта с помощью WordPress?

НЕТ!

Знание этих языков программирования полезно… в конце концов.

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

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

Создание веб-сайта на WordPress бесплатно?

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

Потому что?

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

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

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

При этом HostGator (наш рекомендуемый хост WordPress) предоставит вам бесплатное доменное имя и годовой хостинг за 5 долларов.95 в месяц при оформлении годовой подписки по нашей ссылке!

Как мне получить бесплатное доменное имя для моего сайта WordPress?

Зарегистрируйтесь как минимум на один год хостинга на HostGator, используя эту ссылку!

Могу ли я зарабатывать деньги на своем веб-сайте WordPress?

Конечно, можете!

Четыре основных способа, которые используются в наши дни:

  1. С медийной рекламой, такой как Google Adsense (люди посещают ваш сайт, вам платят, когда они видят вашу рекламу)
  2. С партнерскими ссылками (например, те, которые мы используем на этом сайте — когда вы нажимаете ссылку на одну из наши партнеры, мы получаем небольшую комиссию без каких-либо дополнительных затрат для вас; иногда вы даже получаете специальные скидки !!)
  3. Продавая услуги (например, создание веб-сайта WordPress 🙂
  4. Создавая интернет-магазин, как мы показываем вам, как сделать в этом посте!

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

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

Привет, меня зовут Дейл! С помощью этого сайта и нашего канала YouTube я помог десяткам тысяч людей создавать красивые веб-сайты по всему миру!

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

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

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

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

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

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

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

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

Вот шаги:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Настройки WordPress

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

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

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

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

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

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

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

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

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

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

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

СМИ WordPress

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

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

WordPress комментариев

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

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

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

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

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

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

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

Плагины

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

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

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

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

Инструменты

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

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

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

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

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

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

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

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

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

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

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

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

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

через GIPHY

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь у нас:

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

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

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

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

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

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

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

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

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

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

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

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

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

Почему Google?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

● Отзывы

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


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


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


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

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

Выводы

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

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

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

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

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

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

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

Почему WordPress — плохая идея для создания веб-сайтов?

WordPress известен как наиболее часто используемая система управления контентом (CMS) в Интернете.В настоящее время 39,6% веб-сайтов (+ 13% г / г) построены на этой платформе, а 40% Интернета работают на ней. Но почему он так популярен и хорош ли WordPress, если вам нужен надежный веб-сайт для вашего бизнеса?

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

Бизнес идет медленно? Плохой трафик и низкая конверсия?

Связаться с нами

8 причин, почему WordPress — действительно плохая идея

1. Конструкция

Сама

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

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

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

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

Нужен сайт с уникальным индивидуальным дизайном?

Получить расценки

2. Функциональность

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

3. Частые обновления

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

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

4. Незащищенность и уязвимость для взлома

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

  • Бэкдоры
  • Загрузка проездом
  • Фармацевтические хаки
  • Вредоносные перенаправления
  • рассылает спам

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

Не хотите жертвовать качеством своего веб-сайта?

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

5. Плохое SEO

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

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

6. Низкая скорость страницы

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

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

7. Трудно масштабировать

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

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

8. Это нерентабельно

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

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

Заключение

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

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

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

Связаться с нами

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

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

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

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

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

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

Почему WordPress?

WordPress теперь поддерживает почти 38% мировых веб-сайтов

W3Techs

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Покупка плана хостинга

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Например: —

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Давайте вкратце рассмотрим основные плагины, которые вам понадобятся для настройки всего вашего веб-сайта: —

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

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

Статья по теме: — Должны быть плагины WordPress на 2020 год

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Учебник WordPress — Руководство WordPress для начинающих (2021)

WordPress

время доступа

23 февраля 2021 г.

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

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

WordPress впервые увидел свет 27 мая 2003 года. Основатели — Мэтт Малленвег и Майк Литтл.

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

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

Исследование, проведенное в 2020 году, показывает, что эта система управления контентом используется более чем 26% из 10 миллионов сайтов с самым высоким рейтингом.

Видеоуроки

Почему WordPress так популярен?

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

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

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

Все эти функции позволяют создавать веб-сайты любого типа, начиная от простых блогов, личных веб-сайтов или портфолио, заканчивая электронными магазинами, базами знаний или досками по трудоустройству.

Еще одним фактором является то, что WordPress полностью бесплатен и поддерживает все хостинговые платформы с PHP и MySQL. Кроме того, эта CMS постоянно обновляется новыми версиями, которые повышают безопасность, включают новые функции и повышают общую производительность.

И последнее, но не менее важное: WordPress имеет огромное сообщество со специальными форумами и обсуждениями по всему Интернету. Объем доступных данных и тысячи руководств по WordPress также делают WordPress одной из самых простых в использовании систем управления контентом.

Что такое CMS?

Система управления контентом или сокращенно CMS — это приложение с возможностью создавать, изменять и публиковать цифровой контент. В большинстве случаев он также поддерживает несколько пользователей, позволяя им работать совместно.

Например, в WordPress можно создать несколько административных пользователей, каждый из которых будет иметь разные привилегии. Системы управления контентом также включают в себя функции текста и форматирования, возможность загружать видео, фотографии, аудио, карты или даже ваш собственный код.

Система управления контентом состоит из двух основных компонентов:

  • Приложение для управления контентом (CMA). CMA может называться графическим пользовательским интерфейсом (GUI), который позволяет пользователю создавать, изменять, удалять и публиковать контент без необходимости знания HTML или языков программирования.
  • Приложение доставки контента (CDA). CDA отвечает за внутренние службы, которые управляют и доставляют контент после того, как он находится в CMA.

Следует упомянуть и другие характеристики:

  • SEO-оптимизированные URL-адреса
  • Онлайн-поддержка и сообщества
  • Пользовательские / групповые функции
  • Различные шаблоны и дизайны
  • Мастера установки и обновления / обновления

Тремя самыми популярными системами управления контентом в мире являются WordPress, Joomla и Drupal.

WordPress.com против WordPress.org

WordPress.com и WordPress.org — это два способа размещения сайта WordPress.

Фактический хост отличается в зависимости от этих двух методов. Используя WordPress.org, вы можете бесплатно загрузить скрипт и разместить его на локальном компьютере или у хостинг-провайдера (например, Hostinger).

С другой стороны, WordPress.com позаботится обо всем этом, разместив сайт за вас. Вам не нужно управлять веб-сервером, платить за хостинг или загружать программное обеспечение, однако на вашем сайте будет показываться реклама.

У WordPress.org и WordPress.com есть определенные плюсы и минусы.

Если вы не заинтересованы в собственном хостинге или управлении веб-сервером, то WordPress.com может быть вашим решением.

Это бесплатно и быстро настраивается. У вас также будут различные функции и возможности для настройки вашего сайта.

Однако у него есть и недостатки. Ваш веб-сайт будет содержать WordPress.com в URL-адресе, и вы не сможете загружать собственные темы или плагины.

Также будет невозможно редактировать или модифицировать PHP-код вашего сайта.

Использование автономной версии с WordPress.org обеспечивает большую гибкость и контроль над вашим сайтом. Вы сможете использовать собственное доменное имя, загружать темы, плагины и устанавливать их.

У вас также будет доступ к вашим файлам, базе данных и коду WordPress, что означает, что вы сможете изменять их по своему вкусу. Самые популярные и мощные сайты WordPress являются автономными, поскольку они обеспечивают большую гибкость и возможность реализации пользовательских функций, кода и дизайна.

И последнее, но не менее важное: в случае, если WordPress не является для вас CMS, наличие собственной учетной записи хостинга позволит вам протестировать другие системы управления контентом, такие как Drupal или Joomla.

Это руководство по WordPress будет посвящено автономной версии WordPress.

Шаг 1 — Установка WordPress

Одна из причин популярности WordPress — низкие системные требования, необходимые для запуска этой CMS на веб-сервере:

  • PHP версии 5.2.4 или выше.
  • MySQL версии 5.0.15 или выше или любая версия MariaDB.

Вам, вероятно, придется искать хостинг-провайдера, у которого отсутствует поддержка WordPress. Многие хосты используют различные автоустановщики, чтобы максимально упростить процесс установки WordPress.

Используя автоматические установщики, пользователям больше не нужно заниматься созданием базы данных или загрузкой файлов.

В этой части нашего руководства по WordPress вы узнаете о двух различных способах установки WordPress.

Прежде чем приступить к установке WordPress, вам необходимо решить, как вы хотите получить доступ к своему веб-сайту.Вы хотите, чтобы WordPress был в корне вашего доменного имени ( example.com ), в подпапке ( example.com/blog ) или в имени поддомена ( blog.example.com )? Только если вы хотите настроить WordPress на имя поддомена, вам нужно будет сделать дополнительный шаг и создать имя поддомена. В Hostinger это легко сделать в разделе Subdomains .

Вариант 1.1 — Установка WordPress на Hostinger с помощью автоустановщика

Начнем с самого простого и быстрого способа установки WordPress — автоустановщика Hostinger.Следующие шаги показывают, как установить WordPress на панель управления Hostinger:

  1. Доступ к панели управления Hostinger.
  2. Найдите Auto Installer и откройте его.
  3. Введите WordPress в поле поиска и щелкните его значок.
  4. Теперь заполните данные о сайте:
  • URL — URL-адрес, по которому должен быть установлен WordPress. Если вы хотите установить его на корневое доменное имя ( example.com ), оставьте поле пустым.
  • Язык — Выберите язык WordPress.
  • Имя пользователя администратора — ваше имя пользователя администратора WordPress. Вы будете использовать его для доступа к админке WordPress.
  • Пароль администратора — Ваш пароль администратора WordPress. Вы будете использовать его для доступа к админке WordPress.
  • Электронная почта администратора — Введите свой адрес электронной почты.
  • Заголовок веб-сайта — Заголовок вашего веб-сайта на WordPress.
  • Слоган веб-сайта — Короткое предложение или слоган, объясняющий, о чем ваш веб-сайт.
  1. Нажмите Установите кнопку .

Вариант 1.2 — Установка WordPress вручную

Если вы хотите понять основы и узнать, как работает WordPress, вы можете установить его вручную. WordPress известен своим 5-минутным установщиком.

Процесс прост и похож на установку любого другого программного обеспечения. Так что, если вы когда-либо устанавливали какую-либо компьютерную программу — вам не составит труда завершить установку WordPress.

Что вам понадобится перед тем, как продолжить :

  • FTP-клиент или файловый менеджер
  • Последняя версия WordPress

Прежде всего, загрузите последнюю версию WordPress с официального сайта WordPress.org.

После завершения загрузки вы можете начать загрузку файлов WordPress в свою учетную запись хостинга. Вы можете использовать либо файловый менеджер, предоставляемый вашим хостинг-провайдером, либо FTP-клиент.

Нет никакой разницы, какой инструмент вы будете использовать для загрузки файлов WordPress, кроме простоты использования. Единственное, что следует учитывать, — это каталог назначения.

Например, если вы хотите иметь WordPress на корневом доменном имени, файлы должны быть загружены в папку public_html ; если вы хотите обслуживать WordPress из имени поддомена или подпапки, загрузите файлы в соответствующий каталог.

WordPress хранит информацию в базе данных. Таким образом, его создание обязательно. В Hostinger новую базу данных можно создать в разделе MySQL Databases . Обязательно запишите детали базы данных, так как они вам понадобятся позже.

Теперь посетите свое доменное имя, чтобы начать процесс установки. Вам будет предложено ввести информацию о базе данных MySQL, информацию об администраторе и информацию о сайте.

Для получения более подробных инструкций см. Руководство по установке WordPress на различные панели управления хостингом.Чтобы узнать, как перенести WordPress, см. Это руководство.

Шаг 2. Навигация по панели инструментов WordPress

После завершения установки первое, что вам нужно сделать, это войти в административную панель WordPress.

Обычно ссылка на страницу входа находится в передней части блога WordPress. Однако для некоторых тем эта ссылка отсутствует. В этом случае самый простой способ войти в WordPress — добавить wp-admin в конце адреса вашего веб-сайта, например:

  http: // www.yourdomain.com/wp-admin
  

Этот URL-адрес направит вас на экран входа в систему, где вам будет предложено ввести имя пользователя и пароль администратора. Помните, что вы ввели эти данные во время установки WordPress. Если вы забыли свой пароль, нажмите Забыли пароль? ссылка.

Более подробные инструкции о том, как войти в WordPress, можно найти здесь.

После входа в систему вы увидите панель администратора. Он создан, чтобы дать вам обзор всего вашего веб-сайта и содержит 3 основных раздела:

  1. Панель инструментов вверху страницы.Он содержит ссылки на наиболее часто используемые административные функции и ресурсы. Например, если вы наведете курсор на название своего веб-сайта, вы получите ссылку на общедоступный просмотр вашего сайта. Он также отображает простые уведомления, такие как количество обновлений и новых комментариев.
  2. Главное меню навигации слева. Он содержит ссылки на все административные экраны WordPress. Если вы наведете курсор на элемент меню, отобразится подменю с дополнительными элементами.
  3. Основная рабочая зона.

При первом входе в административную панель WordPress вы увидите приветственный модуль, который содержит несколько полезных ссылок, которые помогут вам начать работу.

Когда вы освоитесь с приборной панелью, нажмите кнопку Отклонить , чтобы скрыть этот модуль.

Другие модули :

  1. Краткий обзор Поле покажет вам, сколько сообщений, страниц и комментариев у вас есть. Он также показывает версию WordPress и тему, которую вы используете.
  2. Поле Activity дает вам немного больше информации о ваших последних сообщениях и комментариях. Он показывает статус всех комментариев и краткий список самых последних комментариев.
  3. Коробка Quick Draft . Ввод содержимого в это поле приведет к созданию нового сообщения в блоге. Однако вы не можете опубликовать его отсюда, так как это поле предназначено только для того, чтобы брать идеи сообщений в блогах, к которым вы можете вернуться позже.
  4. Новости WordPress . Этот модуль отображает последние новости WordPress.

В каждом из этих окон есть маленькие стрелки, с помощью которых вы можете быстро скрыть окно. Вы также можете перетаскивать их в разные места.

Шаг 3 — Публикация содержимого

Создание веб-сайта на WordPress начинается с публикации нового сообщения или новой страницы. Вы можете задаться вопросом — в чем разница между сообщениями и страницами?

Ответ прост. Записи WordPress можно категоризировать, отмечать тегами, архивировать. Записи WordPress используются для публикации чувствительного ко времени контента.

Напротив, страницы предназначены в основном для статического содержания без даты. У них нет категорий или тегов. Свяжитесь с нами или страницы «О нас» являются хорошими примерами страниц.

Шаг 3.1 — Создание нового сообщения

Чтобы создать новую запись WordPress, откройте раздел Добавить новый в разделе Сообщения или выберите опцию New -> Post на верхней панели инструментов.

Вам будет представлен экран редактирования с множеством функций публикации. Первое, что вам нужно сделать, это ввести заголовок для вашего сообщения.

Во-вторых, введите фактическое содержание вашего сообщения в поле ниже. Если вы хотите отформатировать текст, используйте параметры панели инструментов.

Он похож на тот, который вы можете найти в MS Word или любом другом популярном текстовом редакторе.

В правой части экрана вы можете видеть так называемые мета-блоки. Каждый ящик выполняет определенную функцию.

  • Опубликовать . Здесь вы можете изменить статус и видимость вашего поста, запланировать его. При нажатии кнопки Опубликовать ваш пост будет опубликован.Если вы решили удалить сообщение, нажмите кнопку Переместить в корзину .
  • Категории . В этом поле вы можете отнести свое сообщение к определенной категории. Вы даже можете создать новую, нажав кнопку + Добавить новую категорию .
  • Теги Поле позволяет быстро добавлять новые теги.
  • Главное изображение . Здесь вы можете назначить посту избранное изображение. Он будет виден в самом верху поста (расположение изображения может отличаться в зависимости от темы).

Шаг 3.2 — Создание новой страницы

Чтобы создать новую страницу WordPress, откройте раздел Добавить новый в меню Pages или нажмите кнопку New -> Page на верхней панели инструментов.

Добавить новый раздел страницы имеет такой же текстовый редактор WYSIWYG, как и раздел сообщений . Таким образом, процесс ввода текста и форматирования одинаков.

Вы также можете заметить, что в разделе «Страницы» нет мета-блоков Tags и Categories .Вместо этого у него есть поле под названием Атрибуты страницы .

В этом разделе вы можете изменить порядок ваших страниц и установить родительские страницы. Это полезно, если вы хотите иметь несколько страниц под одной родительской страницей.

Шаг 4 — Установка плагинов WordPress

Основная цель плагинов WordPress — расширение функциональности WordPress. Просто установив и активировав плагин, вы можете добавлять новые функции на сайт WordPress без какого-либо программирования.

Существуют тысячи бесплатных и платных плагинов, созданных для различных целей: от публикации в социальных сетях до обеспечения безопасности.Таким образом, вы обязательно найдете плагин, который соответствует вашим потребностям.

Установить плагины WordPress — простая задача даже для новичка. Бесплатные и условно бесплатные плагины доступны в каталоге плагинов WordPress.org.

Как и темы, их можно установить с помощью встроенного установщика WordPress.

Чтобы установить плагин WordPress, нажмите кнопку Добавить новый под Плагины и введите имя плагина, который вы хотите установить, в поле поиска. Нажмите Установить , а затем Активировать кнопку .

Существуют тысячи платных плагинов WordPress, которые нельзя установить из официального каталога плагинов WordPress. Если вы приобрели плагин премиум-класса, вам придется вручную загрузить его в WordPress.

Процесс очень похож на установку тем. Чтобы продолжить, нажмите кнопку Add New под Plugins и нажмите Upload Plugin . Теперь выберите архив плагина и загрузите его. Наконец, установите и активируйте плагин.Если вам нужно подробное руководство, см. Этот учебник

Основные плагины WordPress

Существует так много плагинов для WordPress, что сложно выбрать подходящий. Фактически, многие плагины служат той же цели, например, существуют десятки плагинов кеширования WordPress.

Вот почему мы решили перечислить лучшие плагины WordPress, которые необходимы для каждого блога WordPress.

  • Google XML Sitemaps . Этот плагин автоматически генерирует карты сайта в формате XML для лучшей поисковой оптимизации.Его легко использовать, и его можно регулярно обновлять.
  • Yoast SEO . Вероятно, самый популярный плагин SEO для WordPress. Это поможет вам улучшить поисковую оптимизацию. От метатегов до предложений по написанию — в плагине Yoast SEO есть все.
  • Wordfence Security . Этот плагин защитит ваш WordPress от хакеров и вредоносных программ. Он имеет модули брандмауэра и сканера вредоносных программ, которые очень полезны.
  • Контактная форма 7 . Простой, но очень мощный плагин для контактной формы WordPress.Создавайте любые формы контактов или даже потенциальных клиентов с помощью этого плагина.

Не рекомендуется забивать WordPress десятками плагинов, так как это может снизить производительность сайта. Держите свой WordPress в чистоте, устанавливая только необходимые плагины и удаляя те, которые вы не используете.

Шаг 5 — Установка тем WordPress

Внешний вид сайта WordPress можно изменить, применив темы. Существуют бесплатные и премиальные темы WordPress. Некоторые из них универсальны и могут использоваться на любом сайте.Другие созданы для очень конкретной цели, например, темы электронной коммерции.

WordPress упростил установку тем. Установка бесплатных тем WordPress занимает буквально несколько минут.

Чтобы продолжить, войдите в раздел Внешний вид и найдите красивую тему. Вы даже можете фильтровать темы по функциям или цветам.

Функция предварительного просмотра темы позволяет увидеть, как ваш веб-сайт будет выглядеть с выбранной темой. Это полезно, так как сэкономит ваше время — вам не придется устанавливать несколько тем, чтобы найти тему, которая соответствует вашим потребностям.

Указанный выше метод подходит только для бесплатных и бесплатных тем. Что делать, если вы приобрели красивую премиальную тему? В этом случае вам придется загружать файлы темы вручную.

Войдите в тот же раздел Appearance , нажмите кнопку Upload Theme и выберите файл .zip темы. Завершение процесса загрузки может занять до нескольких минут. После этого просто Активируйте тему . Нужны точные шаги? См. Подробное руководство по установке тем.

Шаг 6 — Оптимизация производительности WordPress

В этом руководстве по WordPress мы узнали, как установить и использовать WordPress для создания и управления вашим собственным веб-сайтом. По мере роста вашего сайта WordPress увеличивается количество текста, изображений, кода и других медиафайлов.

Чем больше сайт, тем дольше он загружается. Чтобы избежать медленного отклика в WordPress, вам также следует потратить некоторое время на оптимизацию.

Это обеспечит быструю и эффективную загрузку ваших страниц, таким образом, делая ваших посетителей счастливыми и желающими вернуться за новыми.

Каждый хотя бы несколько раз сталкивался с медленным веб-сайтом и испытывал разочарование, возникающее при бесконечном ожидании его загрузки.

Принимая это во внимание, потратить некоторое время на улучшение скорости работы WordPress — действительно хорошая идея. Самое приятное в WordPress то, что его действительно легко оптимизировать из-за количества доступных плагинов и других инструментов.

Вы можете сделать свой сайт WordPress молниеносным, даже не имея каких-либо знаний в области программирования. Чтобы вы пошли по правильному пути, мы рассмотрим несколько методов оптимизации WordPress, которые обеспечат заметное повышение скорости вашего сайта.

Шаг 6.1 — Использование плагинов кэширования WordPress

Первым шагом в оптимизации вашего сайта WordPress является установка плагина кэширования WordPress. Короче, кеш — это временное хранилище данных. В большинстве случаев активные данные кэшируются, что сокращает время загрузки.

Например, когда вы заходите на часто посещаемый сайт, ваш браузер будет иметь часть статического содержания сайта, находящуюся в его кеше.

В результате браузеру нужно запрашивать меньше файлов и информации с сервера, что в конечном итоге приводит к более быстрой загрузке.

Плагины кэширования

WordPress работают, создавая статическую версию вашего веб-сайта и доставляя ее, вместо того, чтобы загружать все сценарии PHP каждый раз, когда кто-то обновляет или повторно заходит на ваш сайт.

Самые популярные плагины кеширования WordPress:

Вы можете найти подробное руководство по внедрению плагина WP Super Cache для вашего сайта WordPress здесь.

Шаг 6.2 — Оптимизация изображений WordPress

Оптимизация изображений — еще одна важная задача, которую необходимо выполнить, чтобы сделать ваш сайт WordPress быстрым.Как правило, есть 2 основные проблемы, которые вызывают медленную загрузку изображений:

  • Использование слишком больших изображений. Например, вы загружаете изображение размером 500 x 500, но ваш сайт изменяет его размер до 100 x 100. В результате браузеру посетителя придется сначала загрузить файл большего размера, уменьшить его и только потом отображать. Правильный способ — просто загрузить изображение размером 100 x 100, чтобы избежать чрезмерной задачи масштабирования изображения. Таким образом изображение также будет занимать меньше места, что приведет к общему увеличению скорости.Подробное руководство о том, как найти такие изображения и уменьшить их масштаб, можно найти здесь.
  • Изображения сжаты не полностью. Вы можете сэкономить много места и трафика, правильно сжав изображения. К счастью, у WordPress есть действительно отличный плагин, который может вам в этом помочь, он называется WP Smush. Вы можете найти подробное руководство о том, как реализовать этот плагин и оптимизировать свои изображения WordPress здесь.

Чем больше изображений будет на вашем сайте WordPress, тем более полезной будет эта задача по оптимизации.

Шаг 6.3 — Включение сжатия gzip для WordPress

Включение сжатия gzip для веб-сайта WordPress — отличный способ повысить скорость и производительность. Короче говоря, сжатие gzip работает, находя похожие строки в текстовом файле и временно заменяя их, что приводит к уменьшению размера файла.

Файлы

HTML и CSS содержат много повторяющегося текста и пробелов, что делает сжатие gzip очень эффективным. В целом это позволяет уменьшить размер страницы WordPress до 50-70%.

Есть несколько способов включить сжатие gzip:

  • Включение сжатия gzip через файл .htaccess (рекомендуется). Более подробное руководство по WordPress можно найти здесь.
  • Включение сжатия gzip через плагины WordPress, такие как GZip Ninja Speed.

Следует иметь в виду, что сжатие gzip может немного увеличить загрузку ЦП. Если процессор не является проблемой, то сжатие gzip — действительно отличный способ оптимизировать ваш сайт WordPress.

Шаг 6.4 — Откладывание синтаксического анализа JavaScript в WordPress

Большинство тем, плагинов и надстроек социальных сетей используют много кода JavaScript, который по умолчанию загружается первым при доступе к сайту. Это заставит HTML и другое визуальное содержимое отображаться только после загрузки JS.

Вы можете отложить синтаксический анализ JavaScript, чтобы визуальные элементы отображались быстрее, в то время как различные кнопки социальных сетей и другой контент, использующий JavaScript, загружались бы впоследствии.

Это один из методов, рекомендуемых разработчиками Google, который часто упускается из виду.В WordPress вы можете легко сделать это с помощью таких плагинов, как WP Deferred JavaScripts или Speed ​​Booster Pack.

Более подробное руководство о том, как реализовать эти инструменты на вашем сайте WP, можно найти здесь.

Шаг 6.5 — Использование сети доставки контента

Внедрение сети доставки контента (сокращенно CDN) ускорит WordPress за счет кэширования контента в нескольких центрах обработки данных по всему миру.

После того, как посетитель заходит на ваш сайт, контент будет доставлен ближайшим доступным центром обработки данных, что улучшит взаимодействие с пользователем.

Сети CDN

также отлично работают с плагинами кэширования WordPress, и есть бесплатные решения, которые помогут вам начать работу. Например, у CloudFlare есть бесплатный план, который обеспечивает оба преимущества CDN и одновременно защищает ваш сайт от DDoS-атак.

Пошаговые инструкции по внедрению в WordPress вы можете найти в этом руководстве по WP.

Шаг 6.6 — Удаление строк запроса из статических ресурсов

GTMetrix и другие инструменты оптимизации предлагают удалить строки запроса из CSS и JS, чтобы улучшить кэширование этих элементов.

Ранее упомянутый плагин WordPress Speed ​​Booster Pack является одним из немногих, которые могут помочь вам с этой задачей. Для получения более конкретной информации вы можете обратиться к этому руководству по WordPress.

Шаг 6.7 — Включение отложенной загрузки

Обычно при открытии веб-страницы весь контент загружается мгновенно, что называется активной загрузкой . В качестве альтернативы можно отложить инициализацию некоторых объектов (например, изображений) до тех пор, пока они не потребуются, что называется ленивой загрузкой .

Наиболее распространенной практикой является отображение изображений только тогда, когда они видны с точки зрения посетителя или на экране.

Все, что вам нужно сделать, чтобы воспользоваться этой техникой, — это установить и включить такой плагин, как Lazy Load или Rocket Lazy Load.

Шаг 7. Обеспечение безопасности WordPress

И последнее, но не менее важное: чтобы иметь успешный сайт WordPress, вы должны усилить его безопасность. WordPress — самая популярная CMS в мире, но и самая взламываемая.

Однако есть несколько вещей, которые вы можете сделать, чтобы защитить свой сайт от взлома и других злонамеренных действий.

Шаг 7.1 — Постоянное обновление WordPress

Одним из наиболее важных факторов создания безопасной среды является постоянное обновление и использование последней версии WordPress, тем и плагинов.

Большинство обновлений включают настройки безопасности, исправления уязвимостей и предотвращают их использование в будущих версиях.

Обычной практикой среди хакеров является использование веб-страниц, на которых работает устаревшая версия WordPress с известной уязвимостью.

По умолчанию WordPress обновляется автоматически при выпуске новой версии, однако это может не всегда работать или эта функция может быть отключена на некоторых хостах.

Обычно, когда приходит новая версия WordPress, уведомление будет отображаться в верхней части вашей панели инструментов. Вы также можете обновить свои темы и плагины через Dashboard -> Updates section.

Шаг 7.2 — Использование уникальных имен пользователей и паролей

Admin — это имя пользователя, установленное по умолчанию во всех установках WordPress.Настоятельно рекомендуется изменить его, так как это добавит дополнительный уровень безопасности к вашим учетным данным.

Представьте себе ситуацию, когда кто-то знает ваш пароль, но не знает имя пользователя.

Конечным результатом является то, что человек по-прежнему не сможет получить доступ к вашей панели инструментов, потому что он не знает имени пользователя. Если оставить значение admin , это может значительно упростить работу хакера, поэтому его всегда следует менять.

При установке пароля обязательно используйте цифры, заглавные буквы и специальные символы.Если у вас возникли трудности с отслеживанием всех паролей, вы можете сохранить их с помощью таких инструментов, как Last Pass.

Это избавит вас от необходимости запоминать все разные пароли, в то же время позволяя вам сойти с ума по сложности пароля.

Шаг 7.3 — Резервное копирование WordPress

Создание резервных копий — важная задача для любого веб-сайта. Это не только повысит вашу безопасность, но также предоставит вам надежный способ восстановления вашего сайта в случае непредвиденных ошибок или проблем.

Вы можете выполнить резервное копирование вручную или использовать автомат . Процесс manual будет включать загрузку файлов и базы данных MySQL с сайта WordPress.

Однако, если вы делаете много новых сообщений, изменений или управляете несколькими разными веб-сайтами, загрузка всего вручную каждый раз может стать настоящей проблемой.

Кроме того, в настоящее время большинство хостинг-провайдеров предлагают автоматическое резервное копирование учетных записей. В качестве дополнительной меры безопасности вы можете использовать плагины WordPress для автоматизации резервных копий ежемесячно, еженедельно или даже ежедневно.

Они сэкономят вам много времени, а также предоставят возможность хранить резервные копии файлов WordPress и базы данных в удаленном месте, таком как DropBox. Вы можете использовать такие плагины как:

  • UpdraftPlus плагин с возможностью резервного копирования WordPress в удаленное место и его восстановления.
  • BackUpWordPress — легкий плагин для резервного копирования с автоматизацией. Он позволяет исключать определенные папки, планировать время выполнения и поддерживает несколько разных языков.

Это некоторые из основных шагов, которые вы можете предпринять для повышения безопасности WordPress. Дополнительные советы и рекомендации по безопасности вы можете найти в нашем руководстве по защите WordPress.

Новейшие учебные пособия по WordPress

В этом руководстве по WordPress мы узнали об истории, структуре этой CMS и типах хостинга WordPress. Были рассмотрены два метода установки с кратким обзором панели управления, публикаций, плагинов и управления темами.

Чтобы получить хорошее начало, мы также рассмотрели наиболее важные методы оптимизации скорости и оптимизации WordPress с несколькими советами по безопасности.Если вы хотите продолжить изучение WordPress, ознакомьтесь со списком наших новейших руководств по WordPress ниже.

Как создать веб-сайт с помощью Elementor (подробное руководство)

С момента выпуска в 2016 году Elementor стал самым популярным конструктором страниц для WordPress. С Elementor вы можете не только создавать потрясающие веб-страницы. Вы можете использовать Elementor для создания полноценного веб-сайта. Профессиональная версия Elementor поставляется с построителем тем, который позволяет создавать собственные элементы темы WordPress.Из верхнего, нижнего колонтитула, шаблона отдельного сообщения, страницы 404, страницы архива, страницы результатов поиска и т. Д. В этом посте мы покажем вам, как создать полноценный веб-сайт с помощью Elementor Pro.

Краткое введение об Elementor

На случай, если вы не знали. Elementor — это плагин для создания страниц для WordPress. Конструктор страниц позволяет создавать красивые веб-страницы без необходимости иметь дело ни с HTML, ни с CSS. Конструктор страниц, включая Elementor, поставляется с визуальным редактором, в котором все выполняется перетаскиванием.

Elementor выпущен как плагин freemium. Профессиональная версия (стоимостью 49 долларов в год) имеет следующие ключевые особенности.

  • Theme Builder
  • Popup Builder
  • Form Builder
  • Дополнительные виджеты

Мы создали сравнительную статью между Elementor Free и Elementor Pro, чтобы вы могли больше узнать о преимуществах, которые вы получите с Elementor Pro.

Подготовка

В этом примере мы продемонстрируем, как создать веб-сайт цифрового агентства.Сайт будет состоять из 5 основных страниц; Домашняя страница, страница «О нас», «Контакты», «Клиенты» и «Услуги».

Мы также создадим страницу 404, верхний и нижний колонтитулы, единый шаблон сообщения и всплывающее окно. Сам Elementor предлагает наборы шаблонов. Набор шаблонов — это набор шаблонов Elementor с единой концепцией дизайна. Набор шаблонов предназначен для сайтов определенной ниши. В этом примере мы будем использовать набор шаблонов Digital Agency.

Прежде чем приступить к созданию веб-сайта с помощью Elementor, вам определенно понадобится домен и хостинг.Вот то, что вам нужно подготовить для создания веб-сайта с Elementor.

Домен + хостинг

Домен — это адрес, по которому люди могут получить доступ к вашему сайту (например, yourwebsite.com), а хостинг (точнее, веб-хостинг) — это место, где установлен ваш сайт. Домен .com обычно стоит от 8 до 13 долларов в год. Для хостинга вы можете использовать тарифный план в соответствии с вашими потребностями.

Хотя вы можете купить домен и веб-хостинг у разных провайдеров, мы рекомендуем вам покупать их у одного провайдера, так как это минимизирует некоторые технические аспекты.Если вы покупаете домен и хостинг у разных провайдеров, вам необходимо настроить службу имен вручную.

Где купить домен + хостинг?

Провайдером, который мы можем порекомендовать, является SiteGround, поскольку мы также используем его для этого веб-сайта (WP PageBuilders).

Elementor Pro

Вам необходимо использовать профессиональную версию Elementor для создания настраиваемого верхнего колонтитула, настраиваемого нижнего колонтитула и других элементов, о которых мы упоминали ранее. Elementor предлагает три тарифных плана для профессиональной версии. Если вы хотите создать веб-сайт для своего бизнеса, вы можете выбрать ПЕРСОНАЛЬНЫЙ план, который стоит 49 долларов в год.

Начало работы

Как только все будет готово, вы можете приступить к созданию своего веб-сайта. Самое первое, что вам нужно сделать, это сначала установить WordPress, поскольку это основной компонент веб-сайта, который мы собираемся создать. SiteGround поставляется с панелью управления со встроенным установщиком WordPress.

Установите WordPress

Чтобы установить WordPress на SiteGround, сначала войдите в SiteGround со своей учетной записью и щелкните меню «Сайты».

Выберите домен (если у вас несколько доменов), на который вы хотите установить WordPress, и нажмите кнопку SITE TOOLS .

Щелкните WORDPRESS на левой панели и выберите Install & Manage . Вы можете выбрать, устанавливать только WordPress или с помощью WooCommerce. Выберите свой вариант, и после этого появится форма настройки приложения.

В форме настройки приложения укажите предпочтительный язык, путь установки, имя пользователя, адрес электронной почты и пароль. Нажмите кнопку УСТАНОВИТЬ , чтобы начать процесс установки.

Вот некоторые параметры, которые вам необходимо знать:

  • Путь установки: Путь к корневому каталогу вашей установки WordPress.Вы можете оставить значение по умолчанию, чтобы к вашему веб-сайту можно было получить доступ напрямую через ваше доменное имя (например, yourdomain.com). Или, если вы хотите, чтобы ваш сайт был доступен через дополнительную папку (yourdomain.com/folder), вы можете выбрать понравившуюся папку.
  • Язык: Язык вашей панели управления WordPress.
  • Установить с помощью WordPress Starter: SiteGround предлагает некоторые плагины (Elementor и SG Optimizer), которые вы можете установить на свой новый сайт WordPress. Вы можете снять этот флажок, если не хотите сначала устанавливать какие-либо плагины.Вы можете установить плагины позже, когда будет установлен WordPress.
  • Имя пользователя: Имя пользователя, которое вы будете использовать для входа в панель управления WordPress.
  • Электронная почта: Этот адрес электронной почты будет использоваться в качестве административного (подтверждение учетной записи, сброс пароля и т. Д.) Для вашей учетной записи WordPress.
  • Пароль: Пароль, который вы будете использовать для входа в свою панель управления WordPress.

Подождите, пока процесс установки не будет завершен.Затем вы можете выбрать, хотите ли вы войти в свою панель управления WordPress или просмотреть свой сайт.

Установите Elementor Pro

Вы можете получить Elementor Pro на его официальном сайте. После совершения покупки у вас будет доступ к ZIP-файлу Elementor Pro. Чтобы установить Elementor Pro на свой веб-сайт, войдите в свою панель управления WordPress, используя свое имя пользователя и пароль. Перейдите в Плагины -> Добавить новый . Нажмите кнопку Добавить новый вверху, выберите ZIP-файл загруженного вами Elementor Pro и нажмите кнопку Установить сейчас , чтобы установить его на свой WordPress.

Активируйте плагин сразу после установки.

После активации плагина Elementor Pro вы будете перенаправлены обратно в диспетчер плагинов WordPress, и вы увидите кнопку Connect & Activate в правом верхнем углу. Нажмите эту кнопку, чтобы активировать Elementor Pro.

Примечание. Для Elementor Pro требуется Elementor Free. Вы можете скачать Elementor Free в официальном каталоге плагинов WordPress.

Настройте основные статические страницы вашего веб-сайта

После активации Elementor Pro вы можете приступить к созданию статических страниц для своего веб-сайта.В нашем случае мы создадим следующие статические страницы: домашняя страница, страница «О нас», страница контактов, страница клиентов и страница услуг.

Домашняя страница

Создайте страницу ( Страницы -> Добавить новый ) и отредактируйте ее с помощью Elementor. Дайте этой странице имя, например, «домашняя», «домашняя страница» или «главная страница».

Установите макет страницы, щелкнув значок шестеренки в нижнем левом углу левой панели. Установите макет страницы на Elementor Full Width .

Поскольку мы хотим создать веб-сайт из набора шаблонов Digital Agency, щелкните значок папки в области холста, чтобы импортировать шаблон домашней страницы из набора шаблонов Digital Agency.

На вкладке Pages в библиотеке шаблонов введите «цифровое агентство» в поле поиска и выберите шаблон домашней страницы. Нажмите кнопку Insert , чтобы открыть ее в редакторе Elementor.

Настройте содержимое, заменив содержимое по умолчанию собственным содержимым. Вы можете щелкнуть каждый виджет для редактирования, а затем перейти на левую панель для редактирования содержимого. Щелчок по виджету переведет его в режим редактирования.

Завершив настройку содержимого, нажмите кнопку ПУБЛИКАЦИЯ на левой панели, чтобы опубликовать страницу.Вы также можете предварительно просмотреть его, щелкнув значок глаза.

Как только ваша домашняя страница будет опубликована, перейдите в Настройки -> Чтение . Установите отображение домашней страницы на статическую страницу, выберите только что созданную домашнюю страницу из раскрывающегося меню и нажмите кнопку Сохранить изменения .

О странице

Создайте новую страницу ( Pages -> Add New ) и отредактируйте ее с помощью Elementor. Вы можете дать этой странице имя, например, «о нас» или «о нас». Щелкните значок шестеренки на левой панели и установите макет страницы на Elementor Full Width .

Щелкните значок папки в области холста. На вкладке Pages введите «цифровое агентство» в поле поиска. Выберите страницу с информацией и нажмите кнопку Insert , чтобы открыть ее в редакторе Elementor.

Настройте контент так же, как на домашней странице, и опубликуйте страницу.

Контактная страница

Создайте новую страницу и отредактируйте ее с помощью Elementor. Вы можете дать этой странице имя, например, «контакт» или «свяжитесь с нами». Установите макет страницы на Elementor Full Width .

Щелкните значок папки в области холста, чтобы открыть библиотеку шаблонов. На вкладке Pages в библиотеке шаблонов введите «цифровое агентство» в поле поиска. Выберите страницу контактов и нажмите кнопку Insert , чтобы открыть ее в редакторе Elementor.

Настроить контент. После этого опубликуйте страницу

Страница клиентов

Страница клиентов используется для демонстрации клиентов, с которыми работала ваша компания. Создайте новую страницу и отредактируйте ее с помощью Elementor.Дайте этой странице имя, например «Клиенты» или «Счастливые клиенты». Установите макет страницы на Elementor Full Width .

Щелкните значок папки в области холста, чтобы открыть библиотеку шаблонов. На вкладке Pages введите «цифровое агентство» в поле поиска. Выберите страницу «Клиенты» и нажмите кнопку « Вставить », чтобы открыть ее в редакторе Elementor.

Настроить контент. После этого опубликуйте страницу.

Страница услуг

Страница услуг используется для отображения услуг, предлагаемых вашей компанией.Создайте новую страницу и отредактируйте ее с помощью Elementor. Дайте этой странице название, например «услуги» или «наши услуги». Установите макет страницы на Elementor Full Width .

Щелкните значок папки в области холста, чтобы открыть библиотеку шаблонов. На вкладке Pages введите «цифровое агентство». Выберите страницу Services и нажмите кнопку Insert , чтобы открыть ее в редакторе Elementor.

Настроить контент. После этого опубликуйте страницу.

Создание элементов темы

Если вы когда-либо замечали, большинство тем WordPress состоят из следующих элементов:

  • Заголовок
  • Нижний колонтитул
  • 404 Страница
  • Шаблон для одного сообщения

Некоторые темы могут иметь несколько других элементов , в зависимости от сложности темы.Функция конструктора тем в Elementor позволяет вам создавать элементы, указанные выше, и мы будем создавать их на создаваемом нами веб-сайте. Кроме того, мы также создадим единый шаблон сообщения и всплывающее окно.

Заголовок

Мы будем использовать заголовок для размещения логотипа сайта и главного меню. Прежде чем вы начнете создавать заголовок, вам нужно сначала создать меню. Для этого перейдите в Внешний вид -> Меню . Щелкните ссылку создать новое меню , чтобы создать новое меню.

Дайте вашему новому меню имя и нажмите кнопку Создать меню .

Добавьте элементы в свое меню в разделе Добавить элементы меню . Вы можете добавлять страницы, сообщения, категории или пользовательские URL-адреса в свое меню. Чтобы добавить элементы в свое меню, просто отметьте элементы, которые вы хотите добавить, и нажмите кнопку Добавить в меню . Добавьте страницы, которые вы создали выше. Не забудьте нажать кнопку Сохранить меню , чтобы сохранить новое меню.

После создания меню перейдите в Templates -> Theme Builder .На странице «Построитель тем» перейдите на вкладку Заголовок и нажмите кнопку «Добавить новый », чтобы создать новый заголовок.

Дайте вашему шаблону заголовка имя и нажмите кнопку СОЗДАТЬ ШАБЛОН .

На вкладке Blocks в библиотеке шаблонов введите «цифровое агентство» в поле поиска, чтобы найти заголовок набора шаблонов цифрового агентства. Нажмите кнопку Insert , чтобы открыть ее в редакторе Elementor.

Измените логотип сайта по умолчанию на собственный логотип сайта.Для этого щелкните виджет «Изображение», чтобы перевести его в режим редактирования. Загрузите свой логотип, щелкнув селектор изображений на левой панели.

Затем замените меню по умолчанию на только что созданное. Для этого щелкните виджет «Меню навигации», чтобы перевести его в режим редактирования. Выберите свое меню из раскрывающегося меню в разделе Меню на левой панели.

Если вы хотите удалить номер телефона в заголовке, просто щелкните правой кнопкой мыши и выберите Удалить .

Нажмите кнопку ОПУБЛИКОВАТЬ в нижней части левой панели, чтобы опубликовать заголовок.Вам будет предложено установить условия отображения. Просто нажмите кнопку ДОБАВИТЬ УСЛОВИЕ , чтобы установить условия отображения.

По умолчанию ваш шаблон заголовка будет применен ко всему сайту. Если вы хотите, чтобы ваш шаблон заголовка применялся ко всему веб-сайту, вы можете просто нажать кнопку СОХРАНИТЬ И ЗАКРЫТЬ . И наоборот, если вы хотите, чтобы ваш заголовок применялся к определенным страницам или сообщениям, выберите страницы или сообщения в раскрывающемся меню, прежде чем нажимать кнопку СОХРАНИТЬ И ЗАКРЫТЬ

Нижний колонтитул

Как и в заголовке, вы можете перейти в Templates -> Theme Builder , чтобы создать нижний колонтитул.Перейдите на вкладку Нижний колонтитул и нажмите кнопку Добавить новый , чтобы создать новый нижний колонтитул. Дайте вашему шаблону нижнего колонтитула имя и нажмите кнопку СОЗДАТЬ ШАБЛОН .

На вкладке Blocks в библиотеке шаблонов введите «цифровое агентство» в поле поиска, чтобы найти нижний колонтитул набора шаблонов цифрового агентства. Нажмите кнопку Insert , чтобы открыть ее в редакторе Elementor.

Если вы не нашли шаблон нижнего колонтитула, прокрутите указатель мыши до самого низа.Нижний колонтитул набора шаблонов Digital Agency состоит из логотипа сайта, формы подписки по электронной почте и значков социальных сетей.

Замените логотип сайта по умолчанию, как вы это делали в шаблоне заголовка выше. Затем отредактируйте URL-адреса значков социальных сетей. Для этого щелкните виджет «Список значков», чтобы перевести его в режим редактирования. Введите URL-адрес каждой платформы социальных сетей на левой панели.

Щелкните виджет «Форма», чтобы перевести его в режим редактирования и изменить настройки. Elementor поддерживает интеграцию с несколькими службами электронного маркетинга, включая Mailchimp, MailerLite и GetResponse.Вы можете прочитать этот пост, чтобы узнать больше о том, как интегрировать Elementor с инструментом электронного маркетинга.

Нажмите кнопку ОПУБЛИКОВАТЬ , чтобы опубликовать шаблон нижнего колонтитула, и нажмите кнопку ДОБАВИТЬ УСЛОВИЕ , чтобы задать условия отображения. Как и заголовок, ваш шаблон нижнего колонтитула по умолчанию будет применен ко всему сайту. Чтобы применить шаблон нижнего колонтитула к определенным страницам или сообщениям, выберите страницы или сообщения в раскрывающемся меню и нажмите кнопку СОХРАНИТЬ И ОПУБЛИКОВАТЬ .

404 Page

Чтобы создать страницу 404, перейдите в Templates -> Theme Builder . На странице Theme Builder перейдите на вкладку Single и нажмите кнопку Добавить новый . В разделе Select Post Type выберите 404 Page . Дайте вашему шаблону имя и нажмите кнопку СОЗДАТЬ ШАБЛОН .

На вкладке Blocks в библиотеке шаблонов введите «цифровое агентство» в поле поиска, чтобы найти страницу 404 из набора шаблонов цифрового агентства.Нажмите кнопку Insert , чтобы открыть ее в редакторе Elementor.

Нажмите кнопку ОПУБЛИКОВАТЬ и установите условия отображения. Обязательно выберите 404 Page и нажмите кнопку СОХРАНИТЬ И ОПУБЛИКОВАТЬ .

Шаблон одного сообщения

Перейдите в Шаблоны -> Theme Builder , чтобы создать шаблон одного сообщения. На странице Theme Builder перейдите на вкладку Single и нажмите кнопку Добавить новый .В разделе Select Post Type выберите Post . Дайте вашему шаблону имя и нажмите кнопку СОЗДАТЬ ШАБЛОН .

На вкладке Blocks в библиотеке шаблонов введите «цифровое агентство» в поле поиска, чтобы найти шаблон отдельного сообщения из набора шаблонов цифрового агентства. Нажмите кнопку Insert , чтобы открыть ее в редакторе Elementor.

Нажмите кнопку ОПУБЛИКОВАТЬ и установите условия отображения. По умолчанию этот шаблон будет применен ко всему сайту.Это также означает, что каждый раз, когда вы пишете новое сообщение в блоге, новое сообщение в блоге будет публиковаться с этим единственным шаблоном сообщения. Если по определенной причине вы хотите применить шаблон отдельного сообщения для определенной категории, просто выберите категорию в раскрывающемся меню, прежде чем нажимать кнопку S AVE & CLOSE .

Страница новостей

Мы будем использовать страницу новостей для отображения последних сообщений в блогах на вашем веб-сайте. Вы можете использовать любое имя для этой страницы, если хотите.Например, «Блог».

Чтобы создать эту страницу, перейдите в Templates -> Theme Builder . Перейдите на вкладку Архив и нажмите кнопку Добавить новый . Дайте вашему шаблону имя и нажмите кнопку СОЗДАТЬ ШАБЛОН . На вкладке Blocks введите «цифровое агентство» в поле поиска, чтобы найти страницу архива набора шаблонов цифрового агентства. Нажмите кнопку Insert , чтобы открыть ее в редакторе Elementor.

Нажмите кнопку ОПУБЛИКОВАТЬ и установите условия отображения.Вы можете управлять типами архивов, которые отображаются на этой странице, задав условия отображения. Например, если вы хотите отображать только архив сообщений, вы можете установить условие отображения на Архив сообщений . И нажмите кнопку СОХРАНИТЬ И ЗАКРЫТЬ .

Всплывающее окно

Если вы заметили, каждый шаблон страницы из набора шаблонов Digital Agency имеет значок конверта в нижнем левом углу. Этот значок используется для отображения всплывающего окна набора шаблонов. Само всплывающее окно предназначено для сбора данных о ваших потенциальных клиентах.Если вам не нужно это всплывающее окно, вы можете просто удалить значок конверта на каждом шаблоне страницы.

И наоборот, если вы хотите использовать всплывающее окно, вы можете сначала создать всплывающее окно. Для этого перейдите в Шаблоны -> Всплывающие окна . Нажмите кнопку Добавить новый , дайте всплывающему окну имя и нажмите кнопку СОЗДАТЬ ШАБЛОН .

На вкладке Popups введите «цифровое агентство» в поле поиска, чтобы найти всплывающий шаблон набора шаблонов Digital Agency.Нажмите кнопку Insert , чтобы открыть ее в редакторе Elementor.

Нажмите кнопку ОПУБЛИКОВАТЬ . В появившемся всплывающем окне нажмите кнопку NEXT , чтобы установить триггер.

Мы будем использовать триггер по щелчку для отображения всплывающего окна, поэтому включите опцию On Click и нажмите SAVE & CLOSE .

Ваше всплывающее окно готово к использованию. Затем отредактируйте одну из созданных вами страниц (домашнюю страницу, страницу с информацией, страницу контактов, страницу услуг или страницу клиентов) с помощью Elementor и щелкните значок конверта, чтобы перевести ее в режим редактирования.Щелкните значок гаечного ключа под разделом Ссылка и выберите только что созданное всплывающее окно.

Обновите страницу. Повторите шаги на других страницах, на которых вы хотите отображать всплывающее окно.

Поздравляем! Вы только что создали свой сайт.

Итог

Elementor — отличный конструктор страниц для создания веб-сайтов с помощью WordPress. Хотя вы можете использовать его бесплатно, есть много других преимуществ, которые вы получите, используя профессиональную версию. Профессиональная версия Elementor поставляется с конструктором тем, который позволяет создавать тему WordPress без программирования, конструктором всплывающих окон для создания всплывающих окон без установки дополнительного плагина и многими другими функциями.

Leave a Reply