Changer le logo de son application OwnCloud

I. Présentation

Dans ce tutoriel, nous allons voir comment personnaliser notre application OwnCloud en changeant le logo qui s'affiche à la page d’accueil mais également celui en haut  à droite de l'interface une fois connecté. Il peut en effet être intéressant pour les environnements professionnels par exemple de changer ce logo pour quelque chose de lié à son utilisation ou à l'organisation qui l'utilise.

II. Repérer les images

Chacun de ces deux logo possède un nom et un chemin d'accès vers lequel la page HTML pointe pour les afficher. Il suffit alors de déterminer où se trouvent les différentes images. Nous utilisons pour cela l'outil de développement Firefox qui va donc nous permettre de cibler le contenu que nous souhaitons analyser pour avoir plus de détail sur celui-ci :

LogoOwnCloud01
Détection du nom et du chemin du logo principal

On voit donc qu'il est défini dans le code HTML que l'image à aller afficher dans cette partie est "/owncloud/core/img/logo.svg". Nous allons faire la même chose pour l"image présente lorsque nous sommes identifié sur l'espace OwnCloud :

LogoOwnCloud02

On voit alors que l'image utilisée est "logo-wide.svg".

III. Remplacer les images dans Owncloud

Il nous suffit donc de créer une image de la même taille et du même nom pour chacune des deux images trouvées puis d'aller les mettre à la place des images d'origines pour qu'elles soient remplacées dans l'interface web d'Owncloud.

Note : On prendra, par précaution, le temps de sauvegarder les images d'origine d'OwnCloud.

Pour information, les images ont pour taille 250*118 pour le logo sur la page d'authentification (logo.svg) et de  147*32 pour le logo-wide.svg. Pensez également à vider votre cache navigateur pour que les changements prennent effets si ce n'est pas le cas au premier rafraichissement.

Partagez cet article Partager sur Twitter Partager sur Facebook Partager sur Linkedin Partager sur Google+ Envoyer par mail

Mickael Dorigny

Co-fondateur d'IT-Connect.fr. Auditeur/Pentester chez Orange Cyberdéfense.

Nombre de posts de cet auteur : 521.Voir tous les posts

5 thoughts on “Changer le logo de son application OwnCloud

  • Plutôt bof ton explication et tres limité.
    C’est beaucoup plus compliqué que cela.
    Cela que par le format de l’image (SVG) tu pourrais nous donner le nom d’application pour les éditer…

    Répondre
    • Bonjour,

      L’explication n’est en effet pas très poussée car pas si complexe, c’est une manipulation que je fait souvent sur des Owncloud et qui fonctionne sans soucis. Je ne vois pas en quoi c’est plus compliqué. Pourrais tu développer ? Je serais ravi d’améliorer le contenu de l’article si tu as des infos à ajouter, c’est le but du site ! =)

      Pour l’éditeur SVG je t’invite à suivre ce lien : http://lmgtfy.com/?q=editeur+image+svg

      Bien cordialement,

      Répondre
  • bonjour,

    J’ai suivi ta procédure. Mais j’ai un problème je n’ai plus d’image.
    Pour temps mes logos ont les même nom, même taille et même format.

    peux-tu m’aider?

    cordialement

    Répondre
    • Bonjour, ce que tu me décris ressemble à un problème de droits. Vérifie que ta nouvelle image a bien les mêmes droits que les autres fichiers/images du répertoires. Elle doit être lisible par le serveur web (www-data)

      Répondre
  • Bonjour,

    Est ce que vous savez si il existe une méthode pour personnalisé le client de synchronisation windows et mac ?

    MErci

    Répondre

Répondre à de bollivier charles Annuler la réponse

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.