Insérer une image comme logo à la place d'écrire PLUXML

EL-Manu · novembre 2016

bonjour à tous,

Je viens d'installer pluxml ainsi que plcalendrier pour la gestion du temps au sein de mon groupe.

C'est très simple et super bien fait. Lorsque j'ai exploré le forum à la recherche d'une solution pour le titre de ce post, je m'aperçois que vous êtes plutôt "calés" niveau programmation.
Moi c'est l'inverse, je n'y connais rien en php/html.
Déposer des fichiers sur un répertoire et lancer un install.php, c'est mon max.

Je n'ai pas trouvé de post expliquant ma demande aussi je me permets de vous demander quelle ligne je dois insérer dans le fichier php (header je pense) pour faire apparaitre un logo de ma conception à la place du titre PLUXML ?

D'avance merci pour votre compréhension et votre patience

Manu

Pierre · novembre 2016

Bienvenue Manu dans le monde merveilleux de PluXml. Le forum regorge de bonnes idées et de collègues prêts à donner un coup de main.

Côté programmation, tu en connais probablement plus que tu le crois toi-même. Il faudra s'aventurer dans les périlleux sentiers de l'édition de fichier directement sur le serveur mais tu as déjà bien identifié le fichier où devra se faire la modification, il s'agit bel et bien de header.php

Avec un logiciel d'édition adéquat, on peut faire des merveilles. Dans le cas présent, même le bouton "Éditer les fichiers du thème" dans l'administration pourra faire le travail.

La portion du code qui contient aujourd'hui le titre et son sous-titre se trouvent à

[== PHP ==]
<header class="header sml-text-center med-text-left" role="banner">
	<h1 class="no-margin"><?php $plxShow->mainTitle('link'); ?></h1>
	<h2 class="h5 no-margin"><?php $plxShow->subTitle(); ?></h2>
</header>

Une image dans une page web est "appelée" avec la balse IMG. L'image doit être installée quelque part sur le serveur, même à côté des autres fichiers de base où le fichier d'installation a été déposé à l'origine. On peut donc remplacer la ligne

<h1 class="no-margin"><?php $plxShow->mainTitle('link'); ?></h1>

(et possiblement la ligne de sous-titre aussi si elle n'est pas désirée) par une balise d'image du genre

<img src="monlogo.png">

On se croise les doigts (une activité fréquente pour un programmeur), on sauvegarde le tout, et on va voir le résultat. Un problème assez commun est de voir que notre image a une taille horriblement trop grande pour le petit espace. On ajoute un paramètre de taille, en hauteur ou en largeur (préférablement un seul des deux) pour forcer la taille. En forçant la hauteur, on obtient

<img src="monlogo.png" height="50 px">

Voilà pour tout de suite, tu reviendras nous montrer le résultat.

kowalsky · novembre 2016

Attention à l'accessibilité car en supprimant le titre textuel par une image, celui-ci va disparaitre pour les personnes et machines ne "voyant" pas les images. Ce qui posera, entre autre, un problème de référencement du site par la suite.

Plutôt que de supprimer complètement le titre, autant le rendre invisible en lui appliquant la class CSS "hide" et rajouter le logo au même endroit

	<header class="header sml-text-center med-text-left" role="banner">
		<img src="monlogo.png" height="50 px">
		<h1 class="no-margin hide"><?php $plxShow->mainTitle('link'); ?></h1>
		<h2 class="h5 no-margin hide"><?php $plxShow->subTitle(); ?></h2>
	</header>

Dans une version moins facile à mettre en place pour un débutant mais respectant les bonnes pratiques, ce logo devrait normalement arriver via le CSS et non être codé en dur mais on en recausera un autre jour.

@EL-Manu
Cependant à la lecture de ton message initial, je me pose une question : as-tu changé le titre du site dans le panneau de configuration ? Car "PLUXML" est le texte affiché par défaut (paramètre -> configuration de base -> titre du site).

kowalsky · novembre 2016

Au passage, Pierre avait déjà suggéré l'ajout d'un logo en natif pour une prochaine version de PluXml, il faudrait en recauser à Stéphane car on se rend bien compte du besoin croissant.

Pierre · novembre 2016

Je considère toujours mon auditoire avant de donner mes conseils. Parce que notre ami avouait son niveau novice, je me suis limité à offrir une petite leçon de maternelle de programmation pour donner l'intention de continuer ensuite. Avec un peu de chance, il y prendra goût.

Les bonnes pratiques font l'objet d'éternelles discussions, loin des classes de maternelle. Personnellement, je vire les designers qui utilisent les CSS pour charger les images. Ce n'est qu'un exemple, personne ne détient la vérité, à part celui qui paye...

En effet Kowalsky, le logo sous forme d'image est souvent le seul petit changement qu'une nouvelle installation de thème demande. Si le /data contenait un fichier d'image générique qui n'avait qu'à être remplacé par celui du nouveau propriétaire, plusieurs thèmes seraient pratiquement "clé en main". On verra si l'idée trouvera d'autres adeptes.

niqnutn · novembre 2016

si on reste cohérent avec l'ajout de vignettes pour les articles, il n'y a plus de raisons de ne pas faciliter l'intégration de logo.
définir le fichier du logo depuis l'admin n'alourdirait pas vraiment le fonctionnement.

après, chaque thème fera avec ou sans.

EL-Manu · novembre 2016

Un grand merci à tous pour cette réponse rapide.
Oui j'avais bien changé le titre par le nom du blog mais je voulais plutot mettre un logo en gardant la description succincte en dessous.

Je teste tout cela dès demain au boulot et vous tiens au courant.
Un grand merci encore d'avoir vulgarisé l'accès à vos connaissances.

Manu

Jaseur Boreal · novembre 2016

[h] Comment éditer directement un fichier php sur le serveur de pluxml | Avec quels outils, est-ce possible ? [/h]

Bonsoir,
merci de tous les trucs et astuces ... Pour jaser utile et approfondir ce que Pierre écrivait plus haut : "Il faudra s'aventurer dans les périlleux sentiers de l'édition de fichier directement sur le serveur"

J'ai pris l'habitude de rapatrier les fichiers en local pour y intervenir. Y a-t-il une autre méthode, à part celle de charger (coté admin du thème) les quelques fichiers listés dans le thème et les sauvegarder ensuite ?

Merci ;-)

Pierre · novembre 2016

Quel beau sujet, j'ai eu l'idée un jour de demander à nos amis du forum la même question quant à leurs outils de travail. C'était très intéressant, espérons que ça a donné de bons tuyaux.

Chez moi, les machines Windows roulent toutes le logiciel Notepad++ et les machines Linux roulent Bluefish. Les deux ont été choisis pour la même raison, exactement le sujet demandé. Ils ont un plugin qui peut "lier" un document par le protocole FTP à son fichier d'origine.

Derrière le rideau, il est quand même téléchargé en local mais l'opération est pratiquement invisible. On a l'illusion d'éditer directement sur le serveur, on sauvegarde, on rafraîchit, c'est confirmé. Quelque chose ne marche toujours pas, on change encore et on recommence. Le ciel...

trentanel · janvier 2017

Bonsoir et merci pour les informations ci-dessus.
J'ai pu ajouter un logo au header de mon site; même si j'ai un peu tâtonné avant d'obtenir le logo et le titre sur la même ligne.

Insérer une image comme logo à la place d'écrire PLUXML

Réponses