PluXml.org

Blog ou CMS à l'Xml

Vous n'êtes pas identifié(e).

#1 19/09/2016 20:24:07

Pentux
Membre
Inscription : 09/03/2016
Messages : 13

Aide pour l'adaptation d'un thème.

Bonsoir à tous,

je souhaite créer un thème à partir de ce site html5up.net, j'ai des bases en css et en html5 (il faut surtout que je ré-activce tous cela, mais quelqu'un peux t il me guider ?
Je ne sais pas exactement par quoi commencer ni dans quel sens bien comprendre PluXml

Merci d'avance à tous

Hors ligne

#2 19/09/2016 20:30:10

DjbWebmaster
Membre
Inscription : 13/07/2012
Messages : 297

Re : Aide pour l'adaptation d'un thème.

Bonsoir,

Il faut récupérer la source HTML et la découper en plusieurs fichiers .php, tu peux voir la structure pour la création d'un template pluxml sur cette page

Penses aussi à regarder le codage du template par défaut

Dernière modification par DjbWebmaster (19/09/2016 20:31:47)


Mon labo de templates/Plugins pour le CMS PluXml http://nextum.fr
Templates PluXml et Framework SASS Compass pour PluXml: http://libertea.fr
-----------------------------------------------------
Intégrateur HTML5 https://psd-html.fr
Coming soon http://psdtohtml5.fr
-----------------------------------------------------

Hors ligne

#3 20/09/2016 11:04:32

Pierre
Membre
Lieu : La belle province
Inscription : 22/06/2014
Messages : 1 041

Re : Aide pour l'adaptation d'un thème.

Tu peux faire ton choix parmi la sélection de la page mentionnée qui contient plusieurs gabarits, ils sont assez clairement construits pour offrir une plateforme qui se convertira assez bien. 

Si tu installes un PluXml avec le thème par défaut quelque part d'accessible avec un peu de contenu, ce sera plus facile de t'aider.  Le futur thème pourra être installé juste à côté.


#titanic {
    float: none;
    bottom: 0;
}

Hors ligne

#4 23/09/2016 17:30:34

Pentux
Membre
Inscription : 09/03/2016
Messages : 13

Re : Aide pour l'adaptation d'un thème.

Merci de votre aide, j'ai pris mon courage à deux mains et j'ai mis la tête dans le moteur. Ca avance. Y a-t-il des normes à respecter pour l'adaptation des themes ?

Hors ligne

#5 23/09/2016 17:47:09

Pierre
Membre
Lieu : La belle province
Inscription : 22/06/2014
Messages : 1 041

Re : Aide pour l'adaptation d'un thème.

Comme le disait si bien notre ami DjbWebmaster, le thème par défaut est un très bon endroit pour apprendre comment traiter chaque partie de PluXml (header, sidebar, footer, etc).  Bien comprendre cet exemple va éviter beaucoup de perte de temps et de frustrations.

L'adaptation d'un gabarit (simple) téléchargé se fait par quelques copier-coller bien placés, probablement quelques essais-erreurs ici et là, c'est la vie.  Le HTML brut, les CSS et JS sont assez simples à saisir, on ne fait que les reporter sans rien toucher.  Ça se complique un peu quand les fonctions PluXml vont entrer en jeu.  On pourra donner un coup de main ici quand les embûches arriveront.


#titanic {
    float: none;
    bottom: 0;
}

Hors ligne

#6 29/09/2016 12:51:54

Pentux
Membre
Inscription : 09/03/2016
Messages : 13

Re : Aide pour l'adaptation d'un thème.

Merci de votre aide si vous désirez voir le projet, mon blog Pentux.infos.st ou alors mon gitlab pour télécharger les sources. Attention il reste du travailles et je penses que l'adaptation à été un peu / beaucoup barbare. Mais votre avis sera le bienvenue. See you later smile

Hors ligne

#7 29/09/2016 14:26:23

Pierre
Membre
Lieu : La belle province
Inscription : 22/06/2014
Messages : 1 041

Re : Aide pour l'adaptation d'un thème.

Beau travail de conversion. 

Certains aspects de l'adaptabilité en largeur (responsive) manquent à plusieurs endroits mais les erreurs étaient déjà là dans le gabarit Striped à l'origine.  C'est dommage que ça demande du travail supplémentaire mais si le thème attire le regard, ça vaut peut-être la peine d'effectuer les ajustements.  Moi je n'ai pas cette patience et c'est souvent une raison pour délaisser un thème avant même de le convertir.

Vive le courage, bravo.


#titanic {
    float: none;
    bottom: 0;
}

Hors ligne

#8 29/09/2016 15:04:49

Pentux
Membre
Inscription : 09/03/2016
Messages : 13

Re : Aide pour l'adaptation d'un thème.

C'est là où il va falloir que je travailles pas mal au niveau du CSS, j'ai envie de prendre le temps et que le thème soit disponible pour tous. Je vous tiens au courant de l'avancer des travaux. Actuellement je suis en train de rédiger un article sur l'adaptation du thèmes.

Petite question : avez vous un outil pour développer. Ou je puis voir ce que ça donne sur un smartphone ? Et ce sans que j'utilise le mien ?

Dernière modification par Pentux (29/09/2016 15:18:03)

Hors ligne

#9 29/09/2016 15:08:36

Pierre
Membre
Lieu : La belle province
Inscription : 22/06/2014
Messages : 1 041

Re : Aide pour l'adaptation d'un thème.

Peut-être que des âmes charitables avec du talent en CSS pourront mettre l'épaule à la roue et donner un coup de main (de mon côté, je risque plus de tout casser!).

Bravo et bon courage.


#titanic {
    float: none;
    bottom: 0;
}

Hors ligne

#10 29/09/2016 20:16:29

Gzyg
Membre
Inscription : 25/09/2006
Messages : 834
Site Web

Re : Aide pour l'adaptation d'un thème.

Salut.
Utilise ton navigateur avec les touches Ctrl+Alt+I (ou J). Valable avec Chrome, Firefox et Opera.

à plus,
Gzyg

Hors ligne

#11 29/09/2016 20:58:19

Pierre
Membre
Lieu : La belle province
Inscription : 22/06/2014
Messages : 1 041

Re : Aide pour l'adaptation d'un thème.

Avec les méthodes modernes de codage par mediaquery, le plus simple est "d'attraper" le côté de la fenêtre du navigateur pour en réduire la largeur, graduellement, lentement, pour voir la réaction des éléments de la page.

Ce test, peu scientifique mais très efficace, me permet de décider en quelques secondes que le designer d'un gabarit n'a pas tout couvert et que la page de style aura besoin de travail.  Pour les courageux, ça veut dire de s'y préparer.  Pour moi, c'est le signal que c'est la dernière fois que je regarde le gabarit...


#titanic {
    float: none;
    bottom: 0;
}

Hors ligne

#12 17/11/2016 18:21:48

LolYangccool
Membre
Inscription : 26/10/2013
Messages : 493
Site Web

Re : Aide pour l'adaptation d'un thème.

Je profite de ce topic pour dire à Pentux que ton site est truffé de fautes, y compris dans les titres.
Pas de "e" à Résolu, "cet exemple" et non pas "cette exemple"... Il y en a plein comme ça.

Les deux exemples cités sont sur ces deux pages :
http://pentux.fr/index.php?article20/mi … buntu-1604
http://pentux.fr/index.php?article6/ubu … as-de-wifi

Il faudrait que tu penses à tout corriger. wink

Hors ligne

#13 30/12/2016 13:39:39

Pentux
Membre
Inscription : 09/03/2016
Messages : 13

Re : Aide pour l'adaptation d'un thème.

Merci pour la correction LolYangccool. J'essaye de ne pas faire de faute mais là aussi, il faut que j'y travail

Hors ligne

Pied de page des forums

A propos Nous soutenir Contact Twitter Google+
Copyright © 2006-2017 PluXml.org, tous droits réservés