PluXml.org

Blog ou CMS à l'Xml

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

#1 05/10/2018 23:23:37

francoisnl
Membre
Inscription : 29/09/2018
Messages : 6

[RESOLU] insérer image en dur dans fichier header.php

Bonjour,

j'ai un problème très certainement basique, mais là je cale, vu que je ne connais pas le php.

J'essaie vainement d'insérer une image en dur dans le fichier header.php, où tout autre fichier .php d'ailleurs.
Dans un fichier  .html no problemo, la balise :

[== HTML ==]
<img src="img/mon-image.jpg" alt="">

je la connais et fonctionne très bien, donc pas de bug de mon éditeur Atom ou bluefish, j'ai testé sur les 2, mais pas dans le fichier header.php, rien ne s'affiche !?

éclairer ma lanterne me fera certainement passer un meilleur we  wink

Merci

François

Dernière modification par francoisnl (06/10/2018 10:36:22)

Hors ligne

#2 06/10/2018 02:12:50

jack31
Membre
Lieu : Luchon
Inscription : 03/04/2012
Messages : 813
Site Web

Re : [RESOLU] insérer image en dur dans fichier header.php

Slt François, smile

Essaye peut-être par là
http://pluxopolis.net/article86/theme-p … -de-pluxml

Maintenant, fait attention au responsive car, de plus en plus, les internautes naviguent avec un mobile.


--
Tout va bien !
Pluxopolis.net
Centre de ressources et téléchargements pour PluXml Plugins, thèmes, scripts et documentations.
Tuto pluxml pour les nuls

Hors ligne

#3 06/10/2018 06:38:41

Stéphane
Consultant PluXml
Lieu : pas loin de Toulouse
Inscription : 07/08/2007
Messages : 6 290
Site Web

Re : [RESOLU] insérer image en dur dans fichier header.php

Bonjour

<img src="<?php $plxShow->template(); ?>/img/mon-image.jpg" alt="">

Ancien responsable de PluXml  cool

Hors ligne

#4 06/10/2018 10:35:23

francoisnl
Membre
Inscription : 29/09/2018
Messages : 6

Re : [RESOLU] insérer image en dur dans fichier header.php

Salut jack31  smile

en effet avec l'image en css ça marche, c'est comme que j'ai fait pour une petite image, mais pour le responsive, c'est la misère ! alors qu'en intégrant l'image dans le html avec une classe css

[== CSS ==]
width: auto;
height: auto;

c'est diaboliquement  devil efficace !!! Bon le poids de l'image reste le même, donc pour les smartphones, vaut mieux penser à la redimensionner.
merci de ta réponse si rapide

Bonjour Stéphane

Ahlala, je savais bien que ça serait basique !!! Merci, mon we restera ensoleillé  big_smile


Bon we à vous

Hors ligne

#5 06/10/2018 10:44:50

jack31
Membre
Lieu : Luchon
Inscription : 03/04/2012
Messages : 813
Site Web

Re : [RESOLU] insérer image en dur dans fichier header.php

@francoisnl

Quel bonheur !  cool


--
Tout va bien !
Pluxopolis.net
Centre de ressources et téléchargements pour PluXml Plugins, thèmes, scripts et documentations.
Tuto pluxml pour les nuls

Hors ligne

#6 06/10/2018 10:51:57

francoisnl
Membre
Inscription : 29/09/2018
Messages : 6

Re : [RESOLU] insérer image en dur dans fichier header.php

yep !

Hors ligne

#7 06/10/2018 11:04:33

bazooka07
Membre
Lieu : Quelque part en Rhône-Alpes
Inscription : 06/02/2014
Messages : 1 213
Site Web

Re : [RESOLU] insérer image en dur dans fichier header.php

@francoisnl,

Pour réduire le poids des images à télécharger par le navigateur il faut t'intéresser à l'attibut srcset de <img>.
Voici deux liens pour en savoir plus ;
https://developer.mozilla.org/fr/docs/W … lement/img
https://developer.mozilla.org/fr/docs/A … e_page_web

Et un petit exemple pour PluXml :

[== PHP ==]
<?php
if($plxShow->mode() === 'home') {
	$urlMedias = $plxShow->plxMotor->urlRewrite($plxShow->plxMotor->aConf['medias']);
?>
	<div id="bandeau">
		<img src="<?php echo $urlMedias; ?>site/bandeau-0380x.jpg" alt="bandeau" 
		srcset="
		<?= $urlMedias; ?>site/bandeau-0380x.jpg 380w,
		<?= $urlMedias; ?>site/bandeau-0770x.jpg 770w,
		<?= $urlMedias; ?>site/bandeau-1024x.jpg 1024w,
		<?= $urlMedias; ?>site/bandeau-1960x.jpg 1960w" />
	</div>
<?php
}
?>

Cela affiche un bandeau en image sur la page d'accueil.
Et je préfère garder les images dans le dossier de medias pour qu'elles soient encore accessibles si je change de thème.

Dernière modification par bazooka07 (06/10/2018 11:11:36)

Hors ligne

Pied de page des forums

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