Problème de mise en forme des articles et des pages

  • WordPress :4.9.4
  • Statut : non résolu
6 sujets de 1 à 6 (sur un total de 6)
  • Auteur
    Messages
  • #2171650
    Kaffeine
    Participant
    Initié WordPress
    2 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 7.1.19
    • Thème utilisé : Twenty Fourteen
    • Extensions en place :
    • Nom de l’hébergeur : LWS
    • Adresse du site : http://www.rokinlakour.re/
    • Version de wordpress : mise à jour en 4.9.7

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

    Bonjour,

    Sur mon site je n’arrive pas à formater les articles et les pages correctement pour qu’ils s’affichent sur la largeur de l’écran. Lorsque je publie un article ou une page celui ci est contenu dans une colonne au milieu alors que j’aimerais qu’il puisse s’étaler sur toute la largeur. Pas de problème pour les images mises en avant qui prennent bien la largeur de l’écran.

    Exemple d’article : http://www.rokinlakour.re/2018/07/05/cameroun-un-requin-marteau-de-300-kilos-peche/

    Merci de votre aide.

    • Ce sujet a été modifié le il y a 2 weeks et 1 day par  Kaffeine.
    #2171660
    PhiLyon
    Modérateur
    Maître WordPress
    19647 contributions

    Dans Apparence/Personnaliser/CSS additionnel colles ce code et modifies le max-width à ta guise

    .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
        margin: 0 auto;
            margin-top: 0px;
            margin-right: auto;
        max-width: 1038px;
    }

    🙂

    #2171662
    momofr@free.fr
    Modérateur
    Maître WordPress
    1712 contributions

    Salut, c’est le design du thème que tu utilises qui veux ça.

    Tu as 2 solutions :

    1. Bidouiller les CSS pour obtenir ce que tu veux
    2. Changer de thème pour un autre qui correspond à tes souhaits

    1 – Styles CSS
    Avec le code ci-dessous tu peux mettre le contenu sur la largeur utile que tu veux  :

    .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content, .post-navigation, .image-navigation, .comments-area {
    	max-width: 800px;
    }

    Dans cet exemple je passe la largeur maxi sur 800 pixels au lieu des 474 pixels de base.

    Ce code est à coller dans : Apparence -> Personnaliser -> CSS additionnelles

    2 – Changer de thème
    Là tu as du choix mais néanmoins je te conseille un thème multiusage comme OceanWP qui est très puissant en paramétrages.

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #2171665
    PhiLyon
    Modérateur
    Maître WordPress
    19647 contributions

    @momofr – J’ai tellement été rapide que j’en ai oublié de dire Bonjour 😆

    🙂

    • Cette réponse a été modifiée le il y a 2 weeks et 1 day par  PhiLyon.
    #2171667
    momofr@free.fr
    Modérateur
    Maître WordPress
    1712 contributions

    Salut @PhiLyon – J’ai complété la règle CSS pour prendre en compte la navigation des articles et la zone de commentaire, c’est plus propre. 🙂

    #2171697
    Kaffeine
    Participant
    Initié WordPress
    2 contributions

    Bonjour,

    Merci à vous deux pour vos réponses rapides. Effectivement avec ce code ça passe bien.
    J’ai téléchargé le thème que vous m’avez proposé Momofr, il semble plus adapté aux novices comme moi. Je vais le tester pour voir s’il me convient mieux.

    Super en tout cas. Merci.

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