Comment mettre le logo et le titre du site ?

WordPress :5.4
Statut : résolu

Ce sujet contient 19 réponses, 2 participants et a été mis à jour pour la dernière fois par cocod, le il y a 5 années et 2 mois.

15 sujets de 1 à 15 (sur un total de 20)

1 2 →

Auteur

Messages
3 mai 2020 à 14 h 07 min #2341692

cocod
Participant

Chevalier WordPress
257 contributions

Bonjour,

Ma configuration WP actuelle :
– Version de WordPress : 5.4.1
– Version de PHP/MySQL : 7.2.30 / 5.6.46
– Thème utilisé : OceanWP
– Thème URI : https://oceanwp.org/
– Extensions en place : Akismet Anti-Spam (4.1.5), All In One SEO Pack (3.4.3), Asgaros Forum (1.15.4), Caldera Forms (1.8.11), Duplicate Post (3.2.4), Fonts (2.3), Forum_wordpress_fr (4.2), La Sentinelle antispam (1.5.4), LayerSlider WP (6.11.1), Ocean Extra (1.6.2), Show-Hide/Collapse-Expand (1.2.3), Simple CSS (1.1), Use Any Font (5.9), Verify Email for Caldera Forms (1.2.0), WPBakery Page Builder (6.2.0), WPForms Lite (1.6.0.1)
– Adresse du site : http://psychanalyste-toulouse-reve-eveille-girep-mcasesjolinon.fr
– Nom de l’hébergeur : Apache

Problème(s) rencontré(s) : Pas possible de mettre le logo et le titre du site.

J’ai vu que dans l’entête on peut mettre soit le logo, soit le titre,

Est ce possible de positionner les deux ?

Cordialement.

3 mai 2020 à 17 h 12 min #2341710

ferman
Modérateur

Maître WordPress
7636 contributions

Bonjour,

C’est possible mais il faut accepter d’utiliser un peu de code. Si ça vous intéresse, faites signe.

3 mai 2020 à 18 h 42 min #2341720

cocod
Participant

Chevalier WordPress
257 contributions

merci pour le message, cela m’intéresse,

j’ai déjà essayé des codes sans succès.

cordialement

DB

3 mai 2020 à 19 h 20 min #2341724
ferman
Modérateur

Maître WordPress
7636 contributions
Bien, je vous passe ce que j’ai essayé et qui fonctionne (chez moi). Il y a deux petits codes: un CSS à mettre dans les css additionnelles et un PHP à mettre en utilisant le plugin my custom functions. A moins que vous n’ayez un thème enfant?

En premier, si vous ne l’avez pas déjà, il faut télécharger Filezilla ICI et regarder comment ça fonctionne sur cette vidéo. Ceci au cas ou un problème surviendrait avec my custom functions; ce n’est pas fréquent mais ça arrive et ce n’est pas grave. Regarder dans la page plugins les FAQ .Q. What to do if this plugin crashed the website?

Ensuite, vous mettez d’abord le code CSS puis le code PHP. Il faudra peut être ajuster les CSS mais pas beaucoup si c’est comme chez moi.
```
/* position du logo*/
.addlogo img {width:100px;
	position:relative;
	top:100px;
	z-index:999;
}
```
```
// image logo
function addlogo(){
	echo '<div class="addlogo"><img src="http://psychanalyste-toulouse-reve-eveille-girep-mcasesjolinon.fr/wp-content/uploads/2020/04/Fleur-de-Paix-PNG-1024x1007.png" >								
	</div>';
}
add_action ('ocean_header', 'addlogo');
```
3 mai 2020 à 19 h 37 min #2341727
cocod
Participant

Chevalier WordPress
257 contributions
Merci, pour le thème j’ai rien modifier du thème originel de base, donc je je peux mettre le code
```
// image logo
function addlogo(){
	echo '<div class="addlogo"><img src="http://psychanalyste-toulouse-reve-eveille-girep-mcasesjolinon.fr/wp-content/uploads/2020/04/Fleur-de-Paix-PNG-1024x1007.png" >								
	</div>';
}
```
dans le fichier functions.php ?

cordialement

DB
3 mai 2020 à 19 h 45 min #2341728

ferman
Modérateur

Maître WordPress
7636 contributions

Oui mais alors il faut garder ce code au chaud dans un coin parce qu’à la prochaine mise à jour du thème il va être effacé et il faudra le remettre. Tandis qu’avec l’extension ce ne sera pas le cas.

3 mai 2020 à 20 h 36 min #2341734

cocod
Participant

Chevalier WordPress
257 contributions

Merci, mais après un essai j’ai toujours que le logo ou le titre du site.

Tant pis.

3 mai 2020 à 20 h 43 min #2341737

ferman
Modérateur

Maître WordPress
7636 contributions

Attention, si vous avez mis dans functions. php, il faut mettre le code au dessus de « region fremius », donc pas à la suite de toutes les fonctions autrement ça ne marche pas.

3 mai 2020 à 21 h 06 min #2341741

cocod
Participant

Chevalier WordPress
257 contributions

Ok, merci ça fonctionne mais ça me rajoute la bande supérieure.

Que je n’arrive pas à supprimer même en la désactivant.

3 mai 2020 à 23 h 10 min #2341746
ferman
Modérateur

Maître WordPress
7636 contributions
Ajoutez ça:
```
.addlogo{height:10px;}
#wrap .addlogo img {top:10px;}
```
C’est bon pour PC mais pas pour tablette ou mobile. Deux possibilités:vous supprimez le logo pour tablette et mobile ou vous modifiez les css. Si vous mettez le code et que l’aspect vous convient sur PC, je regarderai demain pour l’adapter aux autres tailles d’écran. La taille du titre ne change pas non plus selon que vous êtes sur tablette , mobile ou PC. A moins que vous ne vouliez vous en charger, je regarderai ça aussi.
3 mai 2020 à 23 h 16 min #2341747

cocod
Participant

Chevalier WordPress
257 contributions

Merci encore pour votre aide, je vois ça demain, aussi. 🙂

3 mai 2020 à 23 h 48 min #2341757

ferman
Modérateur

Maître WordPress
7636 contributions

D’accord, je vous laisse vous en occuper. Si vous avez des questions j’essaierai d’y répondre.

4 mai 2020 à 7 h 04 min #2341764
cocod
Participant

Chevalier WordPress
257 contributions
bonjour ferman,

j’ai mis à jour comme indiqué ci-dessus, le code marche bien ainsi en le mettant dans la partie css simple d’une page, ça ne fonctionne que là :<code class= »css keyword »><code class= »css plain »>
```
/* position du logo*/
.addlogo img {width:70px;}
.addlogo{height:0px;}
#wrap .addlogo img {top:0px;}
```
par contre j’ai essayé de le pousser un peu sur la droite avec le code
```
position: relativee;
left:10px;
```
et cela ne fonctionne pas, c’est pas grave on laisse ainsi,

pour les tablettes et Smartphones, dans personnalisé du menu océanwp, la seule chose que l’on puisse faire c’est masquer le titre et ça ne fonctionne pas, c’est vraiment pas simple de jongler avec le code en bas des pages, les différents menus personnalisés;

Merci encore pour ton aide, cela m’a beaucoup aider.

bonne journée.

<code class= »css plain »>
4 mai 2020 à 9 h 29 min #2341772

ferman
Modérateur

Maître WordPress
7636 contributions

Bonjour,

Si vous avez vraiment mis « position: relativeE« , ça ne peut pas marcher.

4 mai 2020 à 9 h 40 min #2341775
cocod
Participant

Chevalier WordPress
257 contributions
désolé non j’ai bien mis « position: relative » ce qui se passe quand on met ceci
```
position: relative;
left:10px;
```
il ne tient pas compte de
```
width:70px;
```
Auteur

Messages