Configuration affichage des articles sur homepage (Créer un compte)

  • Statut : non résolu
  • Ce sujet contient 14 réponses, 3 participants et a été mis à jour pour la dernière fois par Flobogo, le il y a 9 années.
15 sujets de 1 à 15 (sur un total de 15)
  • Auteur
    Messages
  • #558900
    Daharia
    Participant
    Initié WordPress
    15 contributions

    Bonjour à tous !

    Ma configuration WP actuelle
    – Version de WordPress : 4.4.1
    – Version de PHP/MySQL : 5.4.45 / 5.5.46
    – Thème utilisé : Ascent – Thème Enfant
    – Extensions en place : Child Themify (1.1.2), Contact Form 7 (4.3.1), Custom Sidebars (2.1.0.2), Forum_wordpress_fr (4.0), Google Analytics by Yoast (5.4.6), Jetpack by WordPress.com (3.9.1), Page Builder by SiteOrigin (2.2.2), Redirection (2.4.3), Remove Category URL (1.1), Simple Custom CSS (3.3), Single Category Permalink (2.1.1), Social Media and Share Icons (Ultimate Social Media) (1.3.5), Traffic Manager (1.4.3), Ultimate Social Media PLUS (2.2.6), User Meta Manager (3.4.6), Visitors Traffic Real Time Statistics (1.0.0.21), WPS Hide Login (1.1.4), WP Site Verication tool (1.0.4), Yoast SEO (3.0.7)
    – Nom de l’hebergeur : smooth-influence.com
    – Adresse du site : Apache

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

    J’ai un site internet qui utilise WordPress, et j’aimerais changer l’affichage des articles : dessiner un cadre autour de chaque article, et changer le résumé. De même, j’aimerais une colonne sur le côté avec des infos, etc.

    J’aimerais qu’il ressemble de très près à ça :
    « http://guide-de-survie.com/ »

    Quels plugins dois-je utiliser ? Ou comment modifier le code pour avoir ça ?
    Que dois-je faire ?

    Merci de vos réponses !

    #1040588
    Flobogo
    Modérateur
    Maître WordPress
    20681 contributions

    Bonjour,

    Pour la « colonne sur le côté » (qu’on appelle une « sidebar »), c’est prévu par votre thème, comme on le voit sur la démo[/urll]
    Vu que sur votre site, il y a ce grand espace sur la droite, je pense que c’est tout simplement parce que vous n’y avez rien mis –> ça se passe dans Apparence > Widgets : vous choisissez ceux qui vous conviennent et vous les faites glisser sur la droite.

    Pour dessiner un cadre autour de chaque article, c’est du CSS :

    article.post {
    border: 2px solid #ccc;
    margin: 25px;
    padding-bottom: 30px;
    }

    Pour utiliser ce code, 3 solutions :
    – soit mettre la nouvelle règle dans la partie « custom CSS » de votre thème si c’est prévu
    – soit installer le plugin « Simple Custom CSS » ou un équivalent
    – soit créer un thème-enfant avec le plugin One click Child Theme (mais qui n’apprend pas à manipuler les fichiers) ou par la méthode classique en suivant les explications du site WP Marmite ou sur wpformation avec les dernières recommandations du Codex.

    #1040589
    Daharia
    Participant
    Initié WordPress
    15 contributions

    Hello !
    Pour la sidebar, j’avais une demande spécifique, mais j’ai fini par trouver à peu près ce que je voulais, merci.

    Votre code fonctionne, mais je me rends compte que ma demande est plus spécifique.
    Je voudrais redimensionner complètement l’affichage de la timeline :
    – Placer l’image à gauche à la place de la date, et non au-dessus comme c’est le cas dans mon deuxième article.
    – Virer le « En savoir plus »
    – Encadrer chaque résumé d’article et griser l’arrière plan de chaque cadre
    – Réduire la taille de police du titre (uniquement sur cette homepage, mais pas sur l’article en lui-même)
    – Réduire la taille de police du résumé
    – Configurer la taille de la ligne séparatrice.

    J’espère que ce n’est pas trop vous demander… 😕
    Merci en tous les cas !

    #1040590
    lulu2006
    Membre
    Chevalier WordPress
    409 contributions

    Si c’est un peu trop pour qu’on puisse te donner des infos malheureusement il y a beaucoup de membres à aider, tu dois apprendre à comprendre la personnalisation du css.

    Tu utilise quel navigateur Internet ?

    Il te faut un inspecteur d’element.

    Tout comme mon tuto, en le lisant tu decouvrira quelques notions qui te permettrons de personnaliser ton thème . Lis le en entier.

    Personnaliser le design d’un thème WordPress

    #1040591
    Daharia
    Participant
    Initié WordPress
    15 contributions

    C’est gentil d’orienter la réponse pour couper court à ma demande d’aide et m’orienter vers ton tuto.
    J’ai cherché pendant 5h, juste pour arriver à supprimer une colonne dans un template wordpress. Et je pense pas être con, c’est juste l’information qui est mal distribuée sur le net.

    Je réitère ma demande auprès des autres.

    Merci les copains !

    #1040592
    lulu2006
    Membre
    Chevalier WordPress
    409 contributions

    Et donc a chaque fois que tu veux modifier un détails tu va venir ici pondre un post pour éviter d’avoir à lire un tutoriel.

    Si je t’ai envoyé sur un tuto c’est parce que ta demande est simple pour 4 éléments sur 6 que tu souhaite modifier.

    Les 2 autres éléments :

    – Placer l’image à gauche à la place de la date, et non au-dessus comme c’est le cas dans mon deuxième article.
    – Virer le « En savoir plus »

    Pas de soucis pour ceux la, mais pour modifier une couleur ou une taille de texte je me suis dit que tu allais t’en sortir allègrement.

    Si tu pense que ma réponse n’était pas légitime et bien tanpis prend le comme ça.

    #1040593
    Daharia
    Participant
    Initié WordPress
    15 contributions

    Je n’aime juste pas ta manière de répondre, et la première et dernière phrase de ton deuxième message me le confirme encore plus.

    J’ai un souci, j’ai cherché pendant 5h pour résoudre un seul truc que je pensais basique. Je pourrais le faire en CSS, mais je préfère toucher aussi le PHP, parce que plus on va dans le détail, plus on apprend, et plus on est libre.

    Quelqu’un d’autre peut-il m’aider ?

    #1040594
    Flobogo
    Modérateur
    Maître WordPress
    20681 contributions

    Comme le dit Lulu2006, vos 4 dernières demandes, c’est du CSS : vous pouvez apprendre à le faire par vous-même :

    Pour trouver ce qu’il faut modifier, vous pouvez installer « Firebug » pour Firefox ou Chrome ou bien utiliser la fonction « inspecter l’élément » (accessible par clic droit) –> cela permet d’afficher les règles CSS appliquées aux éléments du site pour voir ce qu’il faut modifier, on peut même tester les modif’ en direct.
    Voici un tuto simple pour Firebug et un tuto plus complet

    Il faut également vous informer un peu sur le CSS, par exemple avec le site CSS-débutant. Vous comprendrez mieux comment ça fonctionne.

    Enfin, pour finaliser vos modifications (dans Firebug ou l’outil « inspecteur », c’est juste pour tester), il faut les reporter dans la partie « Custom CSS » (CSS personnalisé) si le thème en dispose.
    Vous pouvez aussi installer le plugin Custom CSS
    Mais ne mettez pas ces modifications dans le fichier style.css du thème, car lors d’une mise à jour du thème, vos modif’ seraient perdues. Dans ce cas, il vaut mieux les reporter dans le fichier style.css d’un [url=]thème-enfant si vous ne voulez pas installer de plugin.

    #1040595
    lulu2006
    Membre
    Chevalier WordPress
    409 contributions

    Attend Daharia mon premier message te propose un tutoriel, j’ai voulu t’aider…

    Puis…

    Tu m’écris ça :

    C’est gentil d’orienter la réponse pour couper court à ma demande d’aide et m’orienter vers ton tuto.

    C’est moi qui devrais mal le prendre pas toi, après tu demande de l’aide à quelqu’un d’autres comme ci en faite je ne te sert à rien au suivant. Et je peux jurer que je t’aurais aidé un peu à avancer au final, je vais pas laisser tombé une personne qui n’y arrive pas, même après lui avoir signaler un tuto, bref. Fin HS pour ma part.

    #1040596
    Daharia
    Participant
    Initié WordPress
    15 contributions
    Flobogo wrote:
    Comme le dit Lulu2006, vos 4 dernières demandes, c’est du CSS : vous pouvez apprendre à le faire par vous-même :

    Pour trouver ce qu’il faut modifier, vous pouvez installer « Firebug » pour Firefox ou Chrome ou bien utiliser la fonction « inspecter l’élément » (accessible par clic droit) –> cela permet d’afficher les règles CSS appliquées aux éléments du site pour voir ce qu’il faut modifier, on peut même tester les modif’ en direct.
    Voici un tuto simple pour Firebug et un tuto plus complet

    Merci, Firebug m’a été très utile.
    Cependant, j’ai suivi le tuto de CSS (pour la deuxième fois en fait), mais je n’arrive pas à passer de cette configuration :

    *****Titre*****
    ****Image****
    ***Résumé***
    comme sur ce site

    à celle ci :

    ****Image**** | ******Titre******
    ****Image**** | ****Résumé*****
    ****Image**** | ****Résumé*****

    comme sur celui là

    Et comme les deux sites ne sont pas codés pareil, j’ai un peu de mal à faire un comparatif.
    Ma question est la suivante : Est-ce qu’il faut déclarer l’ordre des éléments en HTML, ou le HTML ne sert qu’en tant que tas de données qui sera être remis en ordre avec le CSS ?
    Plus précisément pour mon cas : Est-ce que je dois déclarer dans le HTML mes élements Titre / Image / Résumé dans l’ordre dans lequel je vais les afficher ensuite en CSS, ou est-ce que le CSS se chargera d’ordonner ?

    Merci !

    #1040597
    lulu2006
    Membre
    Chevalier WordPress
    409 contributions

    Oui c’est mieux dans l’ordre html puis travailler le css

    <article id="post-5369" class="cb-blog-style-a clearfix sticky" role="article">

    <div class="cb-mask" style="background-color:#f28a36">

    <a href="http://www.guide-de-survie.com/manuel-de-survie-quel-livre-choisir/"><img width="300" height="200" src="http://www.guide-de-survie.com/wp-content/uploads/2015/03/selection-manuels-survie-300x200.png" class="attachment-cb-300-200 wp-post-image" alt="selection-manuels-survie"></a>
    </div>

    <div class="cb-meta">

    <h2 class="h4"><a href="http://www.guide-de-survie.com/manuel-de-survie-quel-livre-choisir/">MANUEL DE SURVIE : QUEL LIVRE CHOISIR</a></h2>
    <div class="cb-excerpt">Quel guide de survie choisir ? Comment se préparer à survivre face aux zombies de la pire espèce ? Est-ce que tu recherches les bases de la survie dans la nature (façon Bear Grylls) ? Veux-tu vous…</div>

    </div>

    </article>

    #1040598
    lulu2006
    Membre
    Chevalier WordPress
    409 contributions

    Si quelqu’un à le temps de t’aider, le top serait que tu nous partage le code de ton fichier index.php (enfin celui qui de ta page d’accueil, je connais pas ton thème)

    😉

    #1040599
    Flobogo
    Modérateur
    Maître WordPress
    20681 contributions

    Bon, le plus simple, c’est de prendre un thème qui propose le même affichage que le site que vous donnez en exemple : tout le monde gagnera du temps !

    Regardez ces thèmes là :
    https://wordpress.org/themes/magic-magazine/
    https://wordpress.org/themes/express/ (demo )
    https://wordpress.org/themes/jovial/ ( demo ) –> celui qui ressemble le plus à ce que vous voulez
    https://wordpress.org/themes/minezine/
    https://wordpress.org/themes/newmedia/ (il est possible de supprimer une sidebar)

    #1040600
    Daharia
    Participant
    Initié WordPress
    15 contributions

    Lulu, merci pour ta réponse, finalement j’ai trouvé en fouillant.
    Flobogo, je tiens à ce thème là, j’ai envie de le personnaliser, car il représente l’idéal pour moi.

    Question d’ordre général, et tout à fait sincère : quel genre d’aide est-on en droit de demander sur ce forum ? J’ai l’impression que ma question ennuie tout le monde. Je pensais pouvoir m’épargner la dizaine d’heures que j’ai passée à faire des recherches pour un résultat insatisfaisant, mais ça a pas l’air d’être trop apprécié.

    Je pose ma question tout à fait sincèrement, et sans aucune animosité. Je voudrais juste savoir la limite de ce qu’on peut demander sur ce forum.

    Merci à vous pour votre aide en tout cas !

    #1040601
    Flobogo
    Modérateur
    Maître WordPress
    20681 contributions

    Vous ne pouvez pas demander la lune … mais sa Lumière brille souvent sur ce forum 😆

    Non, sérieusement, vous ne croyez pas que moi, j’en ai passé du temps à chercher des thèmes qui seraient plus adaptés à ce que vous souhaitez !
    Vous dites que votre thème actuel vous convient, mais vous voulez en modifier complètement la page d’accueil, qui est le « coeur » du thème.

    Lulu2006 vous propose un tuto, et vous n’êtes pas satisfait.
    Je vous propose de changer de thème, en ayant pris le temps de chercher ce qui se rapproche de vos souhaits, et vous n’êtes pas satisfait.

    Si vous voulez faire faire la personnalisation de votre thème, c’est par là que ça se passe : http://www.wordpress-fr.net/support/forum-22-emploi

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