Установка сайта на хостинг
Готовый сайт загружается на хостинг точно так же как сам движок. Для загрузки нужно использовать FTP-клиентом FileZilla или любой другой.
После того, как FileZilla подключится к серверу, слева, в локальной панели находим и открываем папку с сайтом. Далее, справа, в серверной панели открываем папку в которую будет загружаться сайт.
Теперь, все содержимое локальной панели нужно выделить и на выделенной области кликнуть левой кнопкой мыши.
Откроется диалоговое окно, в котором выбираем Закачать на сервер. После завершения загрузки папок и файлов на сервер получим вот такой вид.
Все сайт установлен. Обычно, он начинает работать сразу. Иногда требуется выставить права доступа 755 папкам "data" и "modules", а также всем вложенным в них файлам - 644 и папкам - 755.
Обзор панели управления микро-сайтом
Чтобы войти в админку сайта нужно в адресной строке браузера к адресу дописать через наклонный слэш - /admin и открыть страницу авторизации.
Вводим пароль 123 и нажимаем кнопку Вход. Открывается главная страница панели управления сайтом.
Панель управления сайтом немного отличается от панели управления стандартным движком. Из панели управления убрано всё лишнее. Данный сайт не предусматривает создание страниц, поэтому в панели управления нет раздела "Управление страницами". Так же нет раздела "Управление расширениями", т.к. для решения задач поставленных перед этим сайтом вполне достаточно предустановленных по умолчанию модулей и расширений, т.е. нет необходимости устанавливать новые и удалять уже установленные. По этой же причине с главной страницы убраны иконки модулей и расширений. Ссылки на предустановленные модули добавлены в боковое меню панели управления, они всегда на виду, что дает возможность перейти в нужное расширение в один клик.
В этой части обзора панели управления рассмотрим только настройки шаблона.
Настройки шаблона
Раздел "Общие настройки"
Заголовок сайта.
В поле вводится заголовок сайта. Текст заголовка выводится в шапке сайта при отключенном выводе логотипа. Так же заголовок выводится в подвале как копирайт.
Ссылка на изображение логотипа.
В поле вводится ссылка на изображение логотипа, которое будет выведено в шапке сайта.
Включить вывод логотипа.
Опция управляет выводом логотипа в шапке сайта. Если чекбокс убрать, то вывод логотипа будет отключен и будет выведен заголовок сайта, прописанный в настройках движка. Так же будет выведен слоган, если он прописан в настройках движках.
Ссылка на изображение для превью.
В поле "Ссылка на изображение для превью" вводится ссылка на изображение, которое будет выведено как превью при репосте страницы в социальных сетях. Эта ссылка выводится в мета теге
<meta property="og:image" content="/files/images/logo.png">
Если поле оставить пустым, то этот мета тег не будет выведен. В этом случае, при репосте страницы сайта в какую-либо социальную сеть будет выведено в превью поста произвольное изображение со страницы сайта или стандартная для этой соц. сети заглушка.
Favicon.
Favicon (фавиконка) — значок веб-сайта или веб-страницы. Выводится в сниппетах поисковой выдачи Яндекса и Гугла, отображается браузером во вкладке перед названием страницы, а также в адресной строке браузера.
Яндекс дает следующие рекомендации по формату и размеру фавиконки. Размер: 120×120, 32×32 или 16×16 пикселей. Формат: SVG (рекомендуемый), ICO, PNG.
Не смотря на рекомендации Яндекс, в микро-сайте основным расширением для фавиконки принято ICO и размер 16×16 пикселей. Это обще принятый формат, который будет выведен любым браузером.
По желанию можно загрузить и другие рекомендованные форматы. В коде страницы это выглядит так.
<link rel="shortcut icon" href="/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" type="image/png" href="/favicon.png">
<link rel="icon" href="/favicon-32x32.png" sizes="32x32">
<link rel="apple-touch-icon" href="/favicon.png">
<meta name="msapplication-TileImage" content="/favicon.png">
Если поле для ввода ссылки на файл фавиконки с рекомендованным расширением оставить пустым, то ссылка на фавиконку не будет выведена.
Ссылка на изображение логотипа (подвал).
В поле вводится ссылка на изображение логотипа, которое будет выведено в подвале сайта.
Включить вывод логотипа.
Опция управляет выводом логотипа в подвале сайта. Если чекбокс убрать, то вывод логотипа будет отключен и будет выведен заголовок сайта, прописанный в настройках движка.
Текстовый блок в подвале.
Поле для ввода произвольного текста, который будет выведен по центру подвала.
Текст в кнопке (подвал).
Поле для ввода текста кнопки вызова формы заказа обратного звонка.
Год создания сайта.
В поле вводится год создания сайта, который выводится в подвале сайта. Если прописанный год не совпадает с текущим, то вывод будет примерно таким - © 2018 - 2023.
Включить вывод ссылки "Политика конфиденциальности".
Опция управляет выводом ссылки "Политика конфиденциальности" в копирайте сайта. Если чекбокс убрать, то вывод ссылки будет отключен.
Раздел "Настройки меню"
В меню сайта пять пунктов, которые соответствуют разделам сайта и выстроены в такой же последовательности, хотя названия пунктов могут отличаться от заголовков разделов из-за экономии места в меню. В настройках, под каждым полем выведены хештеги соответствующих разделов. Хештеги изменить нельзя.
Раздел "Основной баннер"
В этом разделе полностью настраивается обложка сайта.
Заголовок баннера.
Поле для ввода заголовка баннера.
Титр заголовка.
Поле для ввода текста, который будет выведен ниже заголовка.
Ссылка на фон баннера.
Поле для ввода ссылки на файл с изображением фона баннера. Ниже выводится превью самого изображения.
Текст в кнопке.
Поле для ввода текста, который будет выведен в кнопке.
Ссылка в кнопке.
Поле для ввода ссылки, которая будет выведена в кнопке. По умолчанию прописан хештег #box2, который соответствует разделу "Стоимость ремонта".
Ссылка на фото в баннере.
Поле для ввода текста на файл с изображением, которое выводится в баннере как иллюстрация. Ниже выводится превью самого изображения.
Текст в кнопке под фото.
Поле для ввода текста в кнопке вызова формы обратного звонка.
В блоке иконок по умолчанию выводится три иконки и заголовки к ним. Настройка этого блока проста и понятна, не нуждается в подробном описании.
Раздел "Основные разделы"
В этом разделе панели управления шаблоном выведено шесть кнопок для перехода во вкладки управления основными разделами сайта.
Вкладка "Как мы работаем?"
В этой вкладке выведен список превью или этапов схемы работы с клиентами. В этой же вкладке находятся настройки раздела и форма добавления превью. При нажатии на кнопку "Настройки" откроется блок с настройками раздела.
Заголовок раздела на странице.
В поле вводится заголовок раздела. Он будет выведен на страницу сайта, а так же в панели управления шаблоном.
Текст титра заголовка.
Титр заголовка раздела выводится внизу под заголовком, если поле оставить пустым, то вывод титра будет отключен.
Для добавления нового превью необходимо нажать на кнопку "Добавить превью". Откроется форма для добавления первью.
Заголовок.
В поле вводится заголовок превью.
Ссылка на фото превью.
Поле для ввода ссылки на файл с изображением фото превью.
Текст превью.
Поле для ввода текста привью. Поле выведено в виде текстового редактора, который позволяет форматировать вводимый текст.
Таким образом можно добавить любое количество этапов (превью) в схему работы с клиентами. Для перехода к редактированию превью необходимо нажать на ссылку "Редактировать" в списке превью. Настройки при редактировании превью аналогичны настройкам добавления нового превью.
Вкладка "Стоимость ремонта"
В этой вкладке выведен список основных поломок или услуг по ремонту. Количество этих услуг фиксировано, равно 5 и его изменить нельзя. Можно изменить содержание, для этого нажимаем ссылку "Редактировать" и переходим к редактированию услуги.
Название услуги.
В поле вводится название услуги.
Ссылка на фото превью.
Поле для ввода ссылки на файл с изображением фото превью, которое иллюстрирует услугу. Ниже выводится само фото.
Описание услуги.
Поле для ввода текста описания услуги. Поле выведено в виде текстового редактора, который позволяет форматировать вводимый текст.
Стоимость услуги.
В поле вводится стоимость услуги.
В этой вкладке можно создать полный список предоставляемых услуг. Для этого в меню вкладки выбираем ссылку "Прочие услуги". Откроется вкладка со списком услуг.
Для добавления нового услуги необходимо нажать на кнопку "Добавить услугу". Откроется форма для добавления услуги.
Вводим название услуги, её стоимость и нажимаем добавить. Для редактирования услуги необходимо нажать на ссылку "Редактировать" в списке услуг.
Для перехода к настройкам раздела необходимо в меню нажать на ссылку "Настройки раздела".
Заголовок раздела на странице.
В поле вводится заголовок раздела. Он будет выведен на страницу сайта, а так же в панели управления шаблоном.
Текст титра заголовка.
Титр заголовка раздела выводится внизу под заголовком, если поле оставить пустым, то вывод титра будет отключен.
Подзаголовок раздела.
Поле для ввода текста заголовка блока прочих услуг.
Текст уведомления 1 и Текст уведомления 2.
Поля для ввода текста уведомлений, которые выводятся внизу блока прочих услуг.
Текст в кнопке.
Поле для ввода текста в кнопке вызова формы обратного звонка.
Вкладка "Часто задаваемые вопросы"
В этой вкладке выводятся настройки раздела "Часто задаваемые вопросы", т.е. можно отредактировать заголовок раздела и титр заголовка. Все остальные настройки производятся в панели управления модулем "Часто задаваемые вопросы", который выводится в этом разделе.
Вкладка "Отзывы наших клиентов"
В этой вкладке выводятся настройки раздела "Отзывы наших клиентов", т.е. можно отредактировать заголовок раздела и титр заголовка. Все остальные настройки производятся в панели управления модулем "Отзывы", который выводится в этом разделе.
Вкладка "Стиральные машины которые мы ремонтируем"
В этой вкладке выводятся превью с логотипами брендов производителей стиральных машин. Для добавления нового бренда необходимо нажать на кнопку "Добавить бренд". Откроется форма для добавления бренда.
Вводится ссылка на логотип бренда, название бренда и нажимается кнопка "Добавить". Для редактирования бренда необходимо в превью нажать на иконку карандаша.
Настройки при редактировании бренда аналогичны настройкам добавления нового бренда. Для перехода к настройкам раздела необходимо в меню нажать на ссылку "Настройки".
Здесь стандартные настройки, как и для всех разделов.
Вкладка "Контакты"
Адрес.
Поле для ввода адреса офиса.
Включить вывод адреса.
Опция управляет выводом адреса. Если чекбокс убрать, то вывод адреса будет отключен.
Номер телефона.
Поле для ввода номера телефона.
Включить вывод номера телефона.
Опция управляет выводом номером телефона. Если чекбокс убрать, то вывод номера телефона будет отключен.
Номер WhatsApp.
Поле для ввода номера телефона для WhatsApp.
Включить вывод номера WhatsApp.
Опция управляет выводом номером WhatsApp. Если чекбокс убрать, то вывод номера WhatSapp будет отключен.
Email.
Поле для ввода электронного почтового адреса.
Включить вывод email.
Опция управляет выводом email. Если чекбокс убрать, то вывод будет отключен.
Карта API.
Поле для ввода кода карты API.
Включить вывод карты API.
Опция управляет выводом карты API. Если чекбокс убрать, то вывод карты на страницу будет отключен. В этом случае будет выведен только блок контактов.
Facebook, Twitter, Instagram, Вконтакте, Одноклассники, Telegram
Поля для ввода ссылок на социальные сети. Если поле остается пустым, то вывод иконки социальной сети отключается.
Включить вывод блока соц. иконок.
Опция управляет выводом блока соц. иконок. Если чекбокс убрать, то вывод блока на страницу будет отключен.
Реквизиты.
Поля для ввода ИНН и ОГРНИП.
Включить вывод реквизитов.
Опция управляет выводом реквизитов. Если чекбокс убрать, то вывод будет отключен.
При нажатии на кнопку "Настройки" откроется блок с настройками раздела.
Заголовок раздела на странице.
В поле вводится заголовок раздела. Он будет выведен на страницу сайта, а так же в панели управления шаблоном.
Текст титра заголовка.
Титр заголовка раздела выводится внизу под заголовком, если поле оставить пустым, то вывод титра будет отключен.
Раздел "Настройки SEO"
В разделе "Настройки SEO" заполняются все основные теги, необходимые для индексации сайта и его SEO-продвижения.
Титульный заголовок.
Поле для заполнение тега title. Текст этого тега выводится в заголовке окна браузера или на вкладке страницы. Предназначен для точного и краткого описания содержимого страницы. Так же Содержимое тега title отображается на страницах поисковой выдачи, как часть сниппета, в виде кликабельного заголовка.
Ключевые слова.
Поле для заполнение мета тега keywords, в котором содержатся ключевые слова, описывающие содержание страницы.
Описание.
Поле для заполнение мета тега description. Содержимое этого мета тега является одним из источников, на основе которых формируются описания страниц сайта в результатах поиска.
Яндекс верификация.
Поле для заполнение мета тега yandex-verification. Данный мета тег используется для подтверждения прав собственности на сайт при добавлении его в сервис Яндекс.Вебмастер.
Google верификация.
Поле для заполнение мета тега google-site-verification. Данный мета тег используется для подтверждения прав собственности на сайт при добавлении его в Search Console сервиса Google.
Если поля "Яндекс верификация" и "Google верификация" оставить пустыми, то вывод соответствующих им мета тегов в код страницы будет отключен.
Раздел "Дополнительные настройки"
Блок HTML в верху страницы.
Поле для ввода какого-либо html-кода. Это может быть дополнительная таблица css стилей или счётчик Яндекс.Метрика. Загруженный код будет выведен на страницу между тегами head.
Блок HTML внизу страницы.
Поле для ввода какого-либо html-кода. Это может быть скрипт какого-либо виджета. Загруженный код будет выведен в самом низу страницы перед закрывающим тегом body.
Так же в этом разделе настраивается форма заказа обратного звонка.
Тема сообщения.
Поле для ввода текста темы сообщения, которое будет прописано в полученном сообщении, которое было отправлено из формы обратного звонка на сайте.
Заголовок формы.
Поле для ввода текста заголовка формы.
Текст в форме.
Поле для ввода пояснительного текста, который будет выведен в форме.
Название поля ввода имени.
Поле для ввода текста названия поля ввода имени в форме.
Название поля ввода номера телефона.
Поле для ввода текста названия поля ввода номера телефона в форме.
Текст в кнопке формы обратной связи.
Поле для ввода текста в кнопке отправки формы обратной связи.
Раздел "Политика конфиденциальности"
В соответствии с федеральным законом №152-ФЗ "О персональных данных" наличие на сайте формы для отправки сообщений считается обработкой персональных данных. В связи с этим владелец сайта обязан создать страницу с описанием политики администрации сайта в отношении обработки персональных данных, чтобы посетитель сайта мог с ней ознакомиться. Так же на сайте обязательно должна быть ссылка на такую страницу.
В разделе "Политика конфиденциальности" по умолчанию создан пример описания политики конфиденциальности, который можно подкорректировать под свои нужды и заменить своим текстом.
Внизу страницы сайта выведена ссылка "Политика конфиденциальности" при нажатии на которую во фрейме откроется загруженный текст. Так же в форме обратной связи есть чекбокс - Я согласен на обработку моих персональных данных. Если посетитель при отправке формы не поставит этот чекбокс, то форма не будет отправлена. Если посетитель поставит чекбокс, то это означает, что он ознакомился с политикой конфиденциальности и дает согласие на обработку своих персональных данных.
На этом первая часть обзора панели управления микро-сайтом "Стиралка как новая" завершена. Во второй части будет обзор основных разделов панели управления сайтом и установленных модулей.
Работу панели управления сайта "Стиралка как новая" можно посмотреть на демо.
Ставьте лайки и подписывайтесь на канал. Дальше будет ещё интереснее.
#разработка веб-сайтов #создание сайтов #веб-дизайн #интернет #myengine