Piratage d'Owncloud pour améliorer l'image de marque de la page de connexion

C’était début 2010 et le concept de cloud computing en était encore à ses balbutiements. C'est à cette époque qu'une solution logicielle gratuite et open source pour le stockage dans le cloud, connue sous le nom de ownCloud, a été lancée.

Près de 7 ans plus tard, il est aujourd’hui l’un des poids lourds du secteur de par sa sécurité et sa flexibilité. En concurrence directe et en opposition aux solutions privées bien connues (telles que Dropbox et Google drive), ownCloud a permis aux utilisateurs finaux d'avoir le contrôle total de leur des dossiers. Si vous n'avez pas encore essayé cet outil, je vous encourage vivement à le faire maintenant.

Dans cet article, nous supposerons que vous avez installé ownCloud 9.1 (la dernière version stable au moment d'écrire ces lignes) en suivant les instructions fournies dans OwnCloud 9 Release – Créer un stockage cloud personnel/privé sous Linux.

Sinon, prenez 15 minutes pour l'installer maintenant avant de continuer. Revenez ensuite à cet article où nous vous fournirons quelques conseils sur la façon de personnaliser son apparence en fonction de votre propre image de marque ou de celle de votre entreprise.

Changer l'image d'arrière-plan par défaut de OwnCloud

Par défaut, la page de connexion utilise l'image d'arrière-plan suivante :

Bien que le paysage semble bon, ce n’est peut-être pas l’image la plus précise de la page de connexion au stockage cloud privé d’une entreprise. N'hésitez pas à parcourir les collections gratuites disponibles sur Pexels ou StackSnap jusqu'à ce que vous trouviez une image qui reflète mieux votre marque.

Une fois que vous avez trouvé une image qui vous plaît, utilisez un service en ligne pour modifier sa résolution et sa taille. Ceci est particulièrement important si vous accédez à votre stockage cloud en utilisant une connexion Internet lente – vous ne voulez certainement pas passer des minutes à attendre que l’image d’arrière-plan se charge. Recherchez simplement sur Google pour redimensionner l’image en ligne et vous obtiendrez de nombreuses ressources utiles pour effectuer cette tâche.

Ensuite, nous naviguerons (à l'aide de la ligne de commande Linux ou d'un client FTP) jusqu'au répertoire dans lequel ownCloud a été installé.

Dans le répertoire core/img, vous trouverez l'image d'arrière-plan (background.jpg). Renommez-le en background2.jpg et téléchargez votre nouvelle image sous le nom background.jpg, et vous verrez qu'elle commence déjà à être bien meilleure (au moins pour une rédaction technique ou activité de développeur) :

Remplacer le texte Owncloud par défaut dans la page de connexion

Sous le formulaire de connexion, ownCloud présente en pied de page de la page de connexion un texte par défaut que vous souhaiterez peut-être modifier :

Cette page se trouve dans le répertoire d'installation d'ownCloud dans /lib/private/legacy/defaults.php. Allez-y, téléchargez ce fichier avec votre client FTP et utilisez votre éditeur de texte Linux préféré pour modifier les mots comme indiqué dans l'image ci-dessous :

$this->defaultEntity = 'linux-console.net'; /* e.g. company name, used for footers and copyright notices */
$this->defaultName = 'linux-console.net'; /* short name, used when referring to the software */
$this->defaultTitle = 'linux-console.net'; /* can be a longer name, for titles */
$this->defaultBaseUrl = 'https://linux-console.net';
$this->defaultSlogan = $this->l->t('Linux How-To\'s and guides');

Téléchargez le fichier modifié et actualisez la page de connexion. Le résultat devrait être similaire à l'image suivante :

Toutes nos félicitations! Vous avez personnalisé l'image d'arrière-plan et la marque sur votre page de connexion ownCloud. Si vous souhaitez le configurer davantage, n'hésitez pas à vous référer à la section Owncloud Theming du guide du développeur :

Comme toujours, n'hésitez pas à nous faire savoir si vous avez des questions sur cet article – envoyez-nous simplement une note en utilisant le formulaire de commentaires ci-dessous. Nous avons hâte d'avoir de tes nouvelles!