Готовим сайт к вёрстке на Elementor

База знаний / Создание сайтов

Этапы подготовки сайта

быстрое перемещение

  1. Установка дистрибутива WordPress на хостинг
    1. Хостинг Hostinger.ru
    2. Хостинг Sprinthost.ru
  2. Установка темы Kava Theme
  3. Установка Elementor
    1. Бесплатная версия
    2. Elementor PRO
  4. Установка CrocoBlock
  5. Репорт и доступы

смотрите также

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

1. Распаковка дистрибутива

У нас есть 2 варианта, как мы можем распаковать дистрибутив:

  •  Скачать архив с официального сайта WordPress, загрузить его на сервер через файловый менеджер хостинг-панели или FTP, распаковать архив.

     

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

1.1. Распаковка в Hostinger.ru

Для начала нужно войти в саму хостинг-панель в Hostinger по прямой ссылке отсюда. Справа сверху будет иконка входа в панель. Тыкаем туда.
Хостинг-панель Hostinger
Жмем на "Войти"

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

Снимок экрана 2019-01-26 в 15.09.56
Логин-пароль есть в таблице "Доступы"

Рассмотрим установку дистрибутива на примере домена pavloffeasy.ru. О том, как работать в хостинг-панели, создавать аккаунты и подключать домен – в одной из следующих статей. 

 

А пока переходим в “Управление” аккаунтом PavloffEasy.

Снимок экрана 2019-01-26 в 15.11.15
Разберем настройку WordPress на готовом аккаунте PavloffEasy
1.1.1. Загрузка через файловый менеджер

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

В верхней панели справа есть иконка для загрузки архива. Внимание! Архив должен быть в формате .zip 

фм2
Жмем "UPLOAD"

Когда архив загружен, нам необходимо его распаковать. Находим наверху кнопочку “Extract” и жмем.

Распакованный архив удаляем (он нам больше ни к чему) и получаем:

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

Заполняем все поля и тыкаем “Создать”. Не забудьте записать куда-нибудь эти данные – они Вам еще пригодятся

Когда База готова, можем переходить на сайт

Открывается окно загрузки WordPress. Вперёд и только вперёд!

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

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

Если вы дошли до этого окна, значит у Вас всё получилось. Поздравляем!

1.1.2. Автоустановщик

Тут всё гораздо проще, достаточно несколько кликов мышки. Возвращаемся в главное меню и находим кнопку “Автоустановщик”.

Выбираем иконку WordPress (если ее нет – ищем через поиск).

ав2
Выбираем

Создаем аккаунт

Придумываем название сайта и жмём “Установить”. Готово!

1.2. Распаковка в Sprinthost.ru

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

Вводим пару логин-пароль на странице. Доступы есть корневой папке на гугл-диске, куда каждому сотруднику выдан доступ. Далее в панели слева находим вкладку “Дополнительно” и в ней “Установка приложений”, переходим.

cп
Выбираем нужный домен и нажимаем "Установить".

Приложение выдаст Вам данные, необходимые для входа

cп1
Готово. Вы великолепны!

2. Установка темы Kava Theme

  •  Вам необходимо скачать архив Kava Theme с сайта CrocoBlock (о том, как скачать – в пункте 4), а затем загрузить его на WordPress через установку тем.

Заходим на WordPress по ссылке https://вашсайт/wp-admin/. 

На панели слева находим вкладку “Внешний вид”, далее – “Темы” – “Добавить новую”.

Загружаем архив (который, опять же, должен быть в формате .zip)

кт2
Активируем. Done 🙂

3. Установка Elementor

  •  Установка плагина Elementor
  • Установка плагина Elementor PRO с расширенными возможностями

Elementor

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

Чтобы активировать Elementor нажимаем “Добавить новый”.

Вводим в поисковую строку “Elementor”, далее появляется приложение. Нажимаем “Установить”, после установки “Активировать”. Готово.

Elementor PRO

Для того, чтобы установить расширенную версию, нужно зайти на официальный сайт Elementor.

Авторизуемся и скачиваем файл Elementor PRO (напоминаю, пароль и логин в корневой папке гугл-диска).

Действия аналогичны установке Kava Theme.

ZIP архив загружаем на WordPress, нажимаем кнопку “Установить”, а затем “Активировать”.

Поздравляю, лицензия активирована 🙂

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

  •  Загрузка плагинов Jet Elements с сайта CrocoBlock

В первую очередь необходимо авторизоваться.

Заходим в личный кабинет щёлкая по кнопке “Account”.

Слева находим вкладку “Downloads”

Здесь находятся все доступные темы и плагины, которые мы можем скачать (К слову, здесь же мы и качали Kava Theme).

Загружаем каждый Jet-плагин к себе на компьютер и, абсолютно по той же схеме, устанавливаем их на WordPress

про
Загружаем каждый архив на WP и активируем. Готово.

5. Репорт и доступы

  •  Оформление рабочего письма
  • Работа с гугл-диском

Главные правила оформления официального письма

Существует три основных части любого письма:

  1. Тема
  2. Содержание
  3. Подпись  

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

Что касается содержания, здесь важно ПОДРОБНО расписывать повод обращения, прикрепляя нужные файлы, либо оставляя ссылку на гугл-таблицу (по ссылке должна быть открыта возможность редактирования).

Текст подписи всегда одинаков. Оставлю его здесь.

“С уважением, ХХХ ХХХ

Pavloff.Media – разработка, продюсирование и автоматизация онлайн-проектов в сфере образования.
WhatsApp – 
Telegram – 
Нижний Сусальный пер., 5, стр. 17, 4 этаж, Москва, 105064.”

Работа с гугл-диском и доступами

Начнем с доступов.

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

Шаблон с доступами находится в папке “Онлайн-документация”

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

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

Возвращаемся на главную страницу диска.

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

Не забывайте соблюдать это правило)