Retirer le titre pour avoir une photo contenant le titre de l’article seulement (Créer un compte)

  • WordPress :4.6.1
  • Statut : non résolu
11 sujets de 1 à 11 (sur un total de 11)
  • Auteur
    Messages
  • #1603042
    Loutre-Majestueuse
    Participant
    Padawan WordPress
    61 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : Version 4.6.1
    – Version de PHP/MySQL :
    – Thème utilisé : Personnal (de Webinane)
    – Extensions en place : Akismet, Coming Soon Page & Maintenance Mode, CommentLuv, FV Top Level Categories, Importateur WordPress, SEO SearchTerms Tagging 2, Slider Revolution, Subscribe to Comments Reloaded, Use Google Libraries, WP Smush, WP-Optimize, WPBakery Visual Composer, WPBakery Visual Composer,Yoast SEO
    – Nom de l’hebergeur : OVH
    – Adresse du site : poucetonsac.com

    Problème(s) rencontré(s) :

    J’aimerais savoir comment je peux faire pour retirer le titre de mon article et ne laisser que la photo principale qui contient le titre de mon article, afin de ne pas avoir deux fois le titre de l’article? (voir photo)

    Merci! 🙂

    Emmanuelle

    #1603085
    Li-An
    Modérateur
    Maître WordPress
    23689 contributions

    Bonjour, il faut nous donner un lien ou réuploader l’image. Merci d’avance.

    #1603123
    momofr@free.fr
    Modérateur
    Maître WordPress
    3202 contributions

    Une règle CSS doit pouvoir faire ça, quelque chose comme :

    .page .entry-title {
         display: none;
    }

    .page c’est pour les pages, on mettra .post pour les articles… enfin tout c’est un peu en fonction du thème et de sa feuille de styles.

    Un lien vers ton site et je peux te donner le code précis pour ce que tu veux car sur le site de démo il n’y a pas de titre sur la photo à la une des articles… tu as peut-être un paramètre pour le masquer ?

    #1603215
    Loutre-Majestueuse
    Participant
    Padawan WordPress
    61 contributions

    Désolé, mes captures d’écrans sont tout le temps trop lourdes.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #1603217
    Loutre-Majestueuse
    Participant
    Padawan WordPress
    61 contributions

    Voici le lien vers mon blog (que j’ai un peu rangé, ah!) : http://poucetonsac.com/

    Il n’y a qu’un article pour le moment.

    Sur la page de l’article, on trouve ma photo mise en avant où j’ai écris le titre, mais je trouve ça laid de l’avoir dessous aussi. Sais-tu comment retirer ça?

    Aussi, sur la page d’accueil, je pensais pas que ça ferait moche de même. L’aperçu tout en haut par exemple (dans la partie des articles les plus récents), il y a un bandeau gris avec le titre et qui bouge quand on met le curseur dessus ET la même photo avec le titre. Je trouve le titre avec le bandeau bien mais ça voudrait dire retirer le titre de la photo et dans ce cas, j’imagine que ça fait beaucoup de manipulations pour une personne qui a déjà de la misère avec wordpress… sinon simplement retirer le bandeau et garder la photo?!

    Pour l’aperçu du dessous, le fait qu’il y ait le titre puis en dessous re la photo et le titre, je trouve ça moins gênant.

    As-tu des conseils pour ça, Momofr?

    #1603218
    Li-An
    Modérateur
    Maître WordPress
    23689 contributions

    J’imagine que c’est un montage, l’image. D’un point de vue référencement et moteur de recherche, il faut garder le titre texte.

    #1603219
    Loutre-Majestueuse
    Participant
    Padawan WordPress
    61 contributions

    Oui, c’est moi qui a fait le montage. Est-ce que ce serait quelque chose de possible de retirer le texte de ma photo (sur la page d’accueil, tout en haut) pour conserver le bandeau mais que ça conserve la photo avec le texte sur mon article?

     

    #1603221
    momofr@free.fr
    Modérateur
    Maître WordPress
    3202 contributions

    Il est possible de faire plein de choses via CSS c’est à ça que sert un thème enfant (et un webdesigner…). Si la typo est une Google Font il est possible de cibler les titres articles avec cette même typo, idem pour les survols images, bref de “charter” le blog autour de cette typographie…

    J’utilise un thème (Enfold) ou je peux demander de ne pas afficher l’image à la une en article seul, du coup je peux utiliser 2 images différentes pour le même article. Existe-t-il quelque chose de ce genre sur Personal ?

    #1603223
    Loutre-Majestueuse
    Participant
    Padawan WordPress
    61 contributions

    J’ai trouvé la typo sur Dafont.

    Je cherche mais je ne trouve rien de ce genre… aussi, dans mon thème, il y a Visual Composer qui est une véritable prise de tête pour moi!

     

    #1603248
    Li-An
    Modérateur
    Maître WordPress
    23689 contributions

    Je suis incapable de vous donner le code nécessaire tel quel. Par contre, je peux vous mettre en garde contre l’utilisation de Visual Composer qui doit être restreint à un nombre limité de pages.

    #1603253
    momofr@free.fr
    Modérateur
    Maître WordPress
    3202 contributions

    Une typo provenant de Dafont peut être utilisé via un Webkit généré par exemple sur Fontquirrel.

    L’intégration se fait dans la feuilles de styles du thème enfant ou dans le champ CSS custom du thème Premium.

    Pour les titres des grille d’article le titre h2 utilise les styles suivants :

    .carousal-box > h2 {
        bottom: 0;
        color: #ffffff;
        font-family: Raleway;
        font-size: 17px;
        font-weight: bold;
        left: 0;
        letter-spacing: 0.3px;
        line-height: 26px;
        margin: 0;
        padding: 5px;
        position: absolute;
        transition: all 0.4s ease 0s;
        width: 100%;
        z-index: 9999;
    }
    .carousal-box > h2 > a {
        background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
        color: #444444;
        float: left;
        padding: 24px 25px;
        width: 100%;
    }

    C’est un montage h2 avec lien interne, tu as la couleur transparente (rgba) de fond dans le style du , typo et corps dans les styles du h2.

    Pour les styles des titres h1 d’article en page unique voici les styles utilisés :

    .post-desc > h1 {
        color: #333333;
        float: left;
        font-family: Montserrat;
        font-size: 26px;
        font-weight: bold;
        letter-spacing: 0.3px;
        line-height: 36px;
        margin: -9px 0 15px;
        width: 100%;
    }
    .post-desc > h1 > a {
        color: #333333;
    }

    Même principe de distribution.

    Voilà la base pour personnaliser tes titrages.

     

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