Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Сайт своїми руками: шаблон для Modx

Продовжуємо цикл статей "Створюємо сайт своїми руками". Раніше я розповів про те як встановити локальний сервер Denwer на ваш комп'ютер і, як встановити Modx revo на локальний сервер.

У статті Установка CMS MODX на Денвер як приклад використовувалася версія MODX revo 2.2.11-pl, в даній статті використовується версія MODX revo 2.3.1-pl. Встановлення більш нової версії ні чим не відрізняється від попередньої, трохи змінився дизайн.

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

Перший запуск сайту

Після установки modx на ваш локальний сервер, ви, напевно, спробували увійти на сайт і побачили нудну білу сторінку з заголовком у вкладці браузера MODX Revolution - Головна. Причина - не встановлений або не обрана шаблон сайту.

У вікні вводимо логін і пароль адміністратора, який вказали при установці движка, тиснемо вхід і ура, ми в адмінки!

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Назва для вашого сайту

Прийшов час написати назву для вашого сайту. Переходимо в Налаштування системи. в фільтрі вибираємо Сайт. в списку шукаємо Назва сайту. подвійний клік по значенню MODX Revolution і пишемо свою назву. Я написав Мій modx сайт. Клік поза полем набору тексту і назва збережеться. Тепер можна подивитися нашу назву на сайті.

Вкладка Сайт -> Перейти на сайт. Тепер у сайту нову назву! Дивимося скріни нижче, все по порядку.

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Установка шаблона і необхідних компонентів

Давайте встановимо шаблон. Переходимо Додатки -> Монтажник. Зараз список установок порожній, встановимо перший компонент - Bootstrap - це і є наш шаблон, написаний з використанням відомого фреймворка.

Тиснемо велику зелену кнопку Завантажити доповнення. Зліва, в поле Пошук пишемо Bootstrap і тиснемо Enter.

В результаті пошуку побачимо Bootstrap і зелену кнопку Завантажити. Після процесу завантаження пакета натискаємо по зеленій кнопці Управління пакетами

Шаблон Bootstrap завантажений. Встановлюємо шаблон, саглашаясь з усім, що нам пишуть у спливаючих вікнах. Ура! Наш шаблон встановлений! Але якщо зараз перейти на сайт, ніяких змін не побачимо.

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Щоб шаблон працював коректно, розробник рекомендує встановити наступні пакети:

Wayfinder - для навігації getResources - для виведення ресурсів getPage - для пагінацію BreadCrumb - для хлібних крихт

Для зручності роботи з контентом і кодом сайту встановіть:

TinyMCE - для роботи з текстом статей ACE - для зручної роботи з кодом

Установка проходить за схемою, описаною вище.

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Шаблон за замовчуванням

Встановимо шаблон Bootstrap за замовчуванням. Переходимо Налаштування системи. в фільтрі вибираємо Сайт. в списку шукаємо Шаблон за замовчуванням. подвійний клік по значенню 1 і вибираємо шаблон BootstrapTemplate. Клік поза полем набору тексту і шаблон (2) збережеться.

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Головна сторінка сайту

Зверніть увагу на поле Шаблон - там повинен бути BootstrapTemplate. тому ми зробили його шаблоном за замовчуванням.

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти
Головна сторінка сайту "alt =" Головна сторінка сайту "width =" 200 "/>

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Пишемо статті для блогу!

Створіть таким чином 3-5 статей.

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Перший простий MODX revo-сайт зі стандартним шаблоном готовий!

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Розширюйте сайт формами зворотного зв'язку, створюйте нові розділи і статті. Для зміни дизайну подивіться документацію по Bootstrap.

Спасибі, тим, хто дочитав!

Ці ціни зовсім приблизні для загальної оцінки вартості! Для уточнення вартості вашого сайту пишіть мені, контактні дані представлені нижче на сторінці.

Сайт візитка
опис:
  • - Головна сторінка
  • - сторінка контаков
  • - Лічильник статистики
  • - Реєстрація в Yandex, Google
- Додаткові модулі по домовленості.
Ціна: від 3000 руб.

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Корпоративний
Опис: Візитка +
  • - Галерея зображень
  • - Форма зворотного зв'язку
  • - Лічильник статистики
- Додаткові модулі по домовленості.
Ціна: від 5000 руб.

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Як ним користуватися?

1. Встановлення та налаштування
  • - Модуль для Joomla 2.5 встановлюється стандартним способом.
  • - Так само модуль можна встановити на будь-який інший сайт, просто вкажіть при заповненні заявки CMS вашого сайту або дайте посилання на ваш сайт.

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

2. Заповнення форми

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

3. Отримання СМС
  • - Чи отримуєте смс з повідомленням про запит дзвінка.
  • - Передзвонювати потенційному клієнту.

Сайт своїми руками шаблон для modx - безкоштовні шаблони, іконки, скрипти для сайтів, статті про сайти

Обмеження за кількістю безкоштовних смс: 60 смс на добу.

версії модуля

На даний момент йде розробка трьох версій модуля: "SMS Back Standart", "SMS Back +" і "SMS Back Full".

"SMS Back Standart"
  • - Відправка смс повідомлення на один номер *.
  • - Оновлення модуля безкоштовні.
  • - Установка *** і підключення модуля безкоштовно.
    Ціна: $ 50
"SMS Back +"
  • - Відправка смс повідомлення на два номери **.
  • - Оновлення модуля безкоштовні.
  • - Установка *** і підключення модуля безкоштовно.
    Ціна: $ 60
"SMS Back Full" в розробці
  • - Відправка смс повідомлення на два номери **.
  • - Відправлення повідомлення на електронну скриньку.
  • - Оновлення модуля безкоштовні.
  • - Установка *** і підключення модуля безкоштовно. Ціна: $ 75

*** Безкоштовна установка на Joomla.

Очікувані доповнення та поновлення

- Посилення захисту від СПАМ-ботів.

- Запис відправлених повідомлень в таблицю для створення бази клієнтів і відстеження спаму.

- Можливість відправки тестового повідомлення для перевірки настройки модуля.