Logo ET titre

Bonjour,

Il est sans doute possible de bricoler quelque chose . Cela vous donnerait à peu près ce qui est en pièce jointe. Les positions exactes de même que la taille de l’image sont modifiables. L’image vient de votre lien instagram pour l’exemple. Il vaudrait mieux une image avec un fond transparent au lieu de noir. Il faudrait d’abord coller une petite fonction (php) soit dans le fichier function.php d’un thème enfant (la meilleure solution), soit en utilisant un plugin tel que “my custom functions”. Ensuite il faudra ajuster avec un peu de css, ce qui ne devrait pas être un problème.

Si ça vous convient on verra demain.

Bonjour,

Du coup j’édite mon function.php ou style.css ?

Les deux, l’un après l’autre:

1. Functions.php pour…la fonction en php  (important:vous avezbien un thème enfant? Autrement il faudra procéder de manière légèrement différente),  pour introduire le logo dans le header.
2. Style.css pour les css, pour mettre en place et régler la taille du logo

En un premier temps vous pouvez coller ce code dans functions.php (avec la réserve plus haut). L’image est sortie de Instagram. Si vous avez mieux dans vos archives vous pouvez en changer.

function image_dans_header()
	{		
	echo '<img id= "imga" src="https://scontent-cdt1-1.cdninstagram.com/vp/3e52b7063a18571e9150f0cba9a49861/5E49DD48/t51.2885-19/s320x320/23824458_721389124736785_8614094521774374912_n.jpg?_nc_ht=scontent-cdt1-1.cdninstagram.com" width="100px" height="100px"></div>';
}
add_action('wp_head', 'image_dans_header');

Quand ce sera fait, l’image devrait apparaître dans le header; je ne sais pas où exactement. Je regarderai (votre site avec le logo doit être en ligne) pour les réglages css et vous passerai alors les codes.

Bonjour,

Je ne vois aucun logo. Vous n’aurez qu’à le remettre ce soir. Je regarderai.

Bonjour,

Essayez ce code  à copier/coller dans style.css de votre thème-enfant. Il y a trois codes: en haut pour les pc, au milieu les tablettes, en bas les smartphones.

Vous pouvez dans chaque cas régler comme vous voulez la taille et la position du logo en jouant sur les % width, margin-left et margin-top.

/* PC */
@media only screen and (min-width: 1000px) {
#imga{position:absolute;
margin-top:12%;
margin-left:8%;
width:8%;}
}
/* Tablette */
@media only screen and (max-width: 999px) {
#imga{position:absolute;
margin-top:28%;
margin-left:2%;
width:15%;}
}
/* Smart-phone */
@media only screen and (max-width: 500px) {
#imga{position:absolute;
margin-top:32%;
margin-left:0%;
width:10%;}
}

Juste pour vous prévenir: si vous ne mettez qu’un code, l’aspect sur tablette ou smartphone ne sera pas satisfaisant.

Pour le slogan je vais regarder

Edit: je ne vais rien regarder! Je voulais tester la solution fournie ci-dessous par @Philyon.

• Cette réponse a été modifiée le il y a 2 mois et 2 semaines par ferman.
• Cette réponse a été modifiée le il y a 2 mois et 2 semaines par ferman.
• Cette réponse a été modifiée le il y a 2 mois et 2 semaines par ferman.