Rotaban.ru - биржа баннерной рекламы

Вот мы заходим на главную страницу нашего сайта, которая у нас называется Создаём сайты с помощью контент-менеджеров. И видим красные ссылки, серый текст на белом фоне, за которым разместилась светло-коричневая подложка.

 

А можем зайти на страницу Установка Joomla! И увидим всё тоже самое: те же красные ссылки, тот же серый текст на том же белом фоне, за которым разместилась та же самая светло-коричневая подложка.

 

 Дизайн совершенно тот же, отличается только содержание текста и рисунки. И в том, что все страницы похожи друг на друга, есть какая-то своя своеобразная прелесть. А с другой стороны, может быть, и нет в этом никакой прелести, а только одна сплошная скукота. И вот если Вы согласитесь с последним утверждением, то на этот счёт Joomla! предлагает Вам оформить разные страницы в разных стилях. Шаблон остаётся один и тот же, а вот стили разные. И Вы, наверное, не поверите, но для разных страниц можно даже использовать разные шаблоны.

И надо сказать, необходимость в разных стилях встречается чаще, чем кажется на первый взгляд. Ну, например, Вас совершенно устраивает, что все страницы, сколько бы их ни было, выполнены в одном стиле, но Вы хотели бы, чтобы для разных разделов рисунки логотипов были разные. И это желание понятно: свой собственный логотип обратит внимание посетителя на то, что он имеет дело не просто с безликой частью единого сайта, а перед ним отдельный раздел. А ещё, если для Вашего сайта при установке Joomla! была установлена многоязычность, и он действительно создаётся на нескольких языках, то для каждого языка можно подобрать свой стиль. И, как говорят в телерекламе, это ещё не всё! Вспомним, что свой шаблон нужен не только для веб-сайта, который видят посетители, но и для Панели управления (Control Panel), в которой работает веб-мастер. Причём над сайтом могут работать несколько человек. И все они будут пользоваться Панелью управления (Control Panel). Так вот для каждого мастера можно подобрать свой стиль шаблона. Разработчики Joomli! считают, что такая возможность позволяет разным мастерам работать с разными дизайнами Панели управления (Control Panel), наилучшим образом соответствующими их задачам.

Итак, всё-таки, не смотря ни на что, попробуем сделать так, чтобы разные страницы нашего сайта имели разный стиль. Сейчас все страницы сайта выполнены в стиле protostar-Default(2) – все до единой. Есть идея: скопировать стиль protostar-Default(2) и поменять там что-нибудь. Новый изменённый стиль назначить для одного из разделов сайта, например для раздела «Настройка (конфигурирование) сайта на Joomla!».

Коли идея нравится, то в Менеджере шаблонов (Template Manager) на панели Стили (Styles) ставим галочку напротив стиля, назначенного стилем по умолчанию, и нажимаем клавишу Дублировать.

 

 В списке стилей появится стиль protostar-Default(3).

 

 

Попробуем его отредактировать и привнести что-то новое. Щёлкнем на стиле два раза мышкой, чтобы зайти на панель Менеджер шаблонов: Изменить стиль (Template Manager: edit Styles). Откроем вкладку Дополнительные параметры (Advanced Options). Поменяем логотип. Мальчика, прыгающего тёплым летним вечером в прохладную воду реки, заменим на девочку, бегущую по причалу. То есть в параметре Логотип (Logo Image) поменяем установленный здесь файл vpered1 на vpered9. Напомним, что нужно нажать на клавишу Выбрать (Choose), оказаться после этого в Медиа-менеджере (Media Manager) и в одной из папок, скорее всего в папке banners , выбрать вместо рисунка vpered1 рисунок vpered9, если он конечно там есть. А если его там нет, то надо будет его туда загрузить. Ну, нарисовать сначала, а потом загрузить. Вот такая история. Но в нашем случае на наше удивление такой рисунок там был. А может и не было его, а мы просто через пункт верхнего меню Материалы (Contentзашли в Медиа-менеджер (Media Manager), открыли папку banners и загрузили туда рисунок vpered9. А уже потом, вернувшись в Менеджер шаблонов (Template Manager) на панель Стили (Styles) и зайдя в стиль protostar-Default(3), мы открыли вкладку Дополнительные параметры (Advanced Options), где в параметре Логотип (Logo Image) поменяли рисунок vpered1, который там был, на рисунок vpered9, то есть мальчика на девочку, слава тебе Господи, и спасибо тебе, что ты создал людей, способных придумывать Менеджер стилей и Медиа-менеджер.

А ещё можно попробовать сделать цвет текста таким же, что и цвет фона. Как мы помним под термином «цвет текста» подразумевается только текст заголовков. Сейчас для параметра Цвет текста (Text color) принято значение #сс0018, а для параметра Цвет фона (Background color) - #ebb596, то есть фон и текст заголовков имеют разные цвета.

 

 

Сделаем так, что бы и для одного, и для другого цвет был одинаковым.

 

 

Не забудем сохранить сделанные изменения .

А теперь вспомним, что все эти манипуляции и весь этот стиль мы создаём для того, что бы присвоить его одной странице, не всему сайту, а только одной странице. Вот этим самым присвоением теперь и надо заняться. Для этого всего то и нужно переключиться с вкладки Дополнительные параметры (Advanced Options)) на вкладку Привязка к меню (Snap to menu), и выбрать здесь тот раздел, который мы хотим видеть в другом стиле. А это раздел «Настройка (конфигурирование) сайта на Joomla

 

И в этот раз не забудем нажать на клавишу Сохранить   . И вот теперь, после всего этого, мы с замиранием сердца, боясь и желая, рискнём посмотреть на страницу в новом стиле. Зайдём на сайт http://vir-norindoc.org и в меню, которое на этом сайте называется Рубрики, выберем раздел «Настройка (конфигурирование) сайта на Joomla

 

 

Ничего особенного. Действительно на главном рисунке бежит девочка вместо того мальчика, который на главной странице прыгает в воду. И цвет фона, и цвет заголовков светло-коричневый. Для того чтобы ещё больше в этом убедиться, можно прокрутить страницу вниз, и посмотреть на заголовки подкатегорий.

 

 

Как итог, весь сайт выполнен в стиле, который предусматривает, что мальчик должен прыгать в воду, цвет фона должен быть светло-коричневым, а цвет заголовков тёмно-красным. А вот на странице раздела «Настройка (конфигурирование) сайта на Joomla!» девочка, причём она не прыгает в воду, а просто бежит, стиль фона, как и положено, светло-коричневый, но и заголовки тоже светло-коричневые.

 

 

В общем и целом, по большому случаю, да и в случае частном всё, что мы должны сделать – это взять да и назначить одному из разделов, то бишь, одному из пунктов меню другой стиль. И тогда он, и будет отображаться в другом стиле: весь сайт будет отображаться в стиле по умолчанию (в том, напротив которого на панели Стили (Styles) Менеджера шаблонов (Template Manager) стоит жёлтая звёздочка ), а наш раздел будет отображаться в другом, в специально заданном для него, стиле. 

Привязка стилей осуществляется на специальной вкладке Привязка к меню (Snap to menu). А это значит, что в Менеджере шаблонов (Template Manager)  на панели Стили (Styles) мы должны зайти в стиль, к которому собираемся привязать один из разделов сайта (один из пунктов меню). Зайти в стиль, это значит щёлкнуть по нему два раза мышкой. Откроется панель Менеджер шаблонов: Изменить стиль (Template Manager: edit Styles). На этой панели нужно зайти во вкладку Привязка к меню (Snap to menu). Напротив нужного раздела нужно поставить галочку и нажать на клавишу Сохранить (Save) . И это самое главное. И называется это – привязка пунктов меню (разделов сайта) к соответствующему стилю.

А вот всё остальное, о чём говорится в этом разделе – это всё так, присказка: то, что и так понятно само собой. Ведь если мы хотим какой-то один из наших разделов отобразить в стиле, не являющимся общим для нашего сайта, то и понятно, что этот стиль нужно создать. Ну как создать, нужно на панели Стили (Styles) Менеджера шаблонов (Template Manager) взять какой-то уже имеющийся там стиль и скопировать его, потом зайти в этот скопированный файл, и на вкладке Дополнительные параметры (Advanced Options) отредактировать его. А вот уже затем к этому новоявленному стилю и привязать какой-то там особый раздел, из-за которого весь этот сыр бор и случился. В общем, так или иначе, а три шага нам сделать нужно:

1. Скопировать стиль.

2. Отредактировать стиль.

3. Привязать к стилю тот пункт меню (тот раздел сайта), который в этом стиле должен отображаться.

 

 

Смотрите шаг С.6. Стили и модули

Flesch-память от 16 до 64 ГБ. Подходит как для ПК, так и для Смартфонов