PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#1 01/11/2016 15:58:40

EL-Manu
Membre
Lieu : Saint Etienne
Inscription : 01/11/2016
Messages : 6

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

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

Dernière modification par EL-Manu (01/11/2016 15:58:52)

Hors ligne

#2 01/11/2016 16:43:40

Pierre
Membre
Lieu : La belle province
Inscription : 22/06/2014
Messages : 1 122

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

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.

Dernière modification par Pierre (01/11/2016 16:57:26)


#titanic {
    float: none;
    bottom: 0;
}

Hors ligne

#3 01/11/2016 17:07:30

kowalsky
Membre
Inscription : 20/08/2015
Messages : 289
Site Web

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

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 smile

	<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. smile

@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).

Hors ligne

#4 01/11/2016 17:16:19

kowalsky
Membre
Inscription : 20/08/2015
Messages : 289
Site Web

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

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.

Hors ligne

#5 01/11/2016 17:27:56

Pierre
Membre
Lieu : La belle province
Inscription : 22/06/2014
Messages : 1 122

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

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.


#titanic {
    float: none;
    bottom: 0;
}

Hors ligne

#6 01/11/2016 18:15:54

niqnutn
Membre
Inscription : 21/09/2015
Messages : 322
Site Web

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

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.

Hors ligne

#7 01/11/2016 18:36:33

EL-Manu
Membre
Lieu : Saint Etienne
Inscription : 01/11/2016
Messages : 6

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

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

Dernière modification par EL-Manu (01/11/2016 18:37:40)

Hors ligne

#8 01/11/2016 21:04:58

Jaseur Boreal
Membre
Inscription : 04/02/2014
Messages : 54

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

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

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 ;-)

Hors ligne

#9 01/11/2016 21:20:36

Pierre
Membre
Lieu : La belle province
Inscription : 22/06/2014
Messages : 1 122

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

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...


#titanic {
    float: none;
    bottom: 0;
}

Hors ligne

#10 26/01/2017 22:15:15

trentanel
Membre
Inscription : 23/01/2017
Messages : 31

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

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.

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2017 PluXml.org, tous droits réservés