создание сайтов, kimoncar, disqus, комментарии на сайте

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

Продолжаем

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

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

Небольшая поправочка

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

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

Первый запуск сайта

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

Заходим в админ-панель вашего сайта. Для того в адресной строке пишем http://test1.ru/manager/ (не забываем предварительно запустить Денвер, если еще это не сделали, иначе ссылка не сработает).

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

MODX Revolution - Главная

Первый вход в админ-панель modx

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

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

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

Установка названия сайту

Установка названия сайту

Установка названия сайту

Новое название сайта

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

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

Жмем большую зеленую кнопку Загрузить дополнения. Слева, в поле Поиск пишем Bootstrap и жмем Enter.

В результате поиска увидим Bootstrap и зеленую кнопку Загрузить. После процесса загрузки пакета кликаем по зеленой кнопке Управление пакетами

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

Установка шаблона Bootstrap

Установка шаблона Bootstrap

Установка шаблона Bootstrap

Установка шаблона Bootstrap

Чтобы шаблон работал корректно, разработчик рекомендует установить следующие пакеты:

Wayfinder — для навигации
getResources — для вывода ресурсов
getPage — для пагинации
BreadCrumb — для хлебных крошек

Для удобства работы с контентом и кодом сайта установите:

TinyMCE — для работы с текстом статей
ACE — для удобной работы с кодом

Установка проходит по схеме, описанной выше.

Установка пакетов modx

Шаблон по умолчанию

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

Шаблон по умолчанию

Шаблон по умолчанию

Главная страница сайта

Чтобы добавить контент на главную страницу, переходим по вкладке слева Ресурсы, и кликаем первый, и пока единственный, ресурс Главная (Home, Index). И далее заполняем все поля. Я заполнил заголовок, содержимое и опубликовал запись, поставив галочку (5).

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

Главная страница сайта

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

Новый раздел

Новый раздел

Перейдите на сайт http://test1.ru и посмотрите, что у вас уже получилось: заполненная главная страница, меню с разделами сверху, подвал сайта с копирайтом.

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

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

Создайте таким образом 3-5 статей.

Создание статьи

Создание статьи

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

Новый сайт

Что дальше?

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

Спасибо, тем, кто дочитал!

Все вопросы по статье и не только пишите в комменты, всем отвечу.

Шаг 2: "Установка CMS MODX на Денвер"

Шаг 1: "Локальный сервер Denwer"

"Кликайте по иконкам социальных сетей - делитесь с друзьями полезной информацией."


Назад к списку статей

comments powered by Disqus
наверх

Примерные цены

Эти цены совсем примерные для общей оценки стоимости! Для уточнения стоимости вашего сайта пишите мне, контактные данные представлены ниже на странице.


Сайт визитка
Описание: - Дополнительные модули по договоренности.
Цена: от 3000 руб.

Корпоративный
Описание: Визитка + - Дополнительные модули по договоренности.
Цена: от 5000 руб.




Магазин
Описание: Корпоративный + - Дополнительные модули по договоренности.
Цена: от 12000 руб.



×

Модуль SMS Back

Модуль SMS Back - предназначен для отправки пользователем номера телефона администратору сайта.

Как им пользоваться?


1. Установка и настройка

2. Заполнение формы


3. Получение СМС

Ограничения по количеству бесплатных смс: 60 смс в сутки.


Версии модуля

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


"SMS Back Standart"
  • - Отправка смс сообщения на один номер*.
  • - Обновления модуля бесплатны.
  • - Установка*** и подключение модуля бесплатно.

  • Цена: $50
"SMS Back +"
  • - Отправка смс сообщения на два номера**.
  • - Обновления модуля бесплатны.
  • - Установка*** и подключение модуля бесплатно.

  • Цена: $60
"SMS Back Full" в разработке
  • - Отправка смс сообщения на два номера**.
  • - Отправка сообщения на электронный ящик.
  • - Обновления модуля бесплатны.
  • - Установка*** и подключение модуля бесплатно.
  • Цена: $75



* Бесплатная отправка смс на один номер. Возможна отправка смс на два номера и более, плата за отправку смс на дополнительный номер составит 0,25 руб за смс. Стоимость подключения дополнительного номера: $10 за 1 номер телефона.

** Бесплатная отправка смс на два номера. Возможна отправка смс на три номера и более, плата за отправку смс на дополнительный номер составит 0,25 руб за смс. Стоимость подключения дополнительного номера: $10 за 1 номер телефона.

*** Бесплатная установка на Joomla.


Ожидаемые дополнения и обновления

- Усиление защиты от СПАМ-ботов.

- Запись отправленных сообщений в таблицу для создания базы клиентов и отслеживания СПАМа.

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

×