января 07 2014
+14

Новый шаблон админ-панели (обновлено)

angelsmedia    7 января 2014, 21:30    в избранное в избранном    53 комментариев
Блог разработки Alto CMS   
Привет всем! Хочу представить новый шаблон админ-панели для Alto CMS 1.0:

image
Пару дней назад я скачал девелоперскую версию Альто с гитхаба, чтобы посмотреть что-нового и какие изменения грядут в структуре шаблонов. Покопавшись в админ-панели, я снова наткнулся на страницу, на которой можно менять стили админ-панели и решил попробовать сделать свою тему. Первые результаты были удовлетворительными и количество изменений было большим, поэтому я связался с extravertоми aVadim, чтобы уточнить, не занимается ли кто-либо разработкой нового дизайна для админ-панели и самолично записался в оные :)

Вот что было сделано:
— старый шаблон перенесен на bootstrap 3
— разработано раскрывающееся меню
— плоский дизайн
— адаптивная верстка
— несколько цветовых схем

Картинки тем кликабельны

Темы админ-панели
image

— Default — стандартная тема


— Alto — тема сделана в стандартных цветах Alto CMS


— Lime — салатовая


— Red — серый + красный


— Brown — коричневый и зеленый


— Air — голубой + зеленый


— Fiolet — фиолетовый


— Midnight — старая тема на новом шаблоне


— Dark Green — темно-зеленая
Теги:

Похожие статьи

53 комментария

+3
Мне нравится.
Сегодня день рождественских подарков :)
+1
Спасибо. С Рождеством :)
0
Какой цвет понравился больше? :)
+1
Мне и серый с красным понравился, и тот, что с логотипом Альто.
0
Дефолтный разрабатывался самый первый, остальные сегодня: там используется всего два цвета, можно быстро перекрашивать. Мой фаворит air, в windows используется похожая цветовая схема.
+3
Мне тоже нравится!
Мне нравится.
Сегодня день рождественских подарков :)
Действительно день Рождественских подарков!
С Рождеством Всех, АльтоCMS'ники!
+1
Почему бы не добавить в стандартную комплектацию Альто)
+1
Для того и предназначается :)
+1
красота! серый с красным понравился! ну и дефолт)
+1
+1 выглядит отлично. Может быть стоить добавить иконки и для подменю? А так же выводить подсказки к каждому пункту меню (но это скорее вопрос к админам и к юзабилити самой админ панели).

только у вас что то с php
PHP

time load modules: 1.081
included files:
— count: 89
— time: 0.155
full time: 3.16
более 3-х секунд.
+1
Может быть стоить добавить иконки и для подменю?
Думал об этом, но в текущем варианте не подойдет. В админке wordpress, кстати, тоже нет иконок в подменю.

PHP

time load modules: 1.081
included files:
— count: 89
— time: 0.155
full time: 3.16

Точно! Это денвер, нашел похожую тему.
0
Может быть стоить добавить иконки и для подменю?
Думал об этом, но в текущем варианте не подойдет. В админке wordpress, кстати, тоже нет иконок в подменю.
Иконки для подменю хороши для того, чтоб можно было более гибко адаптировать под низкое разрешение экрана — тогда меню можно по ширине сворачивать почти до размера иконки. Только где ж столько подходящих иконок набрать? (ключевое слово — «подходящих») Плюс возникает проблема в случае, когда плагины свои пункты в админку встраивают — там же тоже иконки должны быть
0
Это от вас зависит. Будут иконки у вас и плагины начнут запихивать свои.
0
Это от вас зависит. Будут иконки у вас и плагины начнут запихивать свои.
Можно взять отсюда www.webhostinghub.com/glyphs/
+1
А зачем они нужны эти иконки? Что за мания иконок.
0
… и к юзабилити самой админ панели
Больной вопрос, кстати, особенно в разделе с юзерами. Мне совсем не нравится там правая панель, но пока не придумал никто, как это лучше сделать
0
здорово! то что нужно!
0
Я правильно понимаю, что этот шаблон еще не готов к употреблению? Или, если готов, то где скачать его можно (что-то не вижу ссылки в топике на него).
0
Релиз будет для Alto CMS 1.0.
0
ок
0
Это только для админки… такая красота и для фронтенда бы отлично подошла. Планируется ли вообще избавиться от sinyo. Уж если обходить LS — так во всем:)
0
Шрифт бы поменять и размер, хренововоспринимаемый он какой-то. Шрифты из старой админки лучше.
0
Будет похожая на теперешнею тема.
0
Это просто было бы супер! Скорее бы!
0
А где можно скачать?
Отредактирован:
0
Developer версия вместе с altocms 1.0 на github, для alto 0.9.7 не подойдет. Скин будет такой. Чтобы изменить скин, пока нужно скопировать содержимое файла \common\templates\skin\admin.default\assets\css\theme-название.css в theme.css, очистить кеш.
0
Мне одному кажется, что админка отдает 80-ми?
Мне хотелось бы что нить более современного.
Сейчас Альто окружает какой-то серостью в элементах.
Это исключительно мое имхо.
0
что нить более современного
Как по мне, так вполне современно. То, что Вы называете «серостью», я бы назвал строгостью. Эта бутстраповская аскетичность и подкупила.
0
Ну у каждого свои предпочтения. У меня слегка другой взгляд на аскетичность.
В любом случаи главное, что бы все фурычило, а то я смотрю LS активизировался.
0
Меня новая админка ort-a напрягла. Тем более, что я врядли буду «обновлять» свой проект на LS, что бы иметь возможность во всем том, что там представлено, разобраться.
+2
Да, ладно, хорошая админка на ЛС )))) На первый взгляд, во всяком случае. Давно пора.
0
согласна, админка ls впечатляет
0
Вот с первого взгляда я и напрягся. Возможно (даже наверняка), она действительно хорошая. Дай Бог.
+1
Админ-панель на LS подкупает с первого взгляда своим светлым фоном: после Alto создается впечатление, будто ты попал в светлую комнату и у тебя слепит глаза. Лично мне очень даже нравится такое направление дизайна. Меня, как разработчика, больше конечно интересует другое: на сколько сложно писать свои дополнения к этой админке, можно ли создавать свои скины для нее и т.д. Короче говоря, гонка админок объявлена (гы-гы), и время покажет, кто лучший. У Alto, конечно, есть фора: Alto пока что во всех нововведениях на шаг впереди (иногда — на полтора) LS, плюс админка спроектирована хорошо, с перспективой на будущее. Но, у LS есть ort, который тоже тот еще архитектор — так что запасаемся попкорном и скрещиваем пальцы.
0
Проверьте как ведет себя блок для создания — «Новой страницы»
localhost/admin/content-pages/add/

Админка то Адаптивная, но попробуйте посмотреть как ведет себя данная страница.
С моб. телефона — вряд ли получиться что то написать…
0
Скажите,
А разве в папке \common\templates\skin
точно должны быть папки:
admin.default
admin-default

Проверьте. Вроде в последней редакции на Гите должна быть только admin-default
github.com/altocms/altocms/blob/9cba49b6606a59d5fca51ecfa31fd55ccea2dff7/common/config/actions/admin.php
Отредактирован:
0
Может я не права, но Админка (главная страница) с таким числом подключений:
/>
/>
/>
/>
/>
/>
/>
/>
/>
/>
/>
/>
/>
/>
/>

ЭТО ЖЕСТЬ ПРОСТО. НЕУЖЕЛИ нельзя сократить количество файлов…
0
ПЛОХО, что удалить сообщения свои нельзя :(

Может я не права, но Админка (главная страница) с таким числом подключений:
style.css
style.css
jquery.Jcrop.css
prettify.css
jquery-ui.css
jquery-notifier.css
bootstrap.min.css
datepicker.css
fullcalendar.css
jquery-modals.css
main-modals.css
main-admin.css
main.css
main-forms.css
theme.css

ЭТО ЖЕСТЬ ПРОСТО. НЕУЖЕЛИ нельзя сократить количество файлов…
0
Спускаясь чуть ниже смотрим на скрипты… этож «писец» какой то.

49 подключаемых только файлов со скриптами.
jquery-1.10.2.min.js
jquery-migrate-1.2.1.min.js
jquery-ui-1.10.2.custom.min.js
jquery-ui-datepicker-ru.js
jquery.markitup.js
tinymce.min.js
bootstrap.min.js
excanvas.min.js
jquery.flot.min.js
jquery.flot.resize.min.js
jquery.peity.min.js
fullcalendar.min.js
midnight.js
midnight.dashboard.js
jquery.notifier.js
jquery.scrollto.js
jquery.rich-array.min.js
jquery.form.js
jquery.cookie.js
jquery.serializejson.js
jquery.file.js
jquery.Jcrop.js
jquery.placeholder.min.js
jquery.charcount.js
prettify.js
main.js
modal.js
favourite.js
talk.js
vote.js
poll.js
subscribe.js
infobox.js
geo.js
wall.js
usernote.js
comments.js
blog.js
user.js
userfeed.js
userfield.js
stream.js
photoset.js
toolbar.js
settings.js
topic.js
hook.js
admin.js
jquery.formstyler.min.js

Куча других исполняемых скриптов непосредственно на странице.

С таким количеством конечно будет всё и всегда долго грузиться…

Неужели изначально это всё необходимо?
Неужели нельзя упростить (сжать) скрипты хотя бы до 2-3 или 5?
+1
Неужели нельзя упростить (сжать) скрипты хотя бы до 2-3 или 5?
И можно, и нужно. И для основного скина сайта это делается. Поддержка двух скинов на одном сайте, да еще с разными настройками — не вполне тривиальная задача. Поэтому в админке пока слияния файлов отключено по умолчанию. Но мы работаем над этим
0
Спасибо.
0
Увеличьте размер шрифта в файле
common\templates\skin\admin-default\assets\css\main.css
с font-size: 12px;
до font-size: 14px;

Не знаю как вам или как Вы смотрите на вашем мониторе — но у меня на 1280 шрифт вообще маленький.

И непонимаю зачем такое широкое поле для левого меню (280 рх) — если и его уменьшить до 220рх то выйдет отлично.
0
Шрифт увеличил, сайдбар меньшего размера не подошел.
0
Есть предложение убрать или заменить в файле
common\templates\skin\admin-default\assets\css\main.css
.navbar { max-width: 1020px }
на 100%
==============================
файл
common\templates\skin\admin-default\assets\css\bootstrap.min.css
.nav>li>a{position:relative;display:block;padding:10px 15px;}
заменить
.nav>li>a{position:relative;display:block;padding:35px;}
Отредактирован:
0
Получается очень большой отступ.
+2
Обновил шаблон и демки в топике. Из нового: тонкие иконки, многие элементы перекочевали из нового разрабатываемого мною шаблона, вроде кнопок, чекбоксов, radio, тени в шапке и завернутые уголки.
0
чекбоксы как-то странновато выглядят
0
На первый взгляд, сейчас такие в тренде. Есть идея сделать как анимированные переключатели, но пока не пробовал.
0
Все нормально просто если тема админки — default, то вот такое получаем:

0
Нужно кеш обновить: www\_run\assets, www\_tmp\cache, www\_tmp\templates. Перезагрузить страницу
+1
это помогло
0
Шаблоны бесплатные? Не могу найти ссылку на архивы.
+1
Новая админка в коробке
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.