Pages statiques "plein écran" ?

nounours18200nounours18200 Member
octobre 2019 modifié dans Plugins

Bonjour,

Je cherche à avoir des pages statiques "pein écran", c'est-à-dire supprimer la colonne de droite où se trouvent "catégories", "derniers articles", etc...

J'ai pris une capture avec le thème par défaut, mais d'autres thèmes montrent toujours cette colonne, alors que je voudrais juste des pages statiques accessibles par le menu du haut "Accueil", "Statique 1", "Statique 2", etc...


Est-ce possible simplement ? Faut-il un thème particulier (responsive requis dans mon cas) ? Faut-il modifier le code du thème ?

Merci !

Réponses

  • HarukaHaruka PluXml Project Manager

    Bonjour,

    Par défaut dans PluXml, il existe un template pour afficher les pages statiques en pleine page. Pour cela, dans l'administration, édite la page statique et sélectionne le template static-full-width.php. Documentation : https://wiki.pluxml.org/personnaliser/personnalisation/#les-templates

  • nounours18200nounours18200 Member
    octobre 2019 modifié

    Bonjour,

    J'ai testé et effectivement cela fonctionne parfaitement avec les pages statiques, mais ça ne fonctionne pas avec la page d'Accueil qui reste inchangée: or bien sûr je voudrais que ce soit pareil pour la page d'accueil...

    J'ai trouvé dans l'admin le moyen de créer/supprimer des pages statiques, et donc pour modifier la page d'accueil j'ai pensé un moment pouvoir la supprimer et créer une page statique à la place (ça ne semble pas possible), mais je ne vois nulle part comment changer la mise en page de cette page d'accueil (le templacte de la page d'accueil est "home.php" et pas d'autre choix proposé...)

    Une idée ??

    Merci

  • Bonjour,

    Pour cela il faut que tu crée un template de page d'accueil que tu nommeras par exemple static-home.php.

    Dans la gestion des pages tu crées une nouvelle page que tu appelles accueil.php et à laquelle tu appliques ce template-static.home.php et que tu n'oublies pas de définir comme page d'accueil ( dans le menu de gestion des pages tu as une colonne definir comme page d'accueil).

    Et quand tu retournes sur ton site, c'est cette page qui s'affiche et en plus tu auras un lien blog qui s'affichera ( l'ancienne page d'accueil par defaut de pluxml).

  • SudwebdesignSudwebdesign Member
    octobre 2019 modifié

    @nounours18200

    Une idée ??


    Oui :

    duplique et renomme en home-fullwidth.php le fichier home.php de ton thème

    et modifie le nouveau fichier ainsi

    la ligne

    <div class="content col sml-12 med-9">
    

    en

    <div class="content col sml-12">
    


    Puis efface la ligne:

               <?php include__DIR__.'/sidebar.php'; ?>
    

    OU commente l'inclusion de la "sidebar" ainsi :

               <?php #include__DIR__.'/sidebar.php'; ?>
    

    Enregistre le fichier ;)


    Pour finir va ds admin > Paramètres > Options d'affichage et choisis home-fullwidth.php pour Template de la page d'accueil

    Enregistre et "Retour au site"

    Il probable que cela suffise 😉

    Notre temps est la seule monnaie vraie ;)

    Site, Dépôt, framagit, MyShop, Factux

    #mozinor président

  • nounours18200nounours18200 Member
    octobre 2019 modifié

    Je vois que ce ne sont pas les experts qui manquent !

    @Sudwebdesign : heureusement que tu me donnes la marche à suivre !

    Je trouve bien la ligne que tu indiques (<div class="content col sml-12 med-9>) dans le thème par défaut, mais bizarrement elle n'est pas présente dans mon thème Responsive appelé Masonic... Et j'ai besoin d'un thème responsive car les futurs visiteurs seront souvent sur téléphone....

    Voici le fichier "home.php" de mon thème "masonic":

    <?php include(dirname(__FILE__).'/header.php'); ?>
    </header>
    <div class="site-content">
       <div id="container" class="wrapper clear">
           <?php while($plxShow->plxMotor->plxRecord_arts->loop()): ?>
           <article id="post-57" class="post-container post-57 post type-post status-publish format-standard has-post-thumbnail sticky hentry category-sticky category-uncategorized tag-sticky">
               <h2 class="entry-title"><?php $plxShow->artTitle('link'); ?></h2>
               <div class="wider-web-top">
                   <i class="fa fa-2x fa-caret-down"></i>
               </div>
               <figure>
                   <img src="<?php $plxShow->template(); ?>/img.php?src=<?php $plxShow->artThumbnail('#img_url'); ?>&w=570&h=255&crop-to-fit" class="attachment-large-thumb size-large-thumb wp-post-image" alt="" srcset="<?php $plxShow->template(); ?>/img.php?src=<?php $plxShow->artThumbnail('#img_url'); ?>&w=570&h=255&crop-to-fit">
               </figure>
               <div class="entry-info">
                   <div class="entry-author vcard author fa fa-user">
                       <a class="url fn n" href="<?php $plxShow->artUrl() ?>"><?php $plxShow->artCat() ?></a>
                   </div>
                   <div class="entry-standard fa fa-folder-open">
                       <?php $plxShow->artTags() ?>
                   </div>
               </div>
               <div class="entry-content">
                   <p><?php $plxShow->artChapo(''); ?></p>
                   <a class="button" href="<?php $plxShow->artUrl(); ?>">Lire la suite</a>
               </div>
               <!-- .entry-content -->
           </article>
           <?php endwhile; ?>
       </div>
       <div class="wrapper">
           <div class="page-navigation clear">
               <h3 class="screen-reader-text">Posts navigation</h3>
               <div class="nav-previous">
                   <?php $plxShow->pagination(); ?>
               </div>
           </div>
       </div>
    </div>
    
    <?php include(dirname(__FILE__).'/footer.php'); ?>
    
  • Kube17Kube17 Member
    octobre 2019 modifié

    @nounours18200 Si le thème ne contiens pas de fichier static-full-width.php (et ce n'est pas une obligation lorque l'on crée un thème), il faut donc adaoter soi-même son thème.

    La démarche expliquée par @Sudwebdesign est celle pour le thème par défaut de Pluxml. Il faut voir dans ton thème ce qui remplace le système de colonnes présent dans le thème par défaut et qui défini la largeur du contenu.

    Dans le code de ta page home.php je ne vois rien qui s'apparente à un appel de sidebar. Il doit surement se trouver dans le fichier footer.php qui lui est appelé en fin de page.

    Je suis en train de voir si je retrouve ton thème afin de mieux t'aider que théoriquement ^^

    NB: Utilise la fonction Code Block de l'éditeur afin de mettre correctement des posts en forme. Je les ai édités pour que tu puisse voir.

    FR/EN MP - Mail - unkorneglosk.fr - Twitter - Je suis modérateur, je dois donc modérater. Ou modérationner. Ou je sais plus. Mais je le fais. En ce moment j'ai des problèmes d'accès à internet je peux mettre du temps à répondre.

  • De retour après avoir téléchargé ton thème et j'avoue être perdu au niveau de ta demande. La page d'accueil n'est pas pourvue d'une sidebar, et pour les pages statiques une option "full-width" est bien présente. Ce thème est plutôt bien fait et respecte bien les "standards" usuels des thèmes que l'on a croisés ici (étant une adaptation de @Pierre d'un thème wordpress je ne suis pas surpris).


    FR/EN MP - Mail - unkorneglosk.fr - Twitter - Je suis modérateur, je dois donc modérater. Ou modérationner. Ou je sais plus. Mais je le fais. En ce moment j'ai des problèmes d'accès à internet je peux mettre du temps à répondre.

  • nounours18200nounours18200 Member
    octobre 2019 modifié

    Bonjour kube17,

    Sans doute est-ce moi qui m'exprime mal ou qui "patauge" lamentablement (sorry) puisque je suis archi-débutant avec Pluxml (mon expérience est sous Wordpress....)

    Sur l'image d'accueil montré juste au dessus dans ton dernier message, on voit bien que l'article intitulé "Premier article" n'occupe pas la pleine largeur, mais une partie seulement de la moitié gauche de l'écran

    et tu as raison, l'option "full-width" est bien présente dans l'admin, mais même avec cette option activée chez moi comme le montre la capture ci-dessous, le "Premier article" apparaît comme dans ton message càd étroit :


    C'est probablement moi qui fait une erreur de compréhension, mais pourquoi le "Premier article" n'apparait pas pleine largeur ??

  • cpalocpalo Member
    octobre 2019 modifié

    Bonsoir,

    Sur la page d'accueil; c'est le template home.php qui détermine l'agencement de ce que tu y vois. Et dans exemple c'est le chapo du premier article qui y est affiché.

    Par contre quand tu cliqueras sur lire la suite; premier article s'affichera en entier et c'est à ce moment là que ton article s'affichera sans la barre latérale puisque tu as sélectionné l'option article-full-width.

    Si dans ta page d'accueil, tu souhaites que ton chapo ait toute la largeur, il faut sans doute ( car je n'ai pas regardé la css du thème) que tu modifies en conséquence la classe entry-content et ou la classe post-container..

  • En fait la disposition de cette page d'acceuil permet d'avoir un affichage en grille plutôt qu'en liste.

    Donc il faudra changer le CSS du thème si tu veux que chaque élément ait la largeur entière.

    FR/EN MP - Mail - unkorneglosk.fr - Twitter - Je suis modérateur, je dois donc modérater. Ou modérationner. Ou je sais plus. Mais je le fais. En ce moment j'ai des problèmes d'accès à internet je peux mettre du temps à répondre.

  • @nounours18200

    Partis avec le thème "défaut" de PluXml par défaut ;)

    Quel est le nom du thème choisi? (un masonry a la "masonic")

    et

    Si bien saisis, c'est (peut-être) une page d'accueil au modèle "one page"

    AMHA, c'est possible de le faire avec quelques réglages...

    Ds le menu admin > Pages statiques :

    1 - Ajoute une "nouvelle page" avec Page d'accueil coché, comme Titre "accueil", Active a "Oui", Menu a "Masquer" et clique sur "Modifier la liste des pages statiques"

    2 - Une fois quelle existe, clique sur le lien Éditer (tout a droite), mets y ce que tu veux (même du PHP), choisis le Template "full-width" (ou crées en un) et Enregistre là.

    2.1 - Il y a Visual Wizard (payant) de @je-evrard qui permet aux débutants du html (ou pas) de réaliser des pages en mode glisser/déposer modifier, il y a (peut-être) une version gratuite ou d'essais? (demo)

    2.2 - Active ton éditeur WYSIWYG sur les pages statique (s'il le permet et si tu le souhaite)

    3 - Retour a l'accueil de ton site et voila.


    @+

    Notre temps est la seule monnaie vraie ;)

    Site, Dépôt, framagit, MyShop, Factux

    #mozinor président

  • @kube17: je suis une buse en php, donc je comprends ton explication sur le fond, mais trop compliqué pour moi

    @Subwebdesign:

    Mille Mercis : je viens de suivre tes indications et ça semble fonctionner !

    Je peux donc passer au prototypage de mon futur site (en fait ce sera celui de ma femme...), histoire de m'assurer que ça donnera quelque chose de convenable !

    Je vais donc démarrer l'enrichissement du site, et je reviendrai vers vous si besoin,

    Encore Merci!

    P.S.: il me fait l'air très sympa de Pluxml ...

Connectez-vous ou Inscrivez-vous pour répondre.