Retour à l'accueil

Personnaliser l'admin Strapi

Changer l’URL de l’admin

Par défaut, l’admin est sur /admin. Mais pour des raisons de sécurité, depuis le fichier /config.admin.js, vous pouvez ajouter la propriété url pour le mettre sur un autre chemin.

module.exports = ({ env }) => ({
  //....
  url: "/some-secret-admin",
  //...
});

Remplacer le logo sur la page de connexion

Dans le fichier /src/admin/app.js (à créer), vous pouvez ajouter l’option comme suit:

import logo from "./extensions/zebatuca.png";
const config = {
  locales: ["fr"],
  auth: {
    logo: logo,
  },
};

export default {
  config,
};

faites attention à bien placer vos assets dans le dossier extensions

Désactiver les notifications de mise à jour et les tutoriels

Sur le papier, c’est utile, dans les faits ça fait pas spécialement sérieux pour les clients.

//...
const config = {
  tutorials: false,
  notifications: {
    release: false,
  },
};
//..

Personnaliser les couleurs

Toujours dans le même fichier:

const config = {
  //...
  theme: {
    colors: {
      buttonPrimary500: "#dc2626",
      buttonPrimary600: "#ef4444",
      primary100: "#fee2e2",
      primary200: "#fecaca",
      primary500: "#ef4444",
      primary600: "#dc2626",
      primary700: "#b91c1c",
    },
  },
};

Dans ce cas, j’ai fait correspondre les couleurs au rouge de Tailwind. Il existe ce repo GitHub qui indique d’autres clés ainsi que des thèmes tout faits.

Il est aussi possibles de configurer de nouvelles traductions, changer les thèmes, …

Le reste est consultable dans la doc de strapi.