Тема для админки - "Khepri Spart"

[..С...е...р...ы...й..]

Посмотрел я на Joomla 1.6 и увидел, что ничего нового в дизайне админки не изменилось.  
Не сосчитать сколько студий шаблонных пасутся около Joomla и даже странно, что ничего нового никто не предложил.
Пробовал коммерческую тему "Stainless" - она мне не понравилась своей тяжелостью, даже на локалке. Снёс её я к чёрту.
Стандартная тема меня почти устраивает, но есть некоторые моменты не доработанные, которые я собственно и взялся доработать.
Правок минимум, изменения в основном коснулись стилей (css).

Развернуть описание

Итак по порядку:

1. Переработана форма Авторизации. Оптимизированы http запросы с 16 до 2. Оптимизирован общий размер страницы авторизации, со 104 Кб до 9 Кб. Подробнее описано по теме ниже.

          


2. Чёрную безвкусную шапку с логотипом, занимающую много пространства по вертикали, заменил на облегчённый профиль.

Было:
          

Стало:
          


3. Уменьшен заголовок компонента и начертание шрифта.
   Обычно если строка не помещается, то она переносится на следующую строку с расстоянием в два кирпича, тем самым растягивает инструментальную панель.

Было:
          

Стало:
          


4. Цвет фона можно менять на абсолютно ЛЮБОЙ, через соответствующую опцию в админке.

5. Ограничение на ширину - это опция настраивается в св-вах шаблона. Актуальна для владельцев широких мониторов.
   Например если у вас ширина экрана 1600, а комфортно работать с шириной допустим 1200, то это то, что надо
   (шаблон так и остался резиновым, просто появилась возможность ограничить максимальный предел растягивания).

          


6. Установка этого шаблона возможна как и любого расширения. Стандартный шаблон админки остается на месте.
   После установки шаблона, нужно открыть менеджер шаблонов, перейти на вкладку "Административная панель", переключить в списке на "Khepri Spart" и назначить его "По умолчанию". В управление опциями шаблона можно войти кликнув по нему в этом списке.

          

7. В подвале этого шаблона не выводятся многоэтажные копирайты, занимающие много полезного пространства, как это есть в дефолтном шаблоне.

       Вот. Пока это всё!  

FAQ

Если в этом шаблоне наблюдаются какие то проблемы, которые отсутствуют в стандартном Khepri - вероятнее всего это из-за некорректной установки или обновления. Чтобы устранить неполадки, сделайте следующее:
- переключите на стандартный шаблон Khepri;
- удалите Khepri Spart, скачайте самую последнюю версию шаблона с первого сообщения и установите снова;
- очистить кеш браузера и обновить страницу.

Полезное

В дополнение к админке рекомендую установить плагин AJAX toggler - он позволяет публиковать/скрывать любые материалы, плагины и остальные элементы на лету (без перезагрузки страниц).
Как и любая ajax-фича - экономит массу времени при выполнении тривиальных действий.
А ещё много разных удобностей для админа находятся в разделе administration на JED.

[..С...е...р...ы...й..]

Для админки существует еще несколько коммерческих и бесплатных тем от Joomla Parsie и Joomlabamboo.
Посмотрев на них, сложил небольшое резюме:
У Joomla Parsie темы слишком тяжелые и запутанные - не практичны. У Joomlabamboo в принципе две одинаковых темы, в них ничего лишнего нет и довольно симпатично выглядят, но есть какие то мелкие глюки, которые нужно исправлять своими руками...
Приз за оригинальный подход я бы вручил  создателю темы jQuery Desktop - очень удобная вещь (в опере не пашет), создаёт ощущение многозадачности и выглядит как работа на десктопе с окнами.

Но в действительности ни одна из этих тем не годится для серьезной работы в повседневном режиме, всё по одной причине - они не стандартны.
Разработчики всех компонентов допиливают их админку именно для стандартного шаблона Kepri, и только на нём гарантирована стабильность.
Если используются какие то компоненты отличные от дефолтных, то в альтернативных шаблонах все их элементы вылазят кудато, вёрстка ломается и следовательно, если всё это не нужно, то и не нужно отходить от стандартной админки. Можно лишь ограничиться небольшими косметичискими изменениями, как это сделал я.

[sharp]

благодарю. забрал!

[AlexSmirnov]

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

я бы сравнил наличие логотипа компании клиента и названия его сайта в шапке админки со своего рода мини паспортом, мини ID удостоверением его сайта. на колеблющегося потенциального клиента такое может оказать решающее влияние в принятии решения о заказе.

[..С...е...р...ы...й..]

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

Я никогда не видел, что бы кто то менял в админке лого Joomla на что то другое.
Я думаю клиенту вряд ли интересно видеть постоянно логотип третьих лиц в админке (не считая случая, если клиент фанат Joomla), куда важнее рациональное использование пространства. Да и так выглядит несколько оригинальнее - сразу видно что разработчик проработал систему от и до, а не тупо установил Joomla и создал категории.

я бы сравнил наличие логотипа компании клиента и названия его сайта в шапке админки со своего рода мини паспортом, мини ID удостоверением его сайта. на колеблющегося потенциального клиента такое может оказать решающее влияние в принятии решения о заказе.

Я только делюсь тем, что сделал для своих нужд. Мне не нужно что бы все этим пользовались, но рад, если кому то это пригодится.

[AlexSmirnov]

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

[fedya]

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

[..С...е...р...ы...й..]

в вашем шаблоне, как я понял, шапка убрана...так что гарантированно лично у меня возникнет путаница...а у вас?

а домен сайта разве не позволяет различать разные сайты?  

[fedya]

а домен сайта разве не позволяет различать разные сайты? 

это который в адресной строке?
если да...то мелкие буквы не позволяют, лично мне, определить, где чья админка...
а крупные позволяют

[..С...е...р...ы...й..]

это который в адресной строке?
если да...то мелкие буквы не позволяют, лично мне, определить, где чья админка...
а крупные позволяют

ну так, какая проблема то?  - не нравиться, проходим мимо, к чему эти претензии, я что заставляю кого-то?
вы же когда в магазин приходите не ругаетесь на те продукты, которые вам не нужны (комично, не правда ли?), вы просто молча берете то что вам нужно и всё.

[..С...е...р...ы...й..]

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

Многие пользователи форума не фрилансеры вовсе, а любители, которые имеют единственный сайт-хобби созданный своими силами и их вряд ли заботят те "недостатки" которые вы описали. Вот и считайте, что это для них.

[fedya]

ещё раз буду бякой....
версию Joomla зря убрали...
потом «любителям» (о которых вы писали выше), замучаешься объяснять: как узнать версию Joomla!
там у вас как раз место под маленькие циферки осталось...

[..С...е...р...ы...й..]

версию Joomla зря убрали...
потом «любителям» (о которых вы писали выше), замучаешься объяснять: как узнать версию Joomla!
там у вас как раз место под маленькие циферки осталось...

админу не нужно постоянно видеть версию Joomla, он её и так должен знать, а что бы освежить память, можно открыть Сведения в меню Справка

[igorksan]

судя по скрину нормульно даже очень практично  всё продумано. можно оперативно всё выполнять.... подумаю над забиранием....

[AlexSmirnov]

что сделано то сделано. этот хак кому-то уже пригодился, кому-то пригодится в будущем. кто-то пьет пиво Жигулевское, кто-то - Московское, и т.д. - о вкусах не спорят.

спасибо за труд, Серый!

[InternetStranger]

Спасибо. Шаблон так понравился, что сильно захотелось в него внести свои мелкие наработки.
Помню, когда впервые установил Joomla - с первого взгляда не понравилась "убогая" форма входа в админку (ничего против не имею, уж больно мелкая какая-то, да и надписи лишние мозолят глаза):
В любом случае, своим клиентам очень хотелось сделать что-нибудь более приятное для глаза и с минимальным количеством надписей.
Потому собственно вот:


Еще недавно осознал, что приелась желтовая подсветка всех полей ввода (input:focus), потому сменил ее цвет на небесный.
В общем полностью заменил login.css, пару иконок (кстати иконка сообщения об ошибке - была просто жуткая, заменил ее на нормальный симпатичный крестик), еще пришлось немного подредактировать login.php и перекодировать его в utf8, т.к. заголовок "Администрирование сайта" меняется прямо в нем, посему шаблон актуален для русских пользователей, у кого есть желание - можно доработать.

Собственно вот как выглядят стандартный и обновленный шаблоны и при ошибке ввода пароля:

                     

PS: Поле выбора языка просто скрыто от глаз (display:none), потому как некоторых пользователей (из числа моих клиентов) оно иногда загоняет в ступор.
Если так нравится, можно его включить - для этого добавлен параметр в самом шаблоне:


PSS: Шаблон инсталлируется в папку khepri_spart_m под аналогичным именем, потому можете спокойно устанавливать этот шаблон, не задев предыдущую его версию... и точно с такой же лёгкостью можете его удалить, если не понравится, не высказывая при этом своего негодования и претензий )))

[..С...е...р...ы...й..]

В новой версии Login Form будет выглядеть так:

  - это мой собственный дизайн


P.S. страница авторизации оптимизирована до 2 http запросов, размер страницы со спрайтом составляет менее 9Кб.

[..С...е...р...ы...й..]

:::Версия 1.2    топик обновлён, качать в первом сообщении




1. Полностью переписан шаблон Login Form. Что конкретно:
 - убрано подключение login.css, system.css, ie6.css, ie7.css, rounded.css, norounded.css, mootools.js.
 - все необходимые стили стили для Login Form компактно записаны в login.php.
 - упрощена семантика верстки.
 - основная графическая часть формы состоит из одного спрайта (цельная картинка).
 В итоге вся форма состоит всего из двух файлов login.php (3.21 Кб) и login.png (5.93 Кб), на что используется всего 2 http запроса.
 До оптимизации было 16 http. Ну и размер соответственно со 104 Кб уменьшился до 9 Кб.

 Проверено: Chrome 5, Opera 10.6, Firefox 3.6, IE8, IE7, IE6.
 Установка: Устанавливается как обычное расширение. Если установлена предыдущая версия, то она будет обновлена, но надежнее будет удалить её и установить новую версию начисто.

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

В следующей версии:
- структура меню по новому образцу J!1.6 (уже тестирую);
- все иконки Like J!1.6 (пора морально готовиться к новому);
- небольшие визуальные fix'ы;
- ну и как обычно, никаких кардинальных изменений, потенциально вредных для совместимости со сторонними расширениями

[InternetStranger]

Слушай, ..С...е...р...ы...й.., эта тема уже не раз поднималась...
Если шаблон админки переписать без mootools'а, это наверное губительно для совместимости со сторонними расширениями? Насколько активно она там используется?

Зы: просто говорят о намертво прибитой к Joomla мутулзе. Имхо, единственное где она действительно нужна - так это в админке, т.е. в стандартном khepri.

[..С...е...р...ы...й..]

А кто собирается переписывать шаблон админки без Mootools?
Да, админка и некоторые функции на сайте завязаны на этой библиотеке.
Если на сайте Mootools - нежелательный компонент, там его легко убрать и заменить на другое, то в админке это не выгодно делать,
слишком много функций на нем завязано и сторонних компонентов.

Тем, кто читал не внимательно:  в админке Mootools я не отключал. Я убрал подключение Mootools только из формы авторизации, он там реально не используется. Но после авторизации, при входе в админку загружается весь стандартный набор элементов, Mootools, Styles...

[dynamit]

после установки шаблона пишет, что не включена java. operaAC все включено и в общих настройках и настройках сайта

[..С...е...р...ы...й..]

ну, семеро уже качнули. у всех нормально? шаблон то хороший, спасибо ..С...е...р...ы...й..

ошибка была в подключении спрайта:

background: url(templates/khepri/images/login.png) no-repeat top center;

а нужно было:

background: url(templates/khepri_spart/images/login.png) no-repeat top center;

В топик прикрепляю исправленную версию.

[dynamit]

просто надо удалять v.1.2 - тогда устанавливается. Сверху не встала, шаблон из админки пропал, руками удалил папку. Теперь все работает корректно. +. ждем следующих модов. стоит у меня 1.6b4 - админка там симпотная.

[bodryak]

..С...е...р...ы...й..
спасибо за тему для админки!
мне как минималисту самое то!

[NoID]

спасибо, забрал.

[pika4y]

Ставил себе всякие приблуды для админки 1.5 менюха там внизу лётает,  все крутится вертится, чёрненькое с блестешками, аля виста, не помню, как называется, прикольно конечно.  Не знаю уж почему, но все это дело отключил. На заказчика, крутая админка, производит впечатление спору нет. Короче, все клиенты и знакомые по отрубали эти прелести, сидят на дефолтной  

[danik.html]

$download_counter++
..С...е...р...ы...й.., отличная работа, рад что поделился с нами.
От себя б добавил - отцентрируй форму входа:

Код

.login
{
	height: 227px;
	margin-top: -114px;
	margin-left: -216px;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 431px;
	background: url(templates/khepri_spart/images/login.png) no-repeat top center;
}

А то когда когда на выход нажал  - сначала не понял где форма, увидел только белый экран... А форма оказалась под панелью firebug'а ))

[MuraDweb]

Ставил себе всякие приблуды для админки 1.5 менюха там внизу лётает,  все крутится вертится, чёрненькое с блестешками, аля виста, не помню, как называется, прикольно конечно.  Не знаю уж почему, но все это дело отключил. На заказчика, крутая админка, производит впечатление спору нет. Короче, все клиенты и знакомые по отрубали эти прелести, сидят на дефолтной  

Это потому, что сам по себе интерфейс (админки в частности и даже может больше других), должен быть не хламурным , а интуитивно понятным и функционально оптимизированным. А, все эти "фантики с рюшечками" сперва конечно впечатляют, но в работе по большей части от них пользы мало, одни красивости ))) ИМХО.

[Kumelis]

логин форма по-моему не подходящая по оформлению. Большой шрифт отличный, но georgia и цвет, не лучше бы было подобрать под шаблон

[..С...е...р...ы...й..]

не лучше бы было подобрать под шаблон

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