Контрольная панель

12 3
ArbNet
На сайте с 27.10.2019
Offline
125
900

Дизайнер из меня никудышный, а хочется сделать покрасивши. Опять рискну создать тему, может натолкнёте на интересные решения.

Я понимаю сейчас набегут адепты готовых решений, типа скачай готовую панель(к примеру).

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

Сейчас многие уже используют визуальные редакторы. Прямо на самой странице всё настраивают. Я тоже так буду делать. Но контент это одно дело настроить, а вот по бекэнду нужно так и так делать контрольную панель. И вот голову ломаю как удобнее и по проще для пользователей это сделать.

В начале разработки набросал простенькую панельку, несколько раз переделывал движок и сейчас она в нерабочем состоянии. Вот так она выглядит http://arbnet.ru/control

Суть в чём?

В движке есть директория модулей(mods) где файлы структур страниц. И есть директория узлов(node) где находятся компоненты(PHP класс, html макет, css стили к макету, js скрипты при необходимости).

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

Но вот как это более удобно оформить ломаю голову, что-то пробовал сделать не понравилось ещё хуже только.

Надеюсь у кого-то промелькнёт интересная мысль. Возможно и вы будете пользоваться этой панелью.

Никогда не думали как бы вы для себя сделали контрольную панель своего сайта?

Обсуждение разработки на моём фреймворке https://discord.gg/23N4s9x2kp
totamon
На сайте с 12.05.2007
Offline
437
#1
ArbNet:
Дизайнер из меня никудышный, а хочется сделать покрасивши.

выход один - используй готовые панели ☝

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget
S
На сайте с 13.10.2014
Offline
171
#2

ArbNet, дизайнер из меня не некудышний (все-таки UI/UX это моя основная профессия последние 15 лет). Но я всё-равно для своих проектов использую admin lte ибо возиться неохота.

и вам советую поступить так же

ArbNet
На сайте с 27.10.2019
Offline
125
#3
totamon:
выход один - используй готовые панели

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

По сути у меня в контрольной панели будет всего три раздела:

  • раздел для редактирования структур страниц - это как шаблоны
  • раздел для редактирования компонентов - файлы PHP, HTML, CSS, JS
  • основные настройки сайта конфигурация и установка модулей и компонентов

То есть навороченная панель тут не нужна по сути. Она необходима лишь разработчикам которые в экстренных случаях будут что-то править прямо на сайте. Обычно нормальные разработчики делают всё на локалке.

В остальных случаях для пользователей визуального редактора контента будет за глаза по типу как в Тильде.

То есть эта контрольная панель исключительно для разработчиков которым надо будет изменить структуру страницы или компонент. Для остальных случаев разработчик может быстро структурировав админ панель для владельца сайта, то что ему будет нужно, который не разработчик ни разу и "структура страницы, PHP, HTML, CSS, JS" это инопланетные иероглифы для него.

O
На сайте с 30.09.2019
Offline
18
#4

Вариантов всего 3: панель на отдельной странице, во всплывающем или модальном окне, но они все "на старый манер" )

ArbNet
На сайте с 27.10.2019
Offline
125
#5
onep:
панель на отдельной странице

Конечно на отдельной странице. А в визуальном редакторе контента будет при необходимости всплывающие или модальные окна и др.

O
На сайте с 30.09.2019
Offline
18
#6
ArbNet:
Конечно на отдельной странице

Оформление оригинальное нужно? Посмотрите, возможно что-то вдохновит.

ArbNet
На сайте с 27.10.2019
Offline
125
#7
onep:
Посмотрите, возможно что-то вдохновит.

Я видел такие панели. Это же пользовательские панели, там разные показатели каких то данных, поля настроек, ну и в таком духе.

Мне по сути надо сделать типа редактора файлов, разработчику в основном файлы же править надо. А админ панель да в виде дашбордов.

У меня мысль появилась сделать типа таба переключения с модулей на узлы и основные настройки. Потом в модулях на флекбоксе сделать типа кнопочек для открытия структур и так же узлов. Чтобы помодернее не как у меня раньше в столбик.

tommy-gung
На сайте с 22.11.2006
Offline
287
#8

странно, что про bootstrap еще не писали

Здесь не могла быть ваша реклама
S
На сайте с 13.10.2014
Offline
171
#9

tommy-gung, а что про него писать... Все "админки", см.выше, по-умолчанию на нем собраны.

S
На сайте с 30.09.2016
Offline
469
#10
ArbNet:
чтобы внести какие либо изменения надо заходить в эту панель искать что-то где-то, пока заходил, забыл что хотел(к примеру), опять на сайт, поправил, обновить сайт чтобы посмотреть как стало и тд.

Открываешь 2 окна: одно с админкой, другое с сайтом. Изменил что-то в админке – обновил окно с сайтом. Профит! ☝

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий