Дизайнер из меня никудышный, а хочется сделать покрасивши. Опять рискну создать тему, может натолкнёте на интересные решения.
Я понимаю сейчас набегут адепты готовых решений, типа скачай готовую панель(к примеру).
Ну во-первых мне они не нравятся, сделаны на старый манер. К примеру чтобы внести какие либо изменения надо заходить в эту панель искать что-то где-то, пока заходил, забыл что хотел(к примеру), опять на сайт, поправил, обновить сайт чтобы посмотреть как стало и тд.
Сейчас многие уже используют визуальные редакторы. Прямо на самой странице всё настраивают. Я тоже так буду делать. Но контент это одно дело настроить, а вот по бекэнду нужно так и так делать контрольную панель. И вот голову ломаю как удобнее и по проще для пользователей это сделать.
В начале разработки набросал простенькую панельку, несколько раз переделывал движок и сейчас она в нерабочем состоянии. Вот так она выглядит http://arbnet.ru/control
Суть в чём?
В движке есть директория модулей(mods) где файлы структур страниц. И есть директория узлов(node) где находятся компоненты(PHP класс, html макет, css стили к макету, js скрипты при необходимости).
Думаю сделать так. Администратор авторизируется и у него появляется возможность прямо на странице редактировать контент в визуальном режиме. Также появляется кнопка всплывающего меню в котором какие-то инструменты и переход в саму контрольную панель, в которой будет возможность править структуры страниц, настраивать цвета, подключать, редактировать, удалять компоненты. В прежней панели у узла например меню есть «подпанель»(так скажем) в которой можно визуально настроить меню. Так же и в других узлах где требуется функционал будет «подпанель».
Но вот как это более удобно оформить ломаю голову, что-то пробовал сделать не понравилось ещё хуже только.
Надеюсь у кого-то промелькнёт интересная мысль. Возможно и вы будете пользоваться этой панелью.
Никогда не думали как бы вы для себя сделали контрольную панель своего сайта?
totamon
ArbNet: Дизайнер из меня никудышный, а хочется сделать покрасивши.
выход один — используй готовые панели ☝
silicoid
ArbNet, дизайнер из меня не некудышний (все-таки UI/UX это моя основная профессия последние 15 лет). Но я всё-равно для своих проектов использую admin lte ибо возиться неохота.
и вам советую поступить так же
ArbNet
totamon: выход один — используй готовые панели
У меня нестандартный подход к разработке сайта, поэтому и панель нужна нестандартная.
По сути у меня в контрольной панели будет всего три раздела:
раздел для редактирования структур страниц — это как шаблоны
раздел для редактирования компонентов — файлы PHP, HTML, CSS, JS
основные настройки сайта конфигурация и установка модулей и компонентов
То есть навороченная панель тут не нужна по сути. Она необходима лишь разработчикам которые в экстренных случаях будут что-то править прямо на сайте. Обычно нормальные разработчики делают всё на локалке.
В остальных случаях для пользователей визуального редактора контента будет за глаза по типу как в Тильде.
То есть эта контрольная панель исключительно для разработчиков которым надо будет изменить структуру страницы или компонент. Для остальных случаев разработчик может быстро структурировав админ панель для владельца сайта, то что ему будет нужно, который не разработчик ни разу и «структура страницы, PHP, HTML, CSS, JS» это инопланетные иероглифы для него.
onep
Вариантов всего 3: панель на отдельной странице, во всплывающем или модальном окне, но они все «на старый манер» )
ArbNet
onep: панель на отдельной странице
Конечно на отдельной странице. А в визуальном редакторе контента будет при необходимости всплывающие или модальные окна и др.
onep
ArbNet: Конечно на отдельной странице
Оформление оригинальное нужно? Посмотрите, возможно что-то вдохновит.
ArbNet
onep: Посмотрите, возможно что-то вдохновит.
Я видел такие панели. Это же пользовательские панели, там разные показатели каких то данных, поля настроек, ну и в таком духе.
Мне по сути надо сделать типа редактора файлов, разработчику в основном файлы же править надо. А админ панель да в виде дашбордов.
У меня мысль появилась сделать типа таба переключения с модулей на узлы и основные настройки. Потом в модулях на флекбоксе сделать типа кнопочек для открытия структур и так же узлов. Чтобы помодернее не как у меня раньше в столбик.
tommy-gung
странно, что про bootstrap еще не писали
silicoid
tommy-gung, а что про него писать… Все «админки», см.выше, по-умолчанию на нем собраны.
Sitealert
ArbNet: чтобы внести какие либо изменения надо заходить в эту панель искать что-то где-то, пока заходил, забыл что хотел(к примеру), опять на сайт, поправил, обновить сайт чтобы посмотреть как стало и тд.
Открываешь 2 окна: одно с админкой, другое с сайтом. Изменил что-то в админке – обновил окно с сайтом. Профит! ☝
ArbNet
Дизайнер из меня никудышный, а хочется сделать покрасивши. Опять рискну создать тему, может натолкнёте на интересные решения.
Я понимаю сейчас набегут адепты готовых решений, типа скачай готовую панель(к примеру).
Ну во-первых мне они не нравятся, сделаны на старый манер. К примеру чтобы внести какие либо изменения надо заходить в эту панель искать что-то где-то, пока заходил, забыл что хотел(к примеру), опять на сайт, поправил, обновить сайт чтобы посмотреть как стало и тд.
Сейчас многие уже используют визуальные редакторы. Прямо на самой странице всё настраивают. Я тоже так буду делать. Но контент это одно дело настроить, а вот по бекэнду нужно так и так делать контрольную панель. И вот голову ломаю как удобнее и по проще для пользователей это сделать.
В начале разработки набросал простенькую панельку, несколько раз переделывал движок и сейчас она в нерабочем состоянии. Вот так она выглядит http://arbnet.ru/control
Суть в чём?
В движке есть директория модулей(mods) где файлы структур страниц. И есть директория узлов(node) где находятся компоненты(PHP класс, html макет, css стили к макету, js скрипты при необходимости).
Думаю сделать так. Администратор авторизируется и у него появляется возможность прямо на странице редактировать контент в визуальном режиме. Также появляется кнопка всплывающего меню в котором какие-то инструменты и переход в саму контрольную панель, в которой будет возможность править структуры страниц, настраивать цвета, подключать, редактировать, удалять компоненты. В прежней панели у узла например меню есть «подпанель»(так скажем) в которой можно визуально настроить меню. Так же и в других узлах где требуется функционал будет «подпанель».
Но вот как это более удобно оформить ломаю голову, что-то пробовал сделать не понравилось ещё хуже только.
Надеюсь у кого-то промелькнёт интересная мысль. Возможно и вы будете пользоваться этой панелью.
Никогда не думали как бы вы для себя сделали контрольную панель своего сайта?
totamon
Дизайнер из меня никудышный, а хочется сделать покрасивши.
выход один — используй готовые панели ☝
silicoid
ArbNet, дизайнер из меня не некудышний (все-таки UI/UX это моя основная профессия последние 15 лет). Но я всё-равно для своих проектов использую admin lte ибо возиться неохота.
и вам советую поступить так же
ArbNet
выход один — используй готовые панели
У меня нестандартный подход к разработке сайта, поэтому и панель нужна нестандартная.
По сути у меня в контрольной панели будет всего три раздела:
То есть навороченная панель тут не нужна по сути. Она необходима лишь разработчикам которые в экстренных случаях будут что-то править прямо на сайте. Обычно нормальные разработчики делают всё на локалке.
В остальных случаях для пользователей визуального редактора контента будет за глаза по типу как в Тильде.
То есть эта контрольная панель исключительно для разработчиков которым надо будет изменить структуру страницы или компонент. Для остальных случаев разработчик может быстро структурировав админ панель для владельца сайта, то что ему будет нужно, который не разработчик ни разу и «структура страницы, PHP, HTML, CSS, JS» это инопланетные иероглифы для него.
onep
Вариантов всего 3: панель на отдельной странице, во всплывающем или модальном окне, но они все «на старый манер» )
ArbNet
панель на отдельной странице
Конечно на отдельной странице. А в визуальном редакторе контента будет при необходимости всплывающие или модальные окна и др.
onep
Конечно на отдельной странице
Оформление оригинальное нужно? Посмотрите, возможно что-то вдохновит.
ArbNet
Посмотрите, возможно что-то вдохновит.
Я видел такие панели. Это же пользовательские панели, там разные показатели каких то данных, поля настроек, ну и в таком духе.
Мне по сути надо сделать типа редактора файлов, разработчику в основном файлы же править надо. А админ панель да в виде дашбордов.
У меня мысль появилась сделать типа таба переключения с модулей на узлы и основные настройки. Потом в модулях на флекбоксе сделать типа кнопочек для открытия структур и так же узлов. Чтобы помодернее не как у меня раньше в столбик.
tommy-gung
странно, что про bootstrap еще не писали
silicoid
tommy-gung, а что про него писать… Все «админки», см.выше, по-умолчанию на нем собраны.
Sitealert
чтобы внести какие либо изменения надо заходить в эту панель искать что-то где-то, пока заходил, забыл что хотел(к примеру), опять на сайт, поправил, обновить сайт чтобы посмотреть как стало и тд.
Открываешь 2 окна: одно с админкой, другое с сайтом. Изменил что-то в админке – обновил окно с сайтом. Профит! ☝