Настройка основного функционала сайта (установка модулей, плагинов)

„Будьте упорны в проницательности, но гибки в деталях.“ —  Джефф Безос 

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

ШАГ 3.1 Настройка основного функционала сайта

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

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

Elementor – это плагин визуального конструктора сайтов на базе WordPress. Конструктор позволит Вам еще легче создавать страницы сайта со всеми необходимыми элементами (подробнее на официальном сайте разработчиков elementor.com)

Инструкция установки конструктора  Elementor WordPress:

1. Перейти в панель управления WordPress (ваш-сайт.com/wp-admin)

2. В левом сайдбаре нажать на меню Плагины – кнопка Добавить новый – в строке поиска ввести название Elementor – в результатах поиска выбрать плагин “Elementor – конструктор сайтов и страниц” и нажать Установить, а затем Активировать.

Для того чтобы установить плагин Elementor – откройте панель управления Вордпресс, далее Плагины – Добавить новый – в строке поиска введите Elementor – в результате поиска выберите Elementor — конструктор сайтов и страниц – Установить / Активировать. 

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

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

Обратите внимание! Чтобы отредактировать существующие страницы или записи не обязательно заходить в панель управления Вордпресс и в разделе Записи или Страницы искать запись, которую следует отредактировать. Достаточно авторизироваться как администратор, в браузере перейти на необходимую страницу сайта и вверху страницы Вам будет отображено меню быстрого редактирования. Чтобы быстро добавить материал на сайт  – выберите ссылку +Добавить и выберите тип материала, который необходимо добавить (запись, страница, медиафайл). Если страница ранее была создана при помощи редактора Elementor – будет отображена ссылка Редактировать в Elementor. Это основное меню, которое мы будем использовать в дальнейшей работе. 

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

ШАГ 3.2 Установка модулей и плагинов

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

 

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

 

Инструкция установки плагинов WordPress:

1. Перейти в панель управления WordPress (ваш-сайт.com/wp-admin)

2. В левом сайдбаре нажать на меню Плагины – кнопка Добавить новый – в строке поиска ввести название плагина – в результатах поиска выбрать плагин и нажать Установить, а затем Активировать.

Плагин Contact Form 7 для WordPress

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

После установки и активации в левый сайдбар панели управления Вордпресс будет добавлен новый пункт меню – Contact Form 7

Разработчики Contact Form 7 вместе с установкой плагина добавили одну тестовую форму – Контатная форма 1. Вы можете отредактировать её или  удалить, после того как изучите настройки. Для добавления своей новой контактной формы – достаточно нажать кнопку Добавить новую. Для того чтобы вставить контактную форму на сайт Вам нужно скопировать значение шорткода напротив названия контактной формы (например, [contact-form-7 404 "Not Found"] и вставить в любое необходимое место на сайте в текстовом редакторе или виджете. Если по каким-либо причинам Вы видите текст шорткода, а не контактную форму. Проверьте правильность шорткода и попробуйте сделать вставку шорткода через html редактор (тектовый редактор вордпрес имеет переключатель на отображение текста в виде html кода, а меню виджеты имеют элемент вставки html кода).  

На примере уже созданной контактной формы, давайте рассмотрим принцип работы Contact Form 7. Нажав на контактную форму в перечне, мы попадаем в кодовый редактор формы, который содержит теги для полей нашей формы:

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

Для того чтобы данные пользователя из контактной формы попали к нам (по умолчанию на email) нам необходимо произвести настройки на следующей вкладке контактной формы Contact Form 7, которая называется Письмо.

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

Плагин Classic Editor для WordPress

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

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

Все интуитивно понятно, поэтому повторяться не будем. Заметим только, что текстовая область в панели инструментов имеет вкладку Визуально и Текст. Последняя служит для редактирования кода html на странице. 

 

Плагин Advanced Custom Fields: Rus-To-Lat или Cyr-To-Lat для WordPress 

Advanced Custom Fields: Rus-To-Lat и Cyr-To-Lat – это плагины, которые преобразовывают кириллические названия URL адресов страниц и записей в латинские. Данные плагины также не относится к обязательным, но если Вы пишите много и ваши публикации не на английском языке, они сэкономят Вам много времени, которое бы Вы потратили переименовывая страницы вручную. 

Дополнительных настроек плагины не требуют, установите и активируйте один из них и продолжайте работать. Теперь, все записи и страницы будут иметь латинские адреса постоянных URL ссылок, даже если в заголовках будут только русские названия. Например, адрес страницы был  http://24hit.com/edu/перевод/, а станет http://24hit.com/edu/perevod/.

Дополнительные плагины для Elementor WordPress 

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

Плагин Anywhere Elementor для WordPress

Anywhere Elementor – это плагин, который позволяет вставить контент созданный конструктором Elementor практически в любое место на сайте, упаковывая его в шорткод. После установки и активации плагина в левом сайдбаре панели управления Вордпресс появится новое меню с названием AE Templates. Перейдя в которое Вы можете создать новый контент Elementor (Add New – Редактировать в Elementor) и скопировать шорткод в правом сайдбаре в строке Shortcode или Php Code (если работаете с кодом напрямую). В Свойствах записи – выбирайте Шаблон под названием Холст Elementor.

Плагин Elementor – Header, Footer & Blocks для WordPress

Elementor – Header, Footer & Blocks – это плагин, который позволяет создавать шапку и подвал сразу для всех страниц сайта при помощи конструктора Elementor.

Плагин PT Elementor Addons Lite для WordPress

PT Elementor Addons Lite – это плагин, который расширяет функциональные возможности стандартной версии Elementor.

После установки и активации плагины в панели инструментов конструктора Elementor добавится раздел PT Elementor Addons. Нам интересен этот аддон в первую очередь возможностью вставки и настройки уже установленных нами ранее контактных форм Contact Form 7, прочие инструменты также весьма интересны и мы рекомендуем Вам их просмотреть.

Плагин NavMenu Addon For Elementor для WordPress

NavMenu Addon For Elementor – это плагин, который позволяет создавать меню сайта детальными настройками. Если вы планируете создавать выпадающие меню сайта, данный плагин будет простым и эффективным вариантом реализации такого функционала.

SEO плагины для Elementor WordPress – это плагины предназначенные для оптимизации Вашего сайта для того, чтобы он получил более высокие позиции в поиске. Мы выделим два популярных плагина: All in One SEO Pack и Yoast SEO. Вы можете остановить свой выбрать на любом из них. 

Плагин All in One SEO Pack для WordPress

All in One SEO Pack – это плагин, который поможет оптимизировать страницы Вашего сайта для продвижения в поисковиках. 

Плагин Yoast SEO для WordPress

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

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

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

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

Понимая это, в качестве бонуса для наших студентов, мы предоставляем услугу хостинга + регистрации домена с полной поддержкой БЕСПЛАТНО! 

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

Домены для сайтов

  • COM – 1 год – $25
  • NET – 1 год – $25
  • CO – 1 год – $50
  • US – 1 год – $30
  • INFO – 1 год – $25
  • ONLINE – 1 год – $50
  • 24HIT.COM – 1 год – БЕСПЛАТНЫЙ ДОМЕН

Хостинг для сайтов

  • Test Хостинг – 1 GB – 1 сайт – 1 год – $50
  • Start Linux Хостинг – 10 GB – 1 сайт – 1 год – $100
  • Medium Linux Хостинг – 10 GB – 10 сайтов – 1 год – $200
  • Business Linux Хостинг – 100 GB – 10 сайтов – 1 год – $500
  • Start Windows Хостинг – 10 GB – 1 сайт – 1 год – $100
  • Medium Windows Хостинг – 10 GB – 10 сайтов – 1 год – $200
  • Premium Хостинг 6 GB RAM – 120 GB – 10 сайтов – 1 год – $800
  • Premium Хостинг 8 GB RAM – 150 GB – 10 сайтов – 1 год – $1000
  • Demo Хостинг – 100 Mb – 1сайт – 1 год – БЕСПЛАТНЫЙ ХОСТИНГ

БОНУС ДЛЯ ВАС!

БЕСПЛАТНЫЙ СТАРТ!

Мы подготовили уникальный стартовый пакет с бесплатным хостингом и доменом в зоне .24hit.com для наших пользователей!  

Вы сможете протестировать и начать создание сайта БЕСПЛАТНО!

ЭКОНОМИЯ $50!

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

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

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

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

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

Уникальный полный курс со 100% сопровождением и гарантией результата!

  • только проверенные и самые эффективные инструменты для бизнеса в Интернет
  • доступ 24 часа в сутки 7 дней в неделю
  • уникальная разработка – автоматическая система комплексного пошагового обучения онлайн
  • персональная сопровождение и поддержка
  • 100% гарантия достижения результата

?

У ВАС ВОЗНИКЛИ ВОПРОСЫ ПО ДАННОМУ РУКОВОДСТВУ?

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

НАПИШИТЕ НАМ СЕЙЧАС!

Ваше имя:

Ваш email:

Сообщение: