Modification d'articles

Bonjour les amis de la plume!

Je suis fier de rejoindre la communauté, que dis-je, la si belle famille de Pluxml. Cela fait depuis le début de celui ci que je l'utilise et j'en suis très content.

Aujourd'hui je fais le pas de m'inscrire sur le forum car j'aurai besoin d'aide pour savoir comment je peux m'y prendre sur la modification d'articles. Je m'explique.

Je souhaite mettre en forme mes articles de cette manière (je ne veux pas copier mes reprendre l'idée de BKZ METZ) :
screenbs.png

Comme ça, je pourrai en aligner 4 ou 5 par ligne, ainsi je peux en mettre un bon nombre par page.
Et lorsque qu'on clique sur une "vignette", on débarque sur l'article normal (qui prend la totalité de la page).


Alors j'ai réussi à réduire leur taille mais pas à les aligner mais lorsque je clique sur l'article, j'ai les mêmes dimensions.
Je ne veux pas passer par une page statique car c'est plus chiant à mettre à jour. Alors que par article je peux passer par l'administration.


Auriez-vous une idée de comment je peux m'y prendre?
Je ne veux surtout pas que vous me prémâchez le boulot mais je sais pas du tout comment faire.

PS: J'ai l'habitude de modifier Pluxml via CSS et PHP. Je m'y entend un peu mais pas assez pour ce genre de choses.


MERCI BEAUCOUP!

Ca ne sera pas la seule question que je vous poserai, au contraire! Désolé :p

Réponses

  • Hop, pour vous prouver que je veux juste un peu d'aide et pas que vous me fassiez le travail à ma place. He bien j'ai trouvé [url=http://wiki.pluxml.org/index.php?page=Lister+les+articles+par+catégories+dans+une+page+statique]ceci[/url], ce qui me permet d'avoir tout le listing de mes articles automatiquement. Le souci c'est que je ne sais pas comment mettre en forme comme sur l'image de mon précédent poste.

    Là je sèche complètement.

    Help les amis :)

    Meeerciii!
  • StéphaneStéphane Member, Former PluXml Project Manager
    Bonjour GRISe

    Si j'ai bien compris ce que tu veux faire tu n'as pas besoin du script du wiki.
    Il suffit de mettre en forme le fichier home.php de ton thème et de mettre le css qui va bien dans le fichier style.css

    Pour commencer: la rédaction des articles (je me base sur les images que tu as mis)
    - 1 article:
    titre : Le Restaurant
    chapo:
    <ul>
    <li>75 places assises</li>
    <li>parking gratuit</li>
    </ul>
    
    - 1 article:
    titre : Les Services
    chapo:
    <ul>
    <li>Wifi gratuit</li>
    <li>Espace détente</li>
    </ul>
    
    Le fichier home.php
    <?php include(dirname(__FILE__).'/header.php'); # On insere le header ?>
    <div id="page">
    	<div id="content">
    		<?php while($plxShow->plxMotor->plxRecord_arts->loop()): # On boucle sur les articles ?>
    		<div class="block">
    			<h2 class="title"><?php $plxShow->artTitle('link'); ?></h2>
    			<div class="post"><?php $plxShow->artChapo(false); ?></div>
    		</div>
    		<?php endwhile; # Fin de la boucle sur les articles ?>
    		<?php # On affiche la pagination ?>
    		<p id="pagination"><?php $plxShow->pagination(); ?></p>
    	</div>
    	<?php include(dirname(__FILE__).'/sidebar.php'); # On insere la sidebar ?>
    </div>
    <?php include(dirname(__FILE__).'/footer.php'); # On insere le footer ?>
    
    L'astuce ici est d'ajouter une div avec la class = "block", de n'afficher que le titre et le chapo.
    Pour le chapo on ne veut pas le lien "Lire la suite". on appelle donc la fonction artChapo en passant en parametre la valeur false
    <?php $plxShow->artChapo(false); ?
    
    Apres c'est du css
    #content { /* Bloc */
    	width : 600px;
    	margin : 0;
    	padding : 0;
    	float : left;
    	background:#ffffff !important;
    }
    .block {
    	margin: 0;
    	padding: 10px 10px 10px 10px;
    	float:left;
    	width:200px;
    	background-color:#fff;
    	display:block;
    }
    
    pluxml.th.jpg

    Quand tu auras + de 2 articles, le retour à la ligne ce fera tout seul et tu auras un affichage sur 2 colonnes

    Consultant PluXml

    Ancien responsable et développeur de PluXml (2010 à 2018)

  • Stéphane, je me sens horriblement gêné que tu m'es tout mâché!
    J'ai appliqué mot pour mot ce que tu m'as dit de faire et je tombe sur le même résultat que sur ton screen. Je fais un essai avec l'ajout d'une image comme sur l'exemple ci dessus.

    Et je te retournerai un screen si c'est bon!

    Merci beaucoup Stéphane, tu fais un travail remarquable, ça se voit que tu es passionné!
  • StéphaneStéphane Member, Former PluXml Project Manager
    Merci pour ton message de sympathie qui fait plaisir à lire. ;)

    Consultant PluXml

    Ancien responsable et développeur de PluXml (2010 à 2018)

  • GRISeGRISe Member
    décembre 2010 modifié
    UP : Pour ceux ou celles qui comptent utiliser le code de Stéphane, dans le code pour home.php, le morceau de code pour la sidebar ne doît pas être à l'intérieur du dernier <div> (c'est une erreur de frappe, certainement).


    Après quelques modifications apportés à l'apparence :
    screen2vt.png


    Je me suis permis de remettre le lien "Lire la suite", je ne l'avais pas notifié mais finalement c'est pas mal pour ce que je souhaite faire.

    J'ai malgré tout, 1 petite question :

    EDIT
    - Le chapo ne doit pas dépasser les quelques mots sinon le texte déborde complètement du cadre. As tu une solution pour cela? Je ne vois pas quelles paramètres mettre dans le CSS pour palier à ce souci.

    J'ai trouvé la solution qui était d'enlever le <div class="post"> dans home.php pour ce morceau de code :
    <div class="post"><?php $plxShow->artChapo(false); ?></div>
    
    Encore merci pour tout Stéphane! Je compte utiliser (si niveau référencement ça marche bien) cette plateforme pour d'autres sites.

    PS: Je me suis permis de mettre le détail de la solution au cas où si quelqu'un veut utiliser cette méthode.

    A très bientôt sur le forum ;)
Connectez-vous ou Inscrivez-vous pour répondre.