|
|
 |
|
Look SPIP : fichiers html (squelettes) mars 2002, par Spipèdes (copID)
|
|
dans la meme rubrique...  Sites in situ : Glums.com
Pillage d'email & SPIP
La grande nouveaute de la version SPIP 1.4 (en dev)
Gérer un portfolio avec SPIP
Spip'Gadgets
|
|
|
|
Nous n'abordons pas la technique des boucles qui permet de ré-arranger les ordres et nombres d'affichage des articles, brèves, etc. Elle nous paraît trop complexe pour nous qui ne voulons pas de technique. D'autant que des squelettes nouveaux commencent tardivement à arriver qu'il devrait suffire de les télécharger pour changer par exemple la forme de la page d'accueil sommaire.html.
Votre première préoccupation est sans doute la personnalisation de cette page qui fixe l'identité de votre site : indiquer un copyright, une ligne éditoriale ou afficher ses propres couleurs. Un bon nombre de choses peut être fait sans toucher aux fichiers, en créant simplement les articles appropriés. Un article FORUM GENERAL PUBLIC, LIGNE EDITORIALE, CONTACT, etc. Ceci obligera toutefois les visiteurs à passer par le PLAN DU SITE. Et çà n'ouvre pas le site sur une page personnalisée.
Accueil : index.html et index.php3Vous pouvez déjà personnaliser votre accueil en ajoutant à SPIP un simple fichier index.html en guise de page d'accueil conçue par vous. Si vous ajoutez un fichier index.html classique en plus du fichier index.php3 de SPIP à la racine de votre site, suivant l'hébergeur c'est le .html ou le .php3 qui s'ouvrira.
Pour intégrer votre webzine sous SPIP à un site existant (PHP/MySQL chez l'hébergeur indispensables), voyez l'article spécifique.
Look : modifiez les .htmlPour changer radicalement le look de votre site SPIP, il faut modifier les fichiers sommaire.html, rubrique.html, article.html , breve.html, forum.html et plan.html. Or ces fichiers contiennent à la fois des instructions en HTML et des instructions spécifiques à SPIP du genre #QUELQUE_CHOSE ou < BOUCLE_quelquechose.
Or, modifier un fichier .html contenant les intructions SPIP avec un éditeur html vous expose à ce que ... Cà ne marche plus ! Ces gentils programmes veulent tellement nous aider (en HTML) qu'ils modifient tout seul les instructions SPIP (majuscules/minuscules dans les boucles, balise changée ou supprimée, etc.). Par exemple ils confondent les balises de boucle < BOUCLE avec celle de style en gras < B Pas facile d'éviter çà, le minimum à faire est d'aller modifier leurs préférences pour qu'ils modifient automatiquement le moins de choses possible. Pour DreamWeaver c'est expliqué sur Uzine, mais avec la version 2 par exemple çà ne marche pas. Le type d'éditeur html utilisé est déterminant. Les classiques sont de type WYSIWIG, What You See Is What You Get, Ce que vous voyez est ce que vous obtiendrez (en ligne). Et il semble difficile de wysiwyguer et de spiper en même temps. Les éditeurs NON-WYSIWYG ne vous permettent pas de modifier et d'en voir simultanément le résultat. Vous devez donc alternativement être en EDITION pour modifier (langage HTML ou autres, et instructions SPIP), puis être en VISUALISATION pour avoir une idée de la forme de la page (images et textes fixes, et instructions SPIP).
Editeurs html pour SPIPLes gentils spipeurs et spipelettes de la liste SPIP signalent les éditeurs HTML qui conviennent le mieux pour modifier les squelettes (fichier .html), sans trop toucher aux instructions SPIP.
Pas d'avis sur Claris HomePage (de FileMaker qui ne le distribue plus mais beaucoup s'en servent encore), et FrontPage de Microsoft (gratuit,windows,anglais)... Merci d'ajouter vos propositions ci-dessous.
Editeurs PHP pour SPIPYves signale l'éditeur php/perl/ASP gratuit EN ANGLAIS phped pour Windows qui permet d'éditer des fichiers sans modifier les instructions SPIP, téléchargeable sur allhtml.com ou sur soysal.free.fr ou encore sur cnet.com.
chartegraphiqueAu 30 novembre grâce à l'ami Yann nous diposons d'un nouveau fichier chartegraphique.php3 qu'il suffira de charger en même temps que de nouveau fichiers légèrement modifiés sommaire.html, rubrique.html, article.html etc. pour changer facilement certaines caractéristiques graphiques (l'interface disent les pros). Vous pouvez vous associer au mouvement en nous envoyant de nouveaux fichiers chartegraphique.php3 que vous aurez configuré pour donner à SPIP d'autres têtes. Vous pouvez accéder à la rubrique LOOK SPIP. Chargez le fichier STANDARD aux couleurs classiques de SPIP, ou les créations XXXX déjà réalisées, et modifiez-le très facilement en changeant quelques codes couleurs, taile et police des caractères, taille des fenêtres. NOTE : En l'absence de demande spécifique au 7 février 2002, le sysème "chartegraphique" n'a pas été étendu à d'autres pages. Si vous souhaitez en faire un usage plus large que la modif des pages sommaire rubrique et article, merci de nous le signaler. Cette voie de relookage est en sommeil, d'autant que des solutions en feuilles de styles ont vu le jour.
De nouveaux squelettes adaptés ?uZine propose des squelettes pour changer en profondeur l'affichage des informations dans un site sous SPIP. Malheureusement les squelettes disponibles à ce jour restent configurés selon les besoins de leurs créateurs : Images, boutons ou liens particuliers. Pour utiliser ces squelettes vous devez les modifier, ce qui peut en décourager plus d'un. Nous allons donc tenter d'aborder la question sous un angle qui convienne aux non-techniciens. Yves propose de tenter de réaliser et communiquer à tous des squelettes qu'il aura configuré un peu dans cet esprit. Merci à lui de nous ouvrir ce terrain pour l'instant savonneux. Il s'agit donc de fournir des fichiers .html dans lesquels il est extrêment simple d'ajouter un logo standard de son site en haut des pages, et dans lesquels les liens existants sont adapatables très simplement à n'importe quel site. On peut également travailler sur des menus classiques pour remplacer l'actuel menu de haut de page en N&Blanc. Beaucoup de sites veulent migrer sous SPIP tout en conservant leur colonne menu de gauche et les solutions frames sont assez périlleuses. En résumé il s'agit de trouver des compromis entre le look de base, apparement pas pensé pour un usage à l'état brut, et le look "pro" dans lequel tout est original (aaahh la propriété intellectuelle marchande...). A nous de jouer là aussi. En février 2002, je me suis décidé à bricoler un fichier sommaireE.html avec des Explications pour le modifier simplement, et en particulier ajouter un logo, 2liens-logos et 2 liens-textes. Cliquez-droit ICI puis faites ouvrir dans une nouvelle fenetre. Faites Enregistrer sous... appellez-le sommaire et enregistrez-le en html (donc un fichier sommaire.html), sur votre bureau. Pour le modifier ouvrez-le, faites un clic-droit sur un endroit neutre de la page puis choisissez Afficher la source, lisez et modifiez ce qui s'ouvre dans l'éditeur de texte, puis faites simplement Enregistrer sur l'éditeur de texte. Si les tabulations et sauts de lignes ne vous permettent pas de lire clairement, ouvrez sommaire.html avec WordPad ou un autre éditeur de texte. Raffraichissez la page sommaire.html après chaque Enregistrer de la source pour voir apparaitre vos modifs. Visualisez l'intérieur (la source) de cette page en cliquant ICI. Il ne vous reste plus qu'à le mettre sur votre site à la place du fichier standard et Recalculer la page sommaire. Modifié le 27 juillet 2002 |
|
|
signé...  Spipèdes (copID)site: Liste spipaide@yahoogroupes.fr Passionnés de SPIP pour tous. |
|
|
|
[ACCUEIL]
| LETTRE
| THEME
| MOTOP
| MESSAGES
| PLAN
| REDAC
CopID: 100% libre Au samedi 28 janvier 2012 : 213 articles 113 brèves 1021 posts |