Zebrum Lite 1.0.4 и использование изображений

18 августа 2008 | 17 комментариев

С выходом Zebrum Lite 1.0.4 добавлять изображения в систему стало еще проще!

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

Преобразование images упрощает добавление изображений в тело страницы. Примеры использования показаны на следующих скриншотах.

Предполагается, что все изображения находятся в папке images.

На каждом скриншоте показан код исходного файла, сгенерированный фрагмент HTML-кода и результат в браузере. Жёлтым маркером выделены фрагменты кода, отвечающие за форматирование картинок. Картинки кликабельны.

Рис. 1. Использование свойства страницы @@images

В свойстве страницы @@images можно указывать названия изображений через запятую. Если в теле страницы отсутствуют тэги <img />, то первое изображение из свойства @@images будет выведено в начале страницы.

Рис. 2. Использование тэга <img />

Добавить изображенеи в тело страницы можно используя тэг <img:src.png align="left" title="название картинки" />. Атрибуты align и title могут отсутствовать. Полный тэг с указанием атрибута src будет выведен без изменений.

Рис. 3. Добавление двух изображений, используя тэг с выравниванием

Изображений может быть несколько. Все они будут обработаны. Кстати, название изображения может содержать путь, например, myphotos/zebrum.png, тогда картинка должна находиться по адресу images/myphotos/zebrum.png.

Рис. 4. Комбинация свойства страницы @@images и тэгов <img />

При совместном использовании свойства @@images и тэгов <img />, названия изображений берутся из свойства @@images последовательно, если в тэге не указано свое название.

Рис. 5. Задание атрибута title для изображения.

У любого из изображений можно указать атрибут title.

Скачать последнюю версию Zebrum Lite.

Теги: ,

  • Zebrum

    @Александр,
    Можно прописать полный тэг img и в нем указать ширину и высоту. Например,
    <img:src.png align="left" title="название картинки" width="50" height="" />. Другие примеры см. выше.

    @Diablo,
    См. выше, либо прописывать класс и использовать таблицу каскадных стилей.

  • Diablo

    а как можно задать отступ текста от изображения, типа vspace и hspace ?

  • Александр

    А как поменять ширину и высоту изображения?

  • Zebrum

    valera,
    В версии 1.0.12 это сделать проблемматично из-за дефекта, который будет исправлен в следующей версии. Если очень нужно сейчас, пишите на support@zebrum.ru или в форуме, подскажу как и что подправить в 1.0.12.

  • valera

    Как вставить картинки с внешних ресурсов?

  • Хорошая CMS, спасибо!

  • AndrisP

    Забавная идея. Только вот интересно сколько время на это потрачено? :)

  • Влад

    Да, именно в нем...

    Я разобрался, проблема была в том, что на файл
    zebrum.png нужно поставить права на чтение.

  • Zebrum

    Влад,

    > В pages написал
    В файле pages.txt?

    В папке images есть файл zebrum.png?

  • Влад

    Ой, не публикуется строка с хтмл кодом, но там так же, как у вас в примере выше на этой странице

  • Влад

    В догонку

    Также в pages присутствует строка

  • Влад

    За систему спасибо!!! :)

    Возможно я что-то недопонял, но с картинками как-то не работает.
    В pages написал

    @@images=zebrum.png

    Вывелось в хтмл

    Без титла и src....

    В чем может быть дело?

  • Очень интересно!! Спасибо! Ну это же круто!!!
    Вот такая спамоподная эмоция! Зато искренне! :)

  • Zebrum

    Функция, выводящая в родительской рубрике анонсы статей, которые в нее входят, уже есть - z_subpages()

    Она выводит список дочерних страниц с их названием (@@title), ссылкой с названия и описанием. В качестве описания страницы берется свойство страницы @@description. Если оно не задано, то берется первый абзац тела страницы.
    http://blog.zebrum.ru/sozda...

    Генерация файла sitemap.xml планируется.

  • Ваша оперативность - окрыляет! :)
    Теперь хочется, чтоб система:
    1. Позволяла выделять анонс статьи (допустим первые несколько строк), анонсы нескольких последних статей (хорошо бы задавать количество выводимых анонсов) размещала бы на странице родительской рубрики, куда эти статьи входят, да и на главной можно их выводить.
    2. При генерации страниц создавала в корне сайта файлик sitemap.xml который в первую очередь ищет гугля. Этот файл уже стал обязательным для сайтов. Так как RSS уже генерируется, то эту возможность реализовать мне кажется не сложно.
    3. После генерации sitemap.xml пинговала бы пингсервисы

    Особенно важны для успешности продвижения сайта 2 и 3 пункты.

  • Zebrum

    Borigen,

    Содержимое файла /zengine/transforms/images/images.txt отвечает за шаблон вставки изображения и если там прописать:
    <img src="#src" width="#width" height="#height" align="#align" title="#title" alt="#alt"/>

    То в тэге <img/> можно будет использовать и атрибут alt. Я обновил дистрибутив, добавив туда недостающий маркер.

  • Сразу вопрос по статье:
    возможно ли указывать alt="" вместе с title?
    Поисковики alt="" оценивают выше, чем title="".

blog comments powered by Disqus