Author Archives: admin

MODx: эволюция или революция? (краткий обзор)

modx logo логоПервое знакомство с MODx Revolution, новой версией системы управления  сайтом, оказалось не таким приятным как представлялось. Может просто дело привычки…
Скачать свежие версии CMS MODx вы всегда можете на официальном сайте.

Дизайн и интерфейс

modx revolution отзывы, обзорКак и все новое и красивое, подкупила сначала обновленная панель администрирования: довольно простые цвета, скругленные края, градиент кнопок и т. д. Но после этого началось “путешествие” по области настроек сайта. Сразу найти необходимые настройки не получилось. Хотя обратил внимание на большое количество настроек и это, конечно, плюс. Но аналогии с прошлой версии нет. А так как “просидел” на MODx Evolution долгое время, то для меня это был минус.

Сниппеты

Все основные функции MODx реализованы и в данной версии. Основные плагины, такие как Ditto, Wayfinder, Breadcrumbs и др. также присутствуют и здесь. Данные снипеты хорошо себя зарекомендовали. Поэтому надеемся на дальнейшее их развитие.

Скорость работы

Еще хотелось бы отметить скорость работы: новая версия (revolution) явно уступает в производительности своему предшественнику. Что для меня значит также минус.

Возможности

Предшественник справлялся со всеми поставленными задачами на сайте. С такими задачами скорее всего справиться и Revolution. Так что на данный момент Evolution мне вполне достаточно. И поэтому судить о возможностях не возьмусь, так как могу внести смуту в ряды :-)

Подведу свой итог

В движении – жизнь. Но MODx Evolution закончился на версии 1.0.5. Может быть стоило продолжить развитие первой версии и выпустить MODx 1.1? MODx Revolution не оправдал своего названия. Новая версия вышла, но революцию не произвела. По крайней мере для меня.
Основные теги , , , ,

Шаблоны MODx

В данной статье будут публиковаться шаблоны MODx свои и собранные с разных источников. Так что следите за обновлением.
Если у вас возникли проблемы при установке, то ознакомьтесь со статьей “Как установить шаблон MODx?”

Шаблон “Ночной дом (Night home)”

Ночной дом шаблон MODxСкачать шаблон

Шаблон “Недвижимость (Real estate)”

Шаблон MODx недвижимостьСкачать шаблон

 Шаблон “Простой серо-голубой”

Шаблон MODx Простой серо-голубойСкачать шаблон

 Шаблон “Любовь”

Шаблон MODx Любовь
Скачать шаблон

 

Основные теги , ,

Обратная связь MODx

обратная связь MODx, форма обратной связи на MODxФорма обратной связи на сайте на данный момент является одним из стандартных элементов, как разделы Контакты, или Карта сайта. В данной статье я расскажу как создать форму обратной связи на сайте в системе управления сайтом MODx. Реализованна форма будет при помощи сниппета eForm.

Что такое сниппет eForm в MODx?

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

Этапы создания формы обратной связи на MODx

Создание формы обратной связи можно разделить на следующие этапы:

  1. создание чанка формы, которая будет располагаться на сайте
  2. создание чанка шаблона письма, которое будет приходить на электронную почту
  3. вставка сниппета eForm на страницу

1. Создание чанка формы обратной связи

Создаем новый чанк form_tpl и вставляем туда следующий код:

<div id=”forma”>
<p> [+validationmessage+] </p>
<br/>
<form method=”post” action=”[~[*id*]~]” name=”myform”>
<input type=”hidden” name=”formid” value=”form1″ />
<table  cellpadding=”1″ cellspacing=”1″ >
<tr >
<td >Ваше Имя:</td>
<td ><input type=”text” name=”Name” size=”40″ maxlength=”60″ eform=”Ваше Имя::1″ /></td>
</tr>
<tr >
<td >Ваш телефон:</td>
<td><input type=”text” name=”phone” size=”40″ maxlength=”40″ eform=”Ваш Телефон::1″ /></td>
</tr>
<tr >
<td >Ваш email адрес:</td>
<td><input type=”text” name=”email” size=”40″ maxlength=”40″ eform=”Ваш email:email:1″ /></td>
</tr>
<tr >
<td >Текст письма:</td>
<td><textarea cols=”40″ rows=”6″ name=”comments” eform=”Текст письма:html:1″></textarea></td>
</tr>
<tr >
<td colspan=”2″>Пожалуйста введите код: (Чтобы предупредить спам)</td>
</tr>
<tr >
<td ><img src=”[+verimageurl+]” alt=”verification code” /></td>
<td><input type=”text” name=”vericode” size=”20″ /></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><input type=”submit” name=”submit” value=”Отправить” ></td>
</tr>
</table>
</form>
</div>

Шаблон довольно прост. Поэтому останавливаться не буду. Если возникнут вопросы, то оставляйте комментарии :-)

2. Создание чанка письма, приходящего на почту

Создаем новый чанк formreport и вставляем туда следующий код:

<p>Это письмо было отправлено с сайта</p>
<table>
<tr valign=”top”><td>Name:</td><td>[+Name+]</td></tr>
<tr valign=”top”><td>Email:</td><td>[+email+]</td></tr>
<tr valign=”top”><td>Телефон:</td><td>[+phone+]</td></tr>
<tr valign=”top”><td>Текст сообщения:</td><td>[+comments+]</td></tr>
</table>

3. Вставляем код формы на страницу

Для начала необходимо создать страницу в MODx, на которой будет форма обратной связи. Так же можно установить форму в шаблон сайта, чтобы форма была доступна на каждой страницы (см. установка шаблона MODx). Для того чтобы вставить форму на страницу в область контента страницы необходимо вставить код вызова сниппета eForm с подключенными созданными чанками:

[!eForm? &formid=`form1` &to=`mail@site.ru` &tpl=`form_tpl` &report=`formreport` &vericode=`1` &subject=`Сообщение с сайта` !],

где formid - уникальный идентификатор нашей формы,
to - адрес электронной почты, куда будут приходить сообщения,
form_tpl - имя чанка формы, созданного нами,
report - чанк шаблона письма приходящего на электронную почту.

После этого проверяем форму и если все сделали правильно, то все будет работать и теперь можно расслабиться и пойти попить чайку :-)

Основные теги , ,

MODx мета-теги (meta): настройка

Что такое мета-теги?

Мета-теги (англ. meta-tags) — это HTML (XHTML) -теги, предназначенные для предоставления структурированных метаданных о веб-странице. Мета-теги помещаются внутрь тега head в (X)HTML-документе, как правило, после тега TITLE. Мета-теги используются для указания описания страницы, ключевых слов и других данных.

В данной статье также рассматривается тег <title>, так как настройка данного тега аналогична настройки других мета-тегов и также данный тег относится к приемам поисковой оптимизации.

В каких целях необходимо настроить мета-теги?

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

Обычно мета-теги настраиваются в целях внутренней оптимизации. Данные теги помогают лучше поисковым машинам охарактеризовать страницы сайта.

Основные мета-теги:

  1. title – наверное самый главный тег, от которого может измениться положение страницы в поисковой выдаче. Как у книги должно быть название, так у сайта должен быть заполнен тег title.
  2. description – данный тег содержит краткое описание сайта. Обычно 2-3 предложения. Так же важный тег. Старайтесь всегда заполнять его.
  3. keywords – “ключевые слова”. Название говорит само за себя. Заполняется тег ключевыми словами, соответствующими странице.

Мета-тегов на самом деле намного больше, но в данной статье рассматривать подробно не будем.

Настройка мета-тегов в MODx

Последовательность подключения мета-тегов к страницам выглядит так:

  • включаем отображение мета-тегов: заходим в панели администрирования Инструменты -> Конфигурация -> Интерфейс и представление и в пункте Показывать вкладку с META-тегами и ключевыми словами отмечам - Да. После этого в окне редактирования/создания страницы появится вкладка Ключевые слова.
  • создаем теги: заходим в Элементы -> Управление МЕТА-тегами и ключевыми словами. Начинаем заполнять поля Название -> home, Тег -> title, Значение -> Заполняем тег соответствующим заголовком, жмем Создать тег.
  • привязываем тег к станице: заходим в окно редактирования/создания страницы, далее во вкладку Ключевые слова. В окне Мета-теги подсвечиваем кликом созданный нами тег с именем home (можно выбрать несколько тегов с Ctrl) и жмем Сохранить.
  • все готово. Тег подключен. По аналогии создаем теги description и keywords. Подключаем аналогично.

Важно!!! У каждого мета-тега должно быть уникальное имя, иначе некоторые теги не будут отображаться в странице сайта.

Основные теги , , , , , , ,

Сниппеты MODx

Что такое сниппет (snippet) MODx?

Сниппет – это код элемента сайт требующего динамики на странице, который встраивается в страницу (гостевая книга, форма обратной связи, поиск по сайту и т. д.). Сниппеты  хорошо расширяют возможности системы управления. Сниппет может быть “серьезным” и многофункциональным, либо простым и несложным. Но оба они будут выполнять важную функцию. Возможность написанию собственных сниппетов дает большие возможности в “сайтостроении” на MODx.

Встроенные сниппеты в MODx

AjaxSearch — Назначение: позволяет пользователям производить поиск по сайту, не покидая страницы, на которой они находятся. Результаты возвращаются посредством запроса ajax и выводятся в окно результата ниже формы поискового запроса. (Если у пользователя отключен JavaScript, результаты выводятся в отдельном окне).

Breadcrumbs — 0.9d readcrumb (англ. «Хлебные крошки») — элемент навигации по сайту, представляющий собой путь по сайту от его «корня» до текущей страницы, на которой находится пользователь. Действие: представляет собой полосу в верхней части страницы примерно такого вида: Главная страница → Раздел → Подраздел → Текущая страница.

Ditto — Среди его основных функций — разбивка на страницы, вывод краткой версии статьи со ссылкой «далее», генерирование архива, сортировка по дате, заголовку и т. д.

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

FirstChildRedirect — Автоматически переводит на первый дочерний документ в папке.

Jot — 1.1.2 Коментарии пользователей, с возможностью модерирования и подписыванием на е-мэйл (вероятно при появлении ответа приходит уведомление на емэйл).

ListIndexer — Показывает самые недавние документы, Очень гибкая.

MemberCheck — Выборочно показывает чанки based on logged in Web User’ group memberships.

NewsPublisher — Публикация новостных статей прямо из web.

Personalize — Простая Персонализация для web пользователей.

Reflect — Используется с Ditto, создаёт архивы статей, записей блога, галлерей изображений.

UltimateParent — Travels up the document tree from a specified document and returns the «ultimate» parent.

Wayfinder — Основное назначение Wayfinder — генерировать навигационные меню, автоматически отражающие изменения в структуре сайта, однако он может быть использован и с другими целями. Wayfinder — сниппет, сканирующий заданную часть дерева документов MODx, находящий все документы, отвечающие заданным условиям, и выводящий форматированный список этих документов. Формат вывода определяется шаблонами, он может включать любые комбинации HTML, CSS и JavaScript, что дает невероятную степень гибкости. Эти шаблоны являются чанками (то есть для задания какого-либо шаблона следует создать новый чанк, он то и будет являться шаблоном) На одной странице может присутствовать несколько вызовов Wayfinder, соответственно можно создавать несколько независимых меню и списков документов.

WebChangePwd — Сниппет смены пароля для web user’ов.

WebLogin — Сниппет входа на сайт web user’ов.

WebSignup — Сниппет регистрации на сайте web user’ов.

Как вызвать сниппет на странице сайта на MODx?

Обычно есть несколько вариантов добавления сниппета на страницу:

  • Для того чтобы вызвать сниппет на странице сайта в шаблоне сайта, надо вставить в код шаблона сайта [[name]], где вместо name необходимо вставить имя созданного или используемого сниппета.
  • Для того чтобы вызвать сниппет в теле документа в области [*content*], необходимо также вставить код вызова сниппета [[name]], где вместо name необходимо вставить имя созданного или используемого сниппета.

Есть и другие варианты вызова сниппета, но здесь мы рассмотрели базовые.

Где скачать сниппеты на MODx?

Сниппеты для MODx я обычно качаю с официального сайта – http://modx.com в разделе Extras. Несмотря на то, что многие сниппеты на английском, обычно присутствует инструкция по установке на английском языке. Поэтому с установкой проблем не возникало. Если необходим сниппет на русском языке, то стоит на этом же сайте в разделе форума поискать соответствующий языковой пакет.

Основные теги ,

MODx установка шаблона

modx установка шаблонаИногда при создании сайта на MODx можно найти уже готовый дизайн, который будет не в точности (иногда и в точности) соответствовать техническому заданию, но будет по структуре очень похож. Например, надо будет изменить только “шапку” сайта и изменить текст ссылок. В таком случае будет проще и быстрее использовать готовое решение.

Шаблоны для MODx

В интернете есть ресурсы, которые позволяют скачать готовые шаблоны для MODx. Как правило, все эти ресурсы предлагают сделать это бесплатно. Не буду останавливаться на этом моменте в будущем посвещу этому отдельную статью :-)

Исходники шаблона для установки на MODx

Под шаблоном для системы управления подразумевается набор файлов:

  • файл с кодом шаблона для размещения его в шаблоне MODx
  • файл со стилями CSS
  • папка с изображениями для данного шаблона
  • файлы JavaScript (не обязательно)
  • другие необходимые для работы шаблона файлы (не обязательно)

Последовательность установки шаблона на MODx

Последовательность установки не строгая. Можете выполнять ее по своему усмотрению. Сам я обычно поступаю так:

  • создаем в директории сайта assets/templates/ новую директорию, например, new и закачиваем туда файл со стилями CSS, папку с изображениями. Важно! изначально не изменяйте пути к файлам в таблице стилей и коде шаблона.
  • в панели администрирования MODx выбираем Элементы -> Управление элементами -> Новый шаблон. В появившемся окне в поле Имя шаблона вводим название нового шаблона. Пускай будет тоже new. В поле Код шаблона вставляем код шаблона сайта, который мы скачали. Обычно код хранится в отдельном текстовом файле из набора скачанных файлов шаблона сайта на MODx и называется template. После этого жмем Сохранить.
  • Поздравляю! мы установиди новый шаблон на MODx :-)

Привязка нового шаблона к старнице MODx

Чтобы привязать новый шаблон к странице, необходимо в окне создания/редактирования страницы в поле Шаблон выбрать созданный шаблон (в данном случае new).

Проблемы установки на шаблона MODx

  • Некоторые шаблоны смотрятся эффектно при наличии некоторых дополнительных плагинов. Но плагины автоматически не настраиваются при установке шаблона. Решение: смотреть статьи о плагинах установить плагины :) или отредактировать код шаблона и файл стилей CSS.
  • Обычно структура меню очень сильно зависит от шаблона. И далеко не факт что новый шаблон будет отображать меню вашего сайта так, как это было при предпросмотре шаблона перед скачиванием. Решение: изменить настройки сниппета вывода меню Wayfinder в коде шаблона и файл стилей CSS.
  • Некоторые пути в файле стилей CSS и шаблоне являются абсолютными, поэтому после установки шаблона эти ссылки получаются битыми. Решение: переписать ссылки.
Основные теги , , ,

Настраиваем “дружественный URL” в MODx

Настраиваем дружественный URL в MODxДружественный URL позволяет отображать адрес страницы в виде статического текста вместо сгенерированного системой управления кода. Но в то же время дружественный URL тоже является сгенерированным. Поэтому приведу пример: вместо адреса страницы  http://site.ru/index.php?id=1/home.html. В таком случае еам необходимо выполнить ряд нехитрых действий. я хочу отображить http://site.ru

Возможные преимущества дружественного URL

  • поисковые системы научились сравнивать поисковый запрос с транслитом адреса страницы;
  • более удобное представление адреса страницы для пользователя (для ввода с клавиатуры или запоминания).

Важно!

Основное правило только одно: для каждой страницы должен быть свой уникальный адрес (url).

Настройка дружественного URL в MODx

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

Переименовываем файл ht.access

Я обычно делаю так:

  • скачиваем файл себе на компьютер из директории сайт
  • открываем файл ht.access с помощью блокнота
  • выбираем “Сохранить как..” -> Выбираем “Все файлы” -> Имя как .htacess
  • закачиваем файл в основную директорию сайта

Включаем дружественный URL в панеле управления сайта

  • В панеле управления сайта на MODx выбираем “Инструменты”->“Конфигурация”
  • далее выбираем вкладку “Дружественный URL”
  • в полеИспользовать дружественные URL” выбираем ДА

Где задать URL страницы в MODx?

Теперь необходимо каждой созданной странице присвоить свой уникальный URL. А делается это в окне создания/редактирования страницы (см. создание страниц в MODx). В поле “Псевдоним” необходимо на латинице ввести ее название. Это и будет URL-ом страницы.

Основные теги , , ,