MAJ thème PluXml Bootstrap 3.0 vers Bootstrap 5.3.1

demiseldemisel Member
13 févr. modifié dans Entraide

Bonsoir,
Pour la refonte de mon site je réfléchis depuis pas mal de temps à changer de thème et finalement j'aimerai beaucoup utiliser Bootstrap avec pluXml. Je ne suis pas du tout expert et me pose plusieurs questions.

Est-ce possible de mettre ce thème pluXml basé sur l'ancienne version de Bootstrap 3.0 à jour avec la dernière version de Bootstrap v5.1.3 pour l'installé sur la dernière version de pluXml ?

Selon vous, dois-je partir du thème par défault de pluxml où bien est-ce plus simple de modifier le thème bootstrap 3 ?
Les modifs se font-elles uniquement dans le dossier du thème où est-ce qu'il faut aller dans le core ?
Pouvez-vous s'il vous plait me donner une idée des principaux dossiers et fichiers qu'il faut modifier ?

Mon but au final est d'obtenir ce type de disposition que je trouve plutôt ergonomique :

Mots clés:

Réponses

  • Bonsoir,

    Bootstrap 3 et 5 ne sont pas vraiment compatible. L'un est construit sur des flottant et l'autre sur les système de boite flex . Plusieurs classes ont aussi été renommées, abandonnées ou modifiés avec des subtilités d’implémentation et effets différents. Exit le clearfix par exemple.
    L'idée de réadapter un thème bs3 en bs4/5 ne me semble pas forcement une bonne idée. Les sites qui proposent des gabarits bootstrap l'ont surement déjà fait pour toi en te laissant juste le soin de t'occuper des styles spécifiques au design que tu veut lui donner. Repartir sur un gabarit bs5 qui reflète la structure du thème que tu veut migrer sera plus aisée, tu n'auras a intéresser qu'a l'adaptation visuelle du thème et plus à bs3->bs5.

    A mon humble avis, il te sera plus aisée de partir directement sur une carcasse / gabarit en bs4/5 si c'est ce que tu maitrises le mieux. que de partir d'un thème par défaut basé sur Plucss.
    En effet le thème par défaut utilise pluCSS https://plucss.pluxml.org/ et si j'ai bien compris, la prochaine version de pluxml ne va plus l'utiliser, alors, pas sur que cela vaille le coup de te familiariser avec si tu comptes faire encore pas mal de chemin avec PluXml.

    note: avis d'un amateur.

    ♣♣♣♣ <°(((((-{ ~ Mon site avec PluXml: https://re7net.com | Mes plugins : https://github.com/gcyrillus PluXml 5.8.7 sur free ? oui c'est possible : http://gcyrillus.free.fr/new }-))))°> ♣♣♣♣

  • cpalocpalo Member
    14 févr. modifié

    Bonjour
    @demisel
    Est-ce que tu utilises déjà Bootstrap?
    Si c'est non, alors pour faire ce genre de gabarit c'est relativement facile en html et css , avec css grid , voire flex; et ensuite on adapte le thème de base de pluxml en fonction de ce gabarit.
    Puis lorsqu'on est satisfait de ce "squelette" de site, on peut travailler sur la customisation (polices, couleurs, etc..)
    Ton site actuel est-il en ligne qu'on puisse voir comment il est construit?
    Bootstrap était, ou est encore, un bel outil mais un peu disproportionne pour des sites simples et avec une prise en main un peu complexe pour un débutant. Alors qu'avec CssGrid et d'autres fonctions Css on peut presque faire la même chose plus simplement (excepté certaines fonctions qui nécessitent des scripts de Bootstrap).

  • demiseldemisel Member
    14 févr. modifié

    Bonjour,
    vraiment merci pour vos réponses très instructives qui vont me faire gagner du temps. Depuis mon premier post je me suis bien documenté sur bootstrap et en effet c'est pas ce qui se fait de mieux ou plutôt c'est ce qui se fait de mieux pour se compliquer !

    @gcyrillus-nomade
    En effet le thème par défaut utilise pluCSS https://plucss.pluxml.org/ et si j'ai bien compris, la prochaine version de pluxml ne va plus l'utiliser, alors, pas sur que cela vaille le coup de te familiariser avec si tu comptes faire encore pas mal de chemin avec PluXml.

    Qu'est ce qui remplacera plucss pour la prochaine version de pluxml du coup?

    @cpalo
    Ton site actuel est-il en ligne qu'on puisse voir comment il est construit?

    En fait je travail mon site en local avec laragon pour apprendre le html-css, le php et pluxml, je vous montre 2 captures. Le but est d'avoir un petit site perso en local pour archiver et rassembler tous mes tutos et liens divers, une sorte de repo ou wiki perso léger que je peux mettre sur une clé usb et après pourquoi pas me servir de la carcasse de mon site "local" pour l'utiliser sur d'autres projets en ligne et pourquoi pas aussi proposer le thème au forum une fois corriger .

    J'utilise le template de Hamtaro qui avait à l'époque modifier un thème de wordpress pour pluxml.. mais étant donner que "j’apprend (encore)" j'ai fais beaucoup d'erreurs dans mes modifs et du coup j'ai des problèmes de responsive, l'affichage bug sur quelques résolutions tablette et téléphone donc c'est pour ça que je comptais refaire toute la charpente en utilisant bootstrap.. Encore merci

  • cpalocpalo Member
    14 févr. modifié

    Alors super...
    Car j'ai un post en brouillon que je devais publier ce soir pour signaler mon site plugeek.fr qui allait me servir d'exemple de refonte d'un site basé initialement sur bootstrap et WordPress.
    Car c'est la version 2 (celle de Juan perroches) du thème que tu cites que j'utilise. Donc super car nous allons pouvoir partager.
    Et à cet effet ce matin je venais de créer un sous-domaine pour mettre en ligne un tuto.
    tuto-creer-son-theme.plugeek.fr
    A ta question que utiliser à la place de plucss, je te dirai ce qui te convient.
    Comme tu le verras, par exemple dans le thème pluSimpleMinimalist, perso j'ai créé mon SimpleCss.
    Demain mes mises à jour devraient être visibles.
    N'hésite pas à mettre un commentaire.

  • @demisel

    Qu'est ce qui remplacera plucss pour la prochaine version de pluxml du coup?

    Ce sujet devrais t’intéresser : https://forum.pluxml.org/discussion/6622/projets-et-pistes-dameliorations/p1
    Si tu est curieux tu peut aussi télécharger les archives en cours de développement elles sont partiellement fonctionnelles, mais te laisseront une petite idée ... le coté admin est en train de passer à knacss en lieu et place de plucss tu as la version 6.0 avec moteur de recherche là : https://github.com/pluxml/PluXml/tree/6.0-search et une version 6.0 dans une autre branche, tu peut les faire cohabiter sans problème avec laragon que j'utilise aussi depuis l'an dernier.

    Cdt

    ♣♣♣♣ <°(((((-{ ~ Mon site avec PluXml: https://re7net.com | Mes plugins : https://github.com/gcyrillus PluXml 5.8.7 sur free ? oui c'est possible : http://gcyrillus.free.fr/new }-))))°> ♣♣♣♣

  • Merci à vous deux, je vais surveiller le forum de près. Et merci à Pluxopolis pour son surper template. Je m'en sert pour refaire mon site sur de bonne base, il est bien reponsive alors je replace tout les éléments, block par blocks de mon ancien template sur une nouvelle install de pluxml 5.8.7 vers "Navan" en m'assurant que tout fonctionne du coté du "responsive" et avec l'outil "inspecter" de brave c'est vraiment génial B)

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