[Résolu] Comment mettre le logo et le titre du site ? (Créer un compte)

  • WordPress :5.4
  • Statut : résolu
15 sujets de 1 à 15 (sur un total de 20)
  • Auteur
    Messages
  • #2341692
    cocod
    Participant
    Chevalier WordPress
    156 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.

    #2341710
    ferman
    Participant
    Maître WordPress
    2628 contributions

    Bonjour,

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

    #2341720
    cocod
    Participant
    Chevalier WordPress
    156 contributions

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

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

    cordialement

    DB

    #2341724
    ferman
    Participant
    Maître WordPress
    2628 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');

     

     

    #2341727
    cocod
    Participant
    Chevalier WordPress
    156 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

    #2341728
    ferman
    Participant
    Maître WordPress
    2628 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.

    #2341734
    cocod
    Participant
    Chevalier WordPress
    156 contributions

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

    Tant pis.

    #2341737
    ferman
    Participant
    Maître WordPress
    2628 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.

    #2341741
    cocod
    Participant
    Chevalier WordPress
    156 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.

    #2341746
    ferman
    Participant
    Maître WordPress
    2628 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.

    #2341747
    cocod
    Participant
    Chevalier WordPress
    156 contributions

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

    #2341757
    ferman
    Participant
    Maître WordPress
    2628 contributions

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

    #2341764
    cocod
    Participant
    Chevalier WordPress
    156 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”>

    #2341772
    ferman
    Participant
    Maître WordPress
    2628 contributions

    Bonjour,

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

    #2341775
    cocod
    Participant
    Chevalier WordPress
    156 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;

15 sujets de 1 à 15 (sur un total de 20)
  • Vous devez être connecté pour répondre à ce sujet.