S'identifier - S'inscrire - Ecrire un article - Contact

Nouveau modèle de mise en page : Pitr

Par Stephane • Actualités • Mercredi 18/07/2007 • 64 commentaires  • Lu 5093 fois • Version imprimable

Mots-clés : , ,


Comme souhaité par beaucoup d'entre vous, voici un nouveau modèle de mise en page pour ViaBloga : Pitr, adapté du thème créé pour Wordpress par Nurudin Jauhari. C'est un thème très élégant, avec onglets, deux colonnes, et des blocs plus larges qui s'affichent au dessus des deux colonnes. L'image et les couleurs sont bien sûr configurables, avec également en option un encadrement pour titres courts et titres longs.



Il reste probablement quelques détails de finition à régler par-ci par-là. J'ai mis une image de fleurs au hasard, si vous trouvez une meilleure image, que vous avez prise, ou qui est dans une licence que l'on peut utiliser (du genre licence libre comme MIT, GPL, ou Creative Commons Share-Alike (mais pas NC) etc.), et des couleurs qui vont bien avec, n'hésitez pas à me les envoyer pour qu'on puisse éventuellement les mettre par défaut.

A noter que l'adaptation de ce modèle a été faite en ligne, avec de nombreux commentaires. N'hésitez pas à poser des questions sur les éléments qui vous paraissent peu clair. Le but du jeu est que vous soyez tous capables d'adapter des thèmes Dotclear, Wordpress ou autres, et que vous ayez la possibilité de travailler quelques heures à l'adaptation d'un thème plutôt que d'espèrer pendant des mois que votre thème préféré soit adapté par un autre.

D'autres articles sur des thèmes similaires :


Commentaires

Pas à pas par Jean-Luc le Jeudi 19/07/2007 à 05:52

Jean-Luc Merci, Stéphane, d'avoir pris soin de continuer à décrire l'adaptation après le départ de Mitra. Je pense qu'il me manquerait  la chronologie du processus d'adaptation que je devrais pouvoir retrouver au travers les comparatifs des versions du texte mais tu as procédé en grosses sessions. Le mieux serait que j'essaye de reproduire l'opération et que je note un pas à pas dans un texte parallèle. Ou si quelqu'un l'entreprend avant je veux bien participer.


Re: Pas à pas par Stephane le Jeudi 19/07/2007 à 11:32

Stephane En fait la chronologie est toute simple : c'est quasiment du début du fichier jusqu'à la fin du fichier. A part quelques finitions de détail que je n'ai pas encore décrites.


gauche-droite par leblase le Jeudi 19/07/2007 à 18:51

leblase Peut-on inverser les blocs (mettre ce qui est à gauche, à droite et inversement?)


Re: gauche-droite par isabelle le Vendredi 20/07/2007 à 20:24

isabelle ben non !!!


Super ... merci par mitra le Jeudi 19/07/2007 à 20:02

Alors Stéphane, tu l'as fait en combien de temps ?

Avec ça, on pourra (j'espère) continuer sur d'autres modèles.

J'y travaillerai dès mon retour des vacances.


Re: Super ... merci par Stephane le Jeudi 19/07/2007 à 23:17

Stephane Environ 6 heures, en comptant la documentation.


par Guillaume le Vendredi 20/07/2007 à 15:17

Guillaume Ça a l 'air très chouette ! Si certains d'entre vous testent le modèle,  ce serait sympa de le signaler ici pour qu'on puisse jeter un oeil.


Re: par Stephane le Vendredi 20/07/2007 à 15:21

Stephane Je l'ai mis .


Re: par isabelle le Vendredi 20/07/2007 à 17:48

isabelle
et par là aussi, comme ça tu feras d'une pierre deux coups ;-)


par isabelle le Vendredi 20/07/2007 à 18:43

isabelle je n'arrive pas à modifier la couleur du titre du bandeau ;-)


Re: par Bruno le Vendredi 20/07/2007 à 19:55

Je n'arrive pas non plus à changer les couleurs. Elles sont changés sur le tableau d'administration mais la validation ne change rien sur le site.


Re: par isabelle le Vendredi 20/07/2007 à 20:18

isabelle j'ai réussi à changer les couleurs de la petite colonne, des titres d'aticles, mais pas non plus le gris du fond ni les liens


Re: par Stephane le Mardi 24/07/2007 à 23:37

Stephane J'ai corrigé les couleurs.


par isabelle le Vendredi 20/07/2007 à 20:20

isabelle
il y a un problème sur les notes des articles quand elles sont en petites colonnes : elles dépassent, ça on savait ;-) mais il y a des espèces de chiffres qui viennent en surimpression.


Re: par Guillaume le Samedi 21/07/2007 à 00:52

Guillaume Trop beau ce modèle ! Notamment le nuage de mots clés qui trouve une vraie place.

Par contre, s'il m'est permis de parodier le poète, il est grand temps de remettre les étoiles en place...


petite amélioration par isabelle le Mercredi 25/07/2007 à 10:51

isabelle Est-ce que la couleur des 2 lignes qui entourent l'image du bandeau pourrait être liée à la couleur configurable du titre du blog. Pour le moment c'est rouge comme la couleur par défaut du titre du blog mais on ne peut pas la modifier alors qu'on peut modifier celle du titre. Il me semble que ce serait plus cohérent au niveau graphique si les couleurs de ces deux visuels (lignes du bandeau et titre) étaient liées ;-)


Re: petite amélioration par Stephane le Mercredi 25/07/2007 à 12:49

Stephane Corrigé.


Re: petite amélioration par isabelle le Mercredi 25/07/2007 à 13:40

isabelle super !
Comment tu as fait pour transporter tes 36 idées sur un fond violet, les écriveurs de programme restent tout gris, il n'y a qu'une bande en haut qui change de couleur...


Re: petite amélioration par Stephane le Mercredi 25/07/2007 à 16:52

Stephane Il faut régénérer les images. Puis rafraichir (Ctrl+Shift+R sur Firefox).


Re: petite amélioration par isabelle le Mercredi 25/07/2007 à 17:58

isabelle voili, voilou, un petit essai aux couleurs de VB, enfin approximativement vu mon écran ;-)


Re: petite amélioration par isabelle le Jeudi 26/07/2007 à 10:32

isabelle Il reste le problème de chiffres qui se superposent aux étoiles de notation des aticles : on dirait un blog qui compte tout haut ;-)


Petit essai, Réaction étrange par Gabriel Ney le Jeudi 26/07/2007 à 19:15

Gabriel Ney

En faisant des essais avec ce nouveau modèle, j'ai constaté ceci TestPiAdet1.gif  (blocage du scrolling) si je clique à l'emplacement de l'article. Le phénomène ne se pose qu'avec IE, pas avec Firefox.

Si ca peut être utile.


Article solitaire par chercheinfo le Samedi 28/07/2007 à 21:09

J'essaye avec ceci http://bio.tropdebruit.be/. La page de sommaire ne pose aucun problème, mais la page d'affichage de l'article ne propose pas les blocs prévus pour toutes les pages  http://bio.tropdebruit.be/news/neque-porro-quisquam-est-qui-dolorem-ipsum-quia-dolor-sit-amet-consectetur-adipisci-velit


Re: Article solitaire par Jean-Luc le Dimanche 29/07/2007 à 01:20

Jean-Luc Est-ce que tu paramétré des blocs en Autres ou Toutes ?


Re: Article solitaire par chercheinfo le Dimanche 29/07/2007 à 11:21

En avant TOUTE...  TestPiAdet2.gif

J'ajouterais que les commentaires sont impossibles.


Re: Article solitaire par olivier le Samedi 11/08/2007 à 01:07

En effet, impossible de laisser un commentaire....


Re: Article solitaire par labosonic le Dimanche 29/07/2007 à 02:00

J'aurais pour ma part tendance à exclure :
- les problèmes liés au navigateur comportement identique sur les trois dont je dispose (FF, IE, Opera).
- ceux liés aux options d'affichage, les quelques essais réalisés ont donné le même comportement.

Quelqu'un a déjà réussi à avoir un article seul, ses commentaires éventuels & des blocs dans ses colonnes ?


Re: Article solitaire par Stephane le Dimanche 29/07/2007 à 12:22

Stephane En fait je n'affiche pas les colonnes lorsqu'on visualise un texte, un article, un formulaire etc. Sinon c'est beaucoup trop petit.


Re: Article solitaire par chercheinfo le Dimanche 29/07/2007 à 21:08

chercheinfo Fallait le savoir ;-). Cela suppose de repenser la navigation...  Prévoir une colonne serait bien... un équilibre entre les deux.....
:-)

Denis


Re: Article solitaire par Stephane le Mercredi 01/08/2007 à 16:27

Stephane J'ai remis les blocs sur toutes les pages, sauf les formulaires.


Re: Article solitaire par olivier le Jeudi 02/08/2007 à 15:13

Est-ce possible de supprimer les blocs des rédaction de commentaire ou articles ?
Pour supprime le pb de compatibilité avec Adsense ?


Re: Article solitaire par isabelle le Dimanche 07/10/2007 à 20:17

isabelle Est ce qu'on pourrait avoir le choix pour les pages "autre" : pouvoir n'avoir qu'un texte sans aucune colonne et quand même centré, ça pourrait être bien ! (ce qui était le cas au tout début...)


Re: Article solitaire par Jean-Luc le Dimanche 29/07/2007 à 14:06

Jean-Luc J'observe aussi le problème sur la maquette mise en place par Isabelle. Il semble donc bien que ce soit lié à l'adaptation du modèle. Certainement pas grand chose pour qui sait le faire mais à corriger.

EDIT : oups, je n'avais pas vu le commentaire de Stéphane (j'ai posté sans rafraîchir) !


D'autres modèles à adapter par mitra le Vendredi 03/08/2007 à 13:38

En faisant des recherches sur d'autres thèmes à adapter, je suis tombée sur ces 3 thèmes :

Je voudrais adapter un autre thème en suivant l'exemple de pitr.

Par quoi je commence ?


Re: D'autres modèles à adapter par labosonic le Vendredi 03/08/2007 à 14:06

Globalement la question est de savoir si tu adaptes un nouveau deux-colonnes ou un nouveau trois colonnes ...
Personnellement, je suis sur un thème 3 colonnes que je passerais en thème public après (là pour un preview).

J'aime bien Nighty, mais il y a le problème d'un thème à fond non-blanc (j'y travaille, mais c'est pas évident pour tout, notamment la mosaïque) et son originalité (pas d'image en titre) risque ne pas plaire à tous.

iblogr est pas très joli, je trouve mais bon, c'est une question de goût. Globalement, il est intéressant à adapter pour toi parce que tu verrais comment marchent trois colonnes (mais pas les onglets) à l'inverse,
Lemon te permettrait de mettre des onglets mais il n'a que deux colonnes.


Re: D'autres modèles à adapter par mitra le Vendredi 03/08/2007 à 17:20

Tu veux dire que tu travailles déjà sur Nighty ou un autre thème qui a un fond non-blanc ?

Je pensais qu'on pouvait rajouter des onglets dans un thème qui n'en a pas dans sa version origine !


Re: D'autres modèles à adapter par labosonic le Vendredi 03/08/2007 à 20:53

Bein sûr on peut rajouter des onglets sur un thème qui n'en a pas mais comme c'est ton premier thème ce serait peut-être aussi bien pour toi de commencer avec des onglets déjà présents dans ton import.

Oui, je travaille sur un thème où le blanc disparaîtrait :D, ça m'a pas l'air très aisé mais pas impossible, avec un peu de patience, c'est jouable d'éliminer les trois restrictions qui font que le blanc est souvent obligatoire  quand on utilise des fonctions élaborées :
- les couleurs des cases dans les tables dynamiques sont pilotées.
- celles de la mosaique dans une fonction mosaïque d'image sont pilotées .
- et celles des étoiles sont pilotées par ça et trois images qui sont sur fond blanc et non sur fond transparent.


Re: D'autres modèles à adapter par Stephane le Samedi 04/08/2007 à 16:30

Stephane Je parlais du rendu visuel du thème, pas la couche javascript qui est par dessus (que je n'ai d'ailleurs pas vraiment vue).


Re: D'autres modèles à adapter par Jean-Luc le Vendredi 03/08/2007 à 18:01

Jean-Luc Mmmm, ça me plaît bien cette approche pour CinéManiaC ! Je vois que nous sommes, une fois de plus, sur les mêmes pistes, notamment ces fichiers css pour l'affichage mosaïque et notatoire. En attendant les interventions de Stéphane (je vais d'ailleurs lui demander un statut après toi), je teste doucement l'exploitation de la mosaïque. Je n'ai pas osé encore la personnalisation de ces fichiers : déjà que c'est délicat quand c'est intégré dans le modèle, là, en appel, en plus en fin, je préfère laisser les téméraires ou les pros, mais qui dit css, dit c'est possible ! Je te laisse volontiers t'avancer sur ce terrain en espérant que tu pourras m'en faire profiter.

Sinon, pour Mitra, Lemon pourrait constituer un bon modèle de base 2 colonnes avec un design plus actuel (sans être particulièrement original - ce qu'il faut aussi) que ceux dont nous disposons. Est-ce que vous sauriez m'indiquer le lien du test run WP du modèle ?


Re: D'autres modèles à adapter par mitra le Dimanche 05/08/2007 à 13:15

"Est-ce que vous sauriez m'indiquer le lien du test run WP du modèle ?"
Je ne sais pas ce que signifie "WP" mais si tu veux parler du lien te permettant de jouer/tester/télécharger le thème lemon, il faut dire que depuis hier je n'arrive pas à trouver aucun des 3 thèmes iblgr, nighty et lemon sur le viewer de wordpress ! On dirait qu'ils ne font plus partie des thèmes wordpress !


Re: D'autres modèles à adapter par Jean-Luc le Dimanche 05/08/2007 à 13:31

Jean-Luc WP = WordPress, pardon
J'ai l'impression aussi qu'ils ont changé leur viewer, raison pour laquelle je demandais les nouveaux liens...

Mais tu es de retour parmi nous, toi ? Pour la réponse oui : dring dring dring ;-)
Et alors on pourrait peut-être se voir avec Labosonic, si'il veut bien, pour parler modèles, css et tout ça, tous ces sujets où il n'y a pas un fort intérêt...


Re: D'autres modèles à adapter par mitra le Dimanche 05/08/2007 à 13:49

;-)
En effet, ils ont dû faire le grand néttoyage de printemps d'été. Je ne trouve même plus pitr ! Ce qui me donne l'impression d'avoir un train de retard sur les nouvautés pour ce qui concerne les thèmes.
Je suis partante pour une rencontre sur les sujets qui ne sont pas dans la liste des priorités de Stéphane. Surtout que comme d'hab, je n'ai rien capté à votre histoire de mosaïque !


Re: D'autres modèles à adapter par Stephane le Vendredi 03/08/2007 à 16:59

Stephane Commence par celui que tu préfères. :-)

Un autre que je trouve sympa :
http://wordpress-tuto.fr/theme-itheme-ajax-75


Re: D'autres modèles à adapter par mitra le Vendredi 03/08/2007 à 17:18

Et pourquoi il s'appelle ...ajax ? Un nom trompeur ?


Re: D'autres modèles à adapter par labosonic le Vendredi 03/08/2007 à 17:23

Comme le fait très justement remarquer fran6 dans son article sur ce thème, on se demande quel est l’intérêt pour l’utilisateur d’un blog d’avoir tout ces gadgets. Pour Netvibes on comprends mais pour WordPress, ce qui compte c’est encore (et pour longtemps sans doute) le contenu qui prime.
Pour ma part, je n'ai rien à ajouter à la dernière phrase excepté corriger la faute d'accord sur comprend.


Re: D'autres modèles à adapter par leblase le Vendredi 03/08/2007 à 17:57

leblase Je suis à peu près sûr que certains blogueurs  (notamment les plus jeunes, dérivés de Facebook et autres enclos) apprécieraient beaucoup l'aspect ajaxien de ce thème: la séparation visuelle très forte des blocs leur confère une plus grande distinction et l'esthétique en relief à la Mac confère un aspect plus "moderne" que la plupart des autres blogs à plat
J'aime aussi Nighty, mais comme toi je ne suis pas fou non plus d'iblogr.
Par contre, ton cinemaniac de test m'a l'air très prometteur.


Re: D'autres modèles à adapter par tgtg le Samedi 04/08/2007 à 13:13

tgtg Très joli, ce thème!!!


Re: D'autres modèles à adapter par mitra le Samedi 04/08/2007 à 18:28

Merci à tous pour vos réponses.
Je commence par le thème propsoé par Stéphane.


Re: D'autres modèles à adapter par tgtg le Samedi 04/08/2007 à 21:19

tgtg Excellente dée ;-)


Re: D'autres modèles à adapter par mitra le Samedi 04/08/2007 à 21:22

tgtg,
J'espère que tu n'es pas très préssée, j'suis une débutante avec pleins d'espoir d'y arriver comme une grande;-)


Re: D'autres modèles à adapter par tgtg le Samedi 04/08/2007 à 21:27

tgtg Pas pressée du tout!
Je suis en semi-congé de blog ;-)

Mes mises en page personnelles actuelles me satisfont pleinement, mais je suis curieuse de tester parce qu'il y a des détails de présentation d'articles et de blocs qui me plaisent bien.


Re: D'autres modèles à adapter par Stephane le Dimanche 05/08/2007 à 10:53

Stephane Super. :O) N'hésite pas à commencer un texte et/ou un article pour poser tes éventuelles questions etc. pour que l'on puisse aussi modifier le tutoriel s'il manque des informations/éclaircissements.


Re: D'autres modèles à adapter par Visiteur le Dimanche 05/08/2007 à 10:55

 


Re: D'autres modèles à adapter par mitra le Dimanche 05/08/2007 à 10:57

Bonne idée;-)
J'avoue que devant mon petit café je me demandais comment j'allais m'y prendre pour poser mes questions éventuelles certaines.
Pour le moment, j'avance tout doucement et je n'ai pas de question;-)


Re: D'autres modèles à adapter par mitra le Lundi 06/08/2007 à 00:19

Stéphane,
Est-ce que j'ai la possibilité d'écrire un texte sur VdV ?
Si oui, comment ?
Sinon, peux-tu m'en créer un pour que je fasse l'adaptation du modèle ajax en ligne avec jlb et toute autre personne souhaitant le faire avec nous.


Re: D'autres modèles à adapter par Jean-Luc le Lundi 06/08/2007 à 09:07

Jean-Luc Comme en mode wiki, il te suffit de mettre le titre du texte que tu veux créer entre double crochets, par exemple [ [Adaptation Thème iTheme] ] (en enlevant l'espace entre les crochets). A la création, il est suivi d'une commande-lien [ajouter] pour le créer. Ensuite ce sera le lien vers le texte. Cette faculté est actuellement ouverte à tout utilisateur inscrit. Tu peux procéder de même en utilisant le bouton pour transformer la sélection (ton titre) en mot-clé puisque, on ne le rappellera jamais assez, un mot-clé est un texte...

Je te laisse le soin de le créer si le titre te convient.


Au début, il y avait la terre par mitra le Lundi 06/08/2007 à 10:30

"... il te suffit de mettre le titre du texte que tu veux créer entre double crochets ..."

Je suppose que je dois le faire dans le texte d'un nouvel article en mode brouillon.

J'ai réussi à le faire sur karafarin :

  1. Créer un article
  2. Je ne mets aucun titre, je mets juste "Adaptation thème ..." dans le texte en le choisissant comme mot clé
  3. Je valide l'article en mode brouillon
  4. Puis je vois le lien "ajouter" qui me permet de créer mon texte.

Sur VdV, je fais la même chose sauf qu'il me dit "Article crée" sans aucun lien "ajouter" !

Hier soir en cherchant "Ajouter un texte" sur VdV, je n'ai rien trouvé qui m'explique comment faire pour créer un texte. Ou alors, j'ai mal cherché ce qui est fort possible;-)


Re: Au début, il y avait la terre par Jean-Luc le Lundi 06/08/2007 à 10:41

Jean-Luc Le problème, en passant par un article, c'est que tu l'as proposé en brouillon, dans l'intention je suppose de créer le texte puis de supprimer le brouillon - sauf qu'ici tu n'as pas accès aux brouillons (c'est d'ailleurs une des suggestions que de pouvoir modifier ses propres brouillons > la retrouver et adhérer, le cas échéant). Donc, soit tu publies un article - pourquoi pas ? ne serait-ce pour annoncer l'ouverture de ce chantier - soit tu le fais dans un commentaire (un ancien ou un nouveau).


Re: Au début, il y avait la terre par mitra le Lundi 06/08/2007 à 10:59

Merci Jean-Luc.

J'ai crée l'article. Il ne me reste plus que le mettre à jour par rapport à ce que j'ai déjà fait (et qui est resté sur l'ordinateur de la maison !).


Re: Au début, il y avait la terre par Jean-Luc le Lundi 06/08/2007 à 11:16

Jean-Luc Il s'agit donc bien de (pour ceux qui veulent participer ou suivre).

J'ai juste rajouté les commandes Modifier et Historique des modifications en tête du document qui fait des km; Et ma couleur d'intervention, le cas échéant.


Re: Au début, il y avait la terre par Jean-Luc le Lundi 06/08/2007 à 10:59

Jean-Luc

Hier soir en cherchant "Ajouter un texte" sur VdV, je n'ai rien trouvé qui m'explique comment faire pour créer un texte. Ou alors, j'ai mal cherché ce qui est fort possible;-)
>> http://viabloga.com/texts/les-textes
Mais cela suppose que tu aies des droits d'administration pour accéder au Menu administrateur > Contenus > Textes
Sinon il est toujours possible de procéder comme je t'ai suggéré, d'autant qu'ici tu as même le droit de valider le texte (ou mot-clé) proposé.

Pour ton information aussi, les doubles crochets sont équivalents à l'affectation en tant que mot-clé (ou texte) ce qui se traduit en html par la balise <a wiki. Je conseille toujours d'utiliser de préférence les doubles crochets plutôt que le bouton de l'éditeur car 1/ il s'inscrivent directement dans le texte, sans recours au html (c'est le moteur qui les interpète) et ils sont donc lisibles sans vérifier le code source () 2/ on évite de reprendre dans la balise <a wiki l'espace avant ou après le texte sélectionné (ce qui perturbe ensuite l'indexation)


Re: D'autres modèles à adapter par Jean-Luc le Lundi 06/08/2007 à 10:26

Jean-Luc Argh, à vouloir être trop explicatif, j'égare ! Et tu as donc choisi la seule procédure que je n'ai pas évoquée, à savoir créer un article et utiliser le champ Mots-clés. Les arcanes féminines m'échapperont toujours ! Mais qu'importe, cela va fonctionner aussi (si tu cliques sur [ajouter]) et il suffira de supprimer ensuite ces articles pré-textes. Sinon il suffisait de le faire dans un commentaire >


Re: D'autres modèles à adapter par mitra le Lundi 06/08/2007 à 10:34

Aille aille aille ...

J'ai pensé à cette affaire de commentaire, mais comment aurais-je pu l'effacer une fois crée ?

Il me semble qu'on peut juste modifier un commentaire écris par soi même.


Re: D'autres modèles à adapter par isabelle le Samedi 11/08/2007 à 23:54

isabelle Mitra, j'ai l'impression qu'ici tu n'es pas inscrite. Sinon en temps que rédactrice tu pourrais modifier ton commentaire...



Session

Pour participer plus facilement, ouvrez une session :

Identifiant de
mon blog
Nom d'utilisateur
Mot de passe

Si vous avez déjà un blog sur ViaBloga ou si vous avez ouvert un compte sur l'un d'entre eux, vous pouvez vous identifier avec votre nom d'utilisateur et mot de passe en précisant d'abord l'identifiant de votre blog.

S'inscrire

Archives par mois