Image à la une (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 23)
  • Auteur
    Messages
  • #549785
    patkban
    Membre
    Chevalier WordPress
    266 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 4.2.2
    – Version de PHP/MySQL :
    – Thème utilisé : personnalisé
    – Extensions en place :
    – Nom de l’hebergeur : 1&1
    – Adresse du site : http://www.info2tele.com

    Problème(s) rencontré(s) : image à la une

    Bonjour à tous,

    Je rencontre un petit problème avec la homepage de info2tele.com : si je ne mets pas de photo dans « Image à la une », tout le texte se décale à gauche.

    il y a des articles qui ne méritent pas de photo sur la home : juste le titre et qq lignes de texte. Dans ce cas, j’aimerais que le texte s’installe sur toute la largeur et prenne ainsi la partie normalement réservée à une photo.

    Quelqu’un peut-il m’expliquer la démarchecà suivre : quel code installer, à quel endroit.

    Merci à vous et bon dimanche

    #1005374
    patkban
    Membre
    Chevalier WordPress
    266 contributions

    Hello,

    J’ai fait exprès de laisser un article sans « Image à la une » (Audiences : TF1 au top avec « Stars 80″, France 3 en forme) en guise d’exemple.

    Je voudrais que le titre prenne toute la largueur ainsi que le texte d’accroche.

    A+

    #1005372
    Flobogo
    Modérateur
    Maître WordPress
    17979 contributions

    Bonjour,

    Il serait souhaitable de donner directement le lien vers l’article sans « image à la une », on gagnerait tous du temps.

    Et qu’entendez-vous par « thème personnalisé » : vous avez totalement créé votre thème de A à Z ; ou bien vous vous êtes basé sur un thème existant , avec (ou sans) child-thème ? Dans ce cas, ce serait bien de nous indiquer le nom du thème de départ, et si il fait partie du répertoire de WordPress.

    #1005373
    dreamer
    Participant
    Chevalier WordPress
    484 contributions

    Salut

    Tu peux modifier comme ceci le css, pour l’affichage dans le thème enfant (?)

    .post-slider .post-box-inner {
        position: absolute;
        left: 0px;
        right: 0px;
        top: 0px;
        padding: 15px; /* 15px 20% 15px 60px;*/ 
        background-color: rgba(0, 0, 0, 0.2);
    }

    Et aussi modifier le h3, beaucoup trop gros, à moins que tu ne raccourcisses tes titres !!

    .post-slider .title, .post-slider .widget .widget-title, .widget .post-slider .widget-title {
        color: #FFF;
        font-size: 3em; /* 3.5em*/
        text-transform: uppercase;
        font-weight: bold;
    }

    A+

    #1005371
    patkban
    Membre
    Chevalier WordPress
    266 contributions

    @ Flobogo,
    Je suis parti du thème Presso que j’ai traduit et adapté à mes besoin. Il existe un « child » mais je ne l’utilise pas. Ai-je tort ?
    Le lien vers l’article sans image à la une : http://www.info2tele.com/59321/audiences-tf1-au-top-avec-stars-80-france-3-en-forme/

    @ dreamer
    Je ne suis pas un pro du code… En modifiant le css, que va-t-il se passer ? Est-ce que les articles avec « Image à la une » vont s’afficher avec une vignette et est-ce que ceux qui n’en ont pas vont s’afficher sur toute la largueur ?

    Pour le h3, je ne vois pas à ce que tu veux dire. h1, c’est pour le tire de l’article, h2 pour le soustitre et h3 pour des titre encadré. Lien vers un exemple :

    http://www.info2tele.com/57120/the-voice-je-suis-touchee-je-suis-sans-voix/

    h1 : The Voice 4 : « Je suis touchée, je suis sans voix »
    h2 : Nikos Aliagas et les coachs ont rendu hommage aux victimes des attentats avant le lancement du télécrochet de TF1.
    h3 : Les équipes à l’issue des premières auditions

    Merci pour votre aide.

    #1005369
    Flobogo
    Modérateur
    Maître WordPress
    17979 contributions

    Bon, ouf, j’ai fini par comprendre votre souci
    (ce n’est pas le lien vers l’article sans image qu’il fallait, excusez-moi, je n’avais pas prêté attention au fait que le problème était en homepage et non sur l’article)

    Et je ne sais pas résoudre votre problème.
    J’arrive à aligner la boîte de texte sur la droite, comme si il y avait une image, en rajoutant la propriété float: right;

    .post-box-inner {
    float: right;
    }

    Et cela ne change rien à l’affichage de vos autres articles.

    Mais par contre, je n’arrive pas à afficher votre texte sur la largeur, ou bien cela affecte les autres articles, dont le texte passe « en-dessous » de la photo.

    Avez-vous essayé le code de Dreamer ?

    Ces codes sont du CSS, qu’il faut mettre soit dans l’option « Custom CSS » si votre thème le propose, soit dans le fichier style.css (mais de préférence dans un thème-enfant, sinon la modif’ sautera lors d’une mise à jour de thème)

    #1005370
    patkban
    Membre
    Chevalier WordPress
    266 contributions

    @ Flobogo

    Peut-être faut-il un bloc avec appel photo et un autre sans photo mais avec dimensions différentes ?

    Code source avec image :

    #1005375
    patkban
    Membre
    Chevalier WordPress
    266 contributions

    Bonsoir à tous,

    Je reviens vers vous car je n’ai pas trouvé de solution à mon problème.

    Je voudrais avoir la possibilité de publier des articles sans image sans que cela pose un problème sur la homepage. En bref, je voudrais créer un bloc qui n’est pas d’image sur la home.

    Qui peut m’aider ?

    Amlt

    #1005376
    Flobogo
    Modérateur
    Maître WordPress
    17979 contributions

    il faudrait mettre une condition if ( has_post_thumbnail() ) pour dire d’utiliser l’un ou l’autre « conteneur » avec telle ou telle « class » (remplacer post-box-inner par une class à créer, avec largeur width: 100% quand il n’y a pas de vignette) ; mais je ne saurai pas vous aider plus, je ne suis pas codeuse.

    Sinon, le plus simple serait de définir une image par défaut, à mettre dans un dossier « images » de votre thème, puis de l’appeler ainsi dans le fichier index.php :

    <?php
    // Must be inside a loop.
    
    if ( has_post_thumbnail() ) {
    	the_post_thumbnail();
    }
    else {
    	echo '<img src="' . get_bloginfo( 'stylesheet_directory' ) . '/images/thumbnail-default.jpg" />‘;
    }
    ?>

    (vu dans le Codex )

    #1005377
    patkban
    Membre
    Chevalier WordPress
    266 contributions

    Bonjour Flobogo

    Merci pour ton aide. Je ne vais pas utiliser l’image par défaut : autant mettre une image qui correspond à l’article.

    Je ne suis pas très fort en code moi non plus. En revanche ta remarque sur la création de deux class est très pertinente.

    Quelqu’un sur le forum peut donner un coup de main ?

    Merci à tous et bon dimanche

    #1005378
    patkban
    Membre
    Chevalier WordPress
    266 contributions

    Bonsoir

    Je reviens vers vous parce que je n’ai pas réussi à résoudre mon problème sur la home.

    Comment faire pour qu’un article sans « image à la Une » puisse apparaître sur la home sur toute la largeur du fleuve ?

    Actuellement, si je ne mets pas de photo, le titre et le texte se placent à droite (ou à gauche : je ne sais plus) et la partie dédiée à la photo reste vide.

    Je pense qu’il faut que je crée une fonction ou une exception pour çà, mais je ne vois pas comment faire.

    Auriez-vous une idée ?

    Amlt

    #1005379
    patkban
    Membre
    Chevalier WordPress
    266 contributions

    Hello,

    Pas de réponse ?

    #1005380
    Flobogo
    Modérateur
    Maître WordPress
    17979 contributions

    Bonjour,

    Je rentre d’une semaine de vacances, donc pas pu répondre avant …

    Je reviens déjà sur un point dans votre post du 10 mai :

    Patkban wrote:
    Je suis parti du thème Presso que j’ai traduit et adapté à mes besoin. Il existe un « child » mais je ne l’utilise pas. Ai-je tort ?

    Oui, il vaut mieux utiliser le thème-enfant, d’autant plus si il est déjà prévu. Vous pourrez ainsi bénéficier des mises à jour du thème : en général, c’est soit des améliorations, soit des mesures de sécurité que vous ne saurez pas détecter seul. Et en parallèle, le thème-enfant vous permet de personnaliser.

    Sinon, votre souci en cas d’absence de l’image à la une est-il résolu ?

    #1005381
    patkban
    Membre
    Chevalier WordPress
    266 contributions

    Bonjour Flobogo,
    J’ai eu beaucoup de travail et pas eu le temps de venir sur le forum. Je découvre ton message. En ce qui concerne mon problème, je n’ai pas réussi à le résoudre.
    Quand j’édite un article, si je ne mets pas d’image à la une, ça déconne dans le fleuve de la Home.
    Regarde par toi-même (www.info2tele.com)
    Aurais-tu une solution?
    Cdlt

    #1005382
    BrunoT
    Participant
    Initié WordPress
    32 contributions

    Bonjour,

    Premièrement, je vous invite à suivre le conseil de Flobogo quant à l’utilisation d’un thème enfant pour conserver vos modifications lors des futures mises à jour.

    Ensuite, je ne sais pas si vous arriverez à résoudre votre problème avec cette extension, mais essayez so-css et vous pourriez peut-être trouver votre bonheur.

    Une fois installée et activée, vous allez à custom css dans l’onglet « Apparence » de votre admin et vous cliquez sur le bouton pour voir la page.

    Une fois sur la page, cliquez sur l’onglet « Décoration » et faites défiler la page jusqu’à l’affichage d’un extrait d’article sans image et cliquez dessus pour pouvoir opérer les modifications.

    Une fois que vous avez trouvé votre bonheur, validez et sauvegardez vos modification.

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