Как изменить логотип ремешка в левом меню админки?

Я запускаю проект strapi и мне нужно изменить логотип экрана входа в систему strapi. Я заменил логотип в плагинах> права пользователя> admin> src> assets> images> logo_strapi.png и запустил команду npm run setup --plugins, но после этого он не загружает данные типа контента, он просто дает мне только загрузчик


node.js javascript strapi
person Varis Bhalala    schedule 04.10.2018    source источник
comment
Я никогда не использовал srapi, но в их документации есть что-то: strapi.io/documentation/advanced /customize-admin.html. Вы там смотрели?   -  person Cristiano    schedule 04.10.2018
comment
yaa, но это только для панели администратора, а логотип экрана входа в систему не принадлежит папке администратора. он принадлежит плагину пользователей и разрешений, и я не могу найти метод настройки плагинов после изменения логотипа   -  person Varis Bhalala    schedule 05.10.2018

Ответы (5)


arrow_upward
14
arrow_downward

Логотип, который можно перезаписать в пути - ›./admin/admin/src/assets/images/logo-strapi.png

rember, чтобы пересобрать проект командой npm run build

Исходный код пакета AdminUI можно легко найти в ./node_modules/strapi-admin/src/.

Например, чтобы изменить цвет панели администратора, отображаемой в верхнем левом углу, ./node_modules/strapi-admin/admin/src/components/LeftMenuHeader/styles.scss следует заменить на ./admin/src/components/LeftMenuHeader/styles.scss с вашими собственными стилями.

Таким образом, вы заменяете файлы, которые обычно находятся в node_modules/strapi-admin/admin/src, и направляете их в admin/src/some/file/path.

Чтобы применить ваши изменения, вам необходимо перестроить вашу админ-панель.

npm run build

Источник

https://github.com/strapi/strapi/issues/3604

https://github.com/strapi/strapi/pull/3609/files

person Daniel Karski    schedule 16.07.2019
comment
чтобы уточнить путь ./my-project/admin/src/assets/images/logo-strapi.png - person maksion; 23.07.2020
comment
изменение node_module будет просто перезаписано после следующей установки. Что будет происходить каждый раз при развертывании на сервере, например - person SeanMC; 16.04.2021

arrow_upward
1
arrow_downward

Согласно документации Strapi, чтобы изменить логотип панели администратора, отображаемый в верхнем левом углу, добавьте собственное изображение в ../admin/src/assets/images/logo-strapi.png.

Вы должны создать эти папки, если они не существуют ../admin/src/assets/images/, чтобы переопределить существующий стиль администратора.

person Nilebac    schedule 20.05.2021

arrow_upward
0
arrow_downward

Я новичок в Strapi и искал, как именно этого добиться. Согласно документации, вам нужно изменить изображение на ./node_modules/strapi-admin/admin/src/assets/images/logo-strapi.png и запустить сборку панели администрирования с npm run setup

person Freddy Polania    schedule 23.03.2019
comment
Это взлом, см. Ответ выше, чтобы узнать о правильном решении. - person maksion; 23.07.2020

arrow_upward
0
arrow_downward

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

Скажите, что название вашего проекта - my-project, перейдите к my-project/node_modules/strapi-admin/admin/src/assets/images

Вы найдете файл с именем logo-strapi.png (будет другой файл с почти таким же именем, убедитесь, что это - а не _) и замените его желаемым логотипом. Примерный размер старого логотипа составляет 1100 x 300 пикселей, поэтому убедитесь, что ваш новый логотип также имеет аналогичные размеры.

Как только вы закончите, вернитесь в каталог my-project и завершите любой запущенный экземпляр strapi. Если вы работаете в Windows, убедитесь, что вы закрыли все окна проводника, в которых может быть открыта какая-либо из вложенных папок вашего проекта, и желательно закрыть все открытые вкладки браузера в вашей панели администратора (если есть какие-либо открытые экземпляры, это может дать ошибку при перестройке).

Теперь запустите yarn build и после завершения сборки запустите свой экземпляр strapi в режиме производства или разработки, как требуется, с помощью yarn start или yarn develop.

person Yagnesh L P    schedule 19.06.2020
comment
Я не думаю, что изменение содержимого папки node_module является долгосрочным или рекомендуемым решением. Другой путь? - person SeanMC; 16.04.2021

arrow_upward
-1
arrow_downward

Вам нужно изменить изображение на ./plugins/users-permissions/admin/src/assets/images/logo_strapi.png.

HTH

person user1769918    schedule 14.07.2019