Personnaliser en-tête [et ajouter icônes Facebook, etc. sur page d'accueil]

  • Auteur
    Articles
  • #34961

    Bonsoir,
    Je travaille sur le thème Oxygen et suis hébérgé sur WordPress.com. J’ai l’option payante à 80€ qui me permet de bénéficier de Custom Design donc accès au CSS.
    Mon problème est que dans l’en-tête je souhaiterai faire les deux manipulations suivantes mais sans succès:
    1- Changer la taille de la police et mettre en gras uniquement le titre de mon site (sans impacter les titres de mes articles…). via CSS? si oui quel est le code?
    2- je n’arrive pas à mettre les liens de partage (Facebook et autres) sur la page d’accueil (qui en principe doivent apparaître en fin de page avec ce thème). Cela marche sur les autres pages. Du coup je souhaitais carrément les mettre dans l’en-tête à droite du titre du site « Diane Publicité » pour ma page d’accueil. Est-ce possible avec CSS? si oui comment puis-je créer le code?

    Merci pour vos réponses

    [Titre étoffé par airodyssey – Merci de créer un sujet distinct la prochaine fois]

    L'adresse du blog concerné est dianepublicite.com.

    #35187

    airodyssey
    Modérateur

    1- Changer la taille de la police à quel endroit au juste? (Dans le corps des articles? Dans les widgets?)
    Il se pourrait que je ne puisse pas vous donner la réponse moi-même, mais si vous donnez cette précision, je pourrai peut-être vous donner une piste.

    2- La prochaine fois, merci de créer un sujet distinct, car l’option Custom Design permet seulement de changer l’apparence de votre site, pas d’ajouter des boutons ou des fonctionnalités.

    Cela dit, je connais uniquement deux moyens d’ajouter des boutons pour partager la page d’accueil (ce qui n’est pas la même chose que d’ajouter un bouton pour « aimer » votre page Facebook ou vous suivre sur Twitter, par exemple) :
    – remplacer votre page d’accueil par une page statique (ce qui dénaturerait complètement le thème Oxygen)
    – dans Réglages > Partager, cocher l’option pour insérer les icônes dans la page d’accueil (mais je ne sais pas si ça va fonctionner sous le thème Oxygen).
    Désolé de ne pas vous donner la réponse que vous espériez.

    #35191

    Merci bcp pour ce très rapide retour…
    1- je fais référence au nom du site internet (le titre du site) de la page d’accueil. A savoir DIANE PUBLICITE, tout en haut à gauche sur la page d’accueil du site.

    2- oui j’avais essayé ce flag dans Réglages>Partager, mais même en le cochant je n’arrive pas à faire apparaître les liens de partage, pourtant ils sont cochés à cet endroit, dans la page d’accueil elle-même, et au niveau des options de de la pages et aussi dans l’option de la page en haut à droite…
    Encore merci pour votre aide

    #35192

    airodyssey
    Modérateur

    C’est vrai, vous avez dit « dans l’en-tête ». Désolé.

    Je vais des recherches et je vous reviens là-dessus.

    #35193

    quand vous aurez un moment….merci!

    #35216

    airodyssey
    Modérateur

    Alors voici :

    .site-title {
    font-weight:bold;
    font-size:48px ! important;
    }

    Si c’est trop gros ou trop petit, vous pouvez changer le chiffre 48.

    #35231

    Merci beaucoup Mr Airodyssey!!
    bien évidemment ça marche très bien. Quel est le langage utilisé dans le CSS, c’est du HTML? si c’est le cas ça me permettra de coder sans avoir besoin de vous déranger systématiquement….
    Le problème lorsque vous répondez trop bien c’est que la première question appelle la suivante.
    J’ai essayé de changer le slogan sous le titre du site car je le trouve trop petit….
    du coup j’ai utilisé le même code mais j’ai substitué site-title par site-header. cela fonctionne sauf que cela me change la police de mon menu principal horizontal. connaissez-vous le nom de code àa utiliser pour ne changer que le slogan sans impacter le menu principal?
    Merci

    #35233

    Désole pour la question de trop. En fait c’est du langage CSS et pour différencier il faut utiliser site-header et site-description.
    Vu que c’est un langage je peux a priori faire un peu ce que je veux…je reviens donc a ma question initiale.

    Puis je mettre dans le bandeau header i.e tout en haut de la page d’accueil a droite du titre du site, des liens?
    Je voudrais mettre les liens vers le site dans une autre langue pour améliorer leur visibilité…est ce possible de le faire avec CSS? En attendant je cherche de mon cote! Merci

    #35235

    airodyssey
    Modérateur

    Pour le slogan : ce n’est pas .site-header, mais bien .site-description

    À ma connaissance, on ne peut pas insérer du contenu avec CSS. On peut seulement changer sa position. On ne peut pas non plus ajouter des caractéristiques à un thème, ni modifier certains éléments du thème.

    Donc, vous allez devoir créer ces icônes de réseaux sociaux, les insérer dans un widget de texte, et à partir de là, trouver un moyen de les déplacer ailleurs sur la page. Malheureusement, je ne connais pas ce moyen personnellement, alors soit vous explorer cette avenue…
    http://wpbtips.wordpress.com/2009/12/15/position-absolute-pt-2/

    …soit vous posez votre question en anglais sur ce forum :
    http://en.forums.wordpress.com/forum/css-customization

    #35242

    Merci airodyssey, c’est bien ce que j’essaye de faire…je code directement dans le CSS, en principe la théorie dit que je peux positionner une photo/lien ou je le souhaite dans la page d’accueil….en pratique je ne vois rien apparaitre.
    J’essaye avec le code suivant:
    .position {
    position: absolute;
    top: 50px;
    right: 50px;
    }

    mais rien ne se passe
    j’ai aussi essayé de poser la question sur le site en anglais. mais lorsque je regarde le tutoriel de langage en CSS, ca devrait marcher….si certains ont une idée du problème, cela m’aiderait beaucoup…. Merci

    #35243

    j’ai aussi essayé
    /*<div style= »position:absolute;top:50px;right:50px; »>

    </div> */
    mais bon cela ne marche pas non plus
    j’ai mis /* ..*/ dans le forum car sinon il y a des interférences de codes avec la page du forum et cela n’enregistre pas

    #35244

    airodyssey
    Modérateur

    j’ai aussi essayé de poser la question sur le site en anglais.

    C’est la bonne solution oui, car tout ce que je peux vous dire, c’est qu’en langage CSS, ce qui précède l’accolade est le nom de ce que vous voulez modifier. Donc, vous ne pouvez pas dire à l’élément position de changer de position. (Il faut plutôt trouver quel est le nom du widget, en langage CSS).

    Attendez que quelqu’un vous réponde dans le forum en anglais SVP.

    j’ai mis /* ..*/ dans le forum car sinon il y a des interférences de codes avec la page du forum et cela n’enregistre pas

    Il faut plutôt suivre ce qui est indiqué à gauche de l’encadré où vous écrivez votre réponse : « Vous pouvez aussi placer le code entre deux ( ` ) accents graves. ».

    #35247

    Airodyssey,
    J’y suis arrivé!!!! c’est pas très propre mais c’est le résultat qui compte. avec le CSS impossibe, je ne sais pas pourquoi; par contre en faisant un mix de toutes tes solutions et un peu de code CSS, ça marche.
    Dans un widget texte, j’ai mis le code suivant:
    <div style= »position:absolute;top:20px;right:50px; »>
    <img src= »imagefrancais.jpeg » alt= »Français » border= »0″>
    </div>
    <div style= »position:absolute;top:20px;right:20px; »>
    <img src= »imageanglais.jpeg » alt= »English » border= »0″>
    </div>

    Du coup j’ai une dernière question. derrière le drapeau anglais je voudrais mettre le lien qui me renverrait à un autre blog, qui lui sera entièrement écrit en anglais. Dois-je acheter un autre nom de domaine dianepublicite.com/en/ ou en .dianepublicite.com?? Je vais mettre cette question dans le bon sujet de suite. Encore merci pour tes divers bons conseils

Le sujet ‘Personnaliser en-tête [et ajouter icônes Facebook, etc. sur page d'accueil]’ est fermé aux nouvelles réponses.