Сайт на MODX Evolution. Часть 5. Небольшие поправки чанка header.

В прошлой статье я описывал про то, как вывести список основных страниц сайта на MODX Evolution в главном меню. В этом материале мы внесем ещё несколько финальных поправок в чанк header, чтобы более его не касаться.

1. Поправляем заголовки всех страниц, меняем то, что в <title>-тегах:

<title>[*pagetitle*] | [(site_name)]</title>

Будет выводится следующем формате:

<title>Заголовок страницы | Название сайта</title>

2. Там, где показывается лого также заменим статику на динамику: (далее…)

Опубликовано 16-12-2013 в 16:11

Сайт на MODX Evolution. Часть 4. Выводим главное меню.

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

  • Главная;
  • Наши клиенты;
  • О нас;
  • Вакансии;
  • Контакты.

Следите за флажками «Показывать в меню» (вкладка Общие) и «Публиковать» (вкладка Настройка страницы), — они должны быть отмечены (по умолчанию таковыми и являются). (далее…)

Опубликовано 16-12-2013 в 15:20

Как сделать сайт на MODX Evolution. Часть 3. Интеграция макета главной страницы.

Продолжение 3 этапа нашей работы, связанного с натяжкой дизайна главной страницы в MODX Evolution.

1. После того, как вы обзавелись HTML версткой, поместите последнюю в каталог assets/templates так, как показано на вот этом скриншоте:

Шаблон для MODX Evolution

P.S. Полагаю вы уже знакомы с CSS/HTML/JavaScript, иначе бы не читали сейчас эту статью? Тогда вы можете самостоятельно отчистить приведенный макет от лишних вспомогательных файлов, например license.txt.

2. Войдите в админку MODX Evolution. Путь Элементы->Управление элементами->Чанки. Нажмите на кнопку Новый чанк.

Напоминаю, что чанки — это структурные кусочки HTML кода.

Назовем элемент словом header, как нетрудно догадаться там у нас будет содержать весь заголовок веб-страницы + главное меню в довесок. Хватаем отрезок от начала разметки с <!DOCTYPE html... до </div> из документа index.html темплейта openhouse. (далее…)

Опубликовано 16-12-2013 в 14:31

Создаем сайт-визитку на MODX Evolution. Часть 2. Шаблон главной страницы.

Этап 3. Встраивание / натягивание HTML шаблона на CMS. Главная страница.

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

Структура макета главной страницы сайта-визитки на MODX Evolution

Итого я наметил вот такие вот блоки, — см. иллюстрацию выше:

  • Главное меню. Здесь пусть будут представлены достаточно типичные пункты. Например: Главная, Наши клиенты, О нас, Вакансии, Контакты.
  • Краткое описание вашей организации. Несколько слов о компании, этакая выжимка-цитата со страницы «О нас».
  • Новости сайта или компании. Небольшие анонсы, пресс-релизы / объявления, если хотите.
  • Блок информации об услугах фирмы. Триптих будет содержать области с анонсами и картинками — описания услуг, которые предоставляет ваше предприятие.
  • Копирайты. Традиционный блок с информацией, что «Все права защищены», «Нельзя копировать», даты основания сайта и т.п.

Ну все, со структурой 1 страницы вроде бы определились. В следующей статье будет все это пробовать реализовывать.

Опубликовано 16-12-2013 в 11:51

Создаем сайт-визитку на MODX Evolution. Часть 1. Подготовительные работы.

Этап 1. Установка CMS и её первоначальная настройка.

В этой серии статей я, по возможности подробно, опишу все этапы создания относительно простого сайта на MODX Evolution (версия 1.0.12) типа «визитка». Т.к. часть информации уже содержится на red-book-cms.ru, то мною будут преднамеренно пропущены следующие моменты:

Потому прежде чем начать выполните действия, описанные в статьях перечисленных выше. (далее…)

Опубликовано 16-12-2013 в 10:38

Как закрыть сайт на обслуживание

Приведенный в этой заметке способ актуален для всех без исключения CMS, самописных движков и прочих, работающих в связке Apache + PHP.

1. Создайте в корне вашего сайта файл с именем, к примеру, m.php (сокращение от словосочетания «maintenance mode»). Заполните его следующим содержимым:

<?php
header('HTTP/1.0 503 Service Unavailable');
header('Retry-After: 3600');
?>
<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="UTF-8" />
    <title><?php echo "http://" . $_SERVER['HTTP_HOST']; ?>: 
сайт находится на техобслуживании</title>
  </head>
<body>

(далее…)

Опубликовано 11-12-2013 в 15:07

JQuery — как вставить элемент на страницу: .after() и .before()

Пара примеров с использованием JQuery-методов .after() и .before().

.after()

Имеем:

<script>
$(document).ready(function() {
    $("#raz-after").after("<p>JQuery - метод .after()</p>");
});
</script>
<div class="tak-dlya-primera">
    <div id="raz-after">
    </div>
</div>

Получаем:

<div class="tak-dlya-primera">
    <div id="raz-after">
    </div><p>JQuery пример с методом .after()</p>
</div>

(далее…)

Опубликовано 9-12-2013 в 16:52













Свежие комментарии

  • krasnov8953: к записи Не работает как мне кажется строчка $newTvId = $ »
  • Dimanski: к записи ничего не понимаю. Ставлю ModX на хостинг r01.ru »
  • Дмитрий: к записи Спасибо! Очень выручили. С битриксом беда, а прав »
  • леонид: к записи как сделать что были в ряд? у меня получается по о »
  • Администратор: к записи Статический IP. »
  • Steel: к записи Администратор, вы данную проблему решили подключен »
  • Дмитрий: к записи Хотел узнать как прикрутить данное окно (http://re »

Последние твиты