avatar
0.00
0.044

Как задать свой размер аватары

В шаблонах CMS ссылка на аватарку пользователя задается методом getAvatarUrl(), например, так:
<img src="{$oUser->getAvatarUrl()}">
В этом случае будет дана ссылка на картинку-аватар размером, который задан в конфиг-файле:
$config['module']['user']['profile_avatar_size'] = 100; // размер аватара по умолчанию 100x100

Читать дальше →

Плагин "Категории" - переработанный и чуть дополненный

Под новую версию Альто переработан плагин «Категории». Было решено вынести его из «коробки», т.к. нужен он не всем, и теперь нужно будет его ставить отдельно.

В новой версии плагина каких-то уж очень принципиальных изменений нет, но значительно была переработана логика, чтобы уменьшить число запросов к базе данных (и оно было уменьшено в разы).

Плюс в плагине появился виджет, в виде «гармошки». Список блогов в виджете может отображаться либо в упрощенном виде, либо в полном (как в виджете «Блоги»). Регулируется это параметром виджета:
// Категории
$config['widgets'][] = array(
    'name'     => 'categories',
    'group'    => 'right',
    'priority' => 150,
    'plugin'   => 'categories',
    'action'   => array(
        /* ... */
    ),
    'params' => array(
        'simple' => true, // Задает упрощенный вид списка блогов
    ),
);
Ну, и конечно, шаблоны плагина были адаптированы под Start-Kit, в т.ч. и главная, которая создается этим плагином.

Плагин в каталог пока не выкладывался, еще тестируется, но взять для тестов его можно здесь: https://github.com/altocms/alto-plugin-categories

Список страниц для разработки дизайна типового скина

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

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

И всех, кто имеет уже опыт разработки дизайна и/или проектирования интерфейса для сайтов на Альто, я приглашаю к обсуждению, и готов выслушать любые предложения по дополнению и изменению этого списка.

Читать дальше →

Модальные окна – общаемся с пользователем красиво (часть 2)

В первой части я рассказал про «шаблонные» модальные окна. Т.е. такие, для которых создаются отдельные файлы-шаблоны. И сложность и навороченность этих окон может быть безграничной.

Но нередко для общения с пользователем нужны совсем простые диалоговые окна – просто вывести какое-то сообщение с единственной кнопкой «Ок», которое он не сможет не заметить, или запросить у него подтверждение какого-либо действия.

Часто на сайтах для таких целей используют системные функции alert(), confirm() и prompt(). Примерно вот так:
<a href="site.com/delete/all/" onclick="return confirm('Вы уверены?');">Удалить все!</a>

Это работает в любом браузере, но окна, которые выводятся такими функциями, выглядят некрасиво, примитивно и ломают всю красоту, которую мы наводим на своем сайте.

Читать дальше →

Модальные окна – общаемся с пользователем красиво (часть 1)

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

Модальные окна — неотъемлемая часть функционального сайта, где предполагается общение с пользователем, поэтому важно понимать хотя бы общие принципы, как с ними управляться.

Читать дальше →

Alto CMS v.1.0 RС-4 - долгий путь к финальному релизу

Вообще-то, так, конечно, не делается — объявить Release Candidate (и даже не один) и вдруг затеять такие объемные доработки. Версия RC — это уже финишная прямая, с которой обычно не сворачивают. Но мы пошли против правил, и дали такой крюк, что мама не горюй. Но я уверен, что оно того стоило.

Результат — Alto CMS выйдет в релиз с собственным замечательным скином и новой системой шаблонов.

Читать дальше →

Типовая структура шаблонов для Alto CMS

Эта статья написана в продолжение статьи Базовый скин (шаблон) для Alto CMS, рассчитана на тех, кто проектирует и верстает шаблоны для Alto CMS.

Работа над скином start-kit движется, и уже забрезжил на горизонте финальный огонек. Что сделано за это время:
1) Более-менее «устаканилась» структура папок и именование файлов (об этом и пойдет, в основном, речь в этой статье).
2) Удалось избавится от множества лишних файлов и js-скриптов.
3) Чуть больше стало настроек самого скина: верхний баннер стал виджетом, логотип и главное меню можно менять в настройках, не трогая шаблоны.

Кого интересует то, что в итоге получается, скин можно скачать здесь. Кому интересны детали, ход разработки и/или если есть желание обсудить, тех прошу под кат.

Читать дальше →

Базовый скин (шаблон) для Alto CMS


На гитхабе выложен скин (шаблон), использующий Bootstrap 3.0. Скин создан на основе известного в определенных кругах developer-kit, и может абсолютно свободно использоваться для любых изменений, адаптаций, а также для создания на его основе собственных скинов (есть соответствующее соглашение с автором developer-kit, за что ему огромное спасибо).

Скин получил название Start-Kit.

Читать дальше →

Второй sidebar (слева)

Итак, появилась необходимость сделать второй сайдбар (слева) с возможностью указывать в common/config/widgets.php что и где в нем показывать. Возможно, у кого-то уже оскомина от этой темы (и на Альто уже поднимался этот вопрос), но я всё же опишу здесь, как я это реализовал. Надеюсь, кто-то укажет на ошибки.

Внимание: данная статья НЕ РУКОВОДСТВО.

Сначала для Synio
1. Для начала, нужно создать позицию для нового сайдбара.
Открываем файл header.tpl и сразу после:
<div id="wrapper" class="{if $noSidebar}no-sidebar{/if}{hook run='wrapper_class'}">

вставляем:
{include file='leftbar.tpl'}

Читать дальше →