Allez, bon Weekend!

Logo entièrement réalisé à l’aide de Gimp.

Le Spam, ses petit messages non désirez qui peuvent apparaître sur votre site, c’est énervant hein!! Et bien, ce plugin permet de les supprimer.

Alors, un Captcha c’est quoi me direz-vous. C’est une petite image avec un texte inséré à l’intérieure avant de valider un formulaire (de connexion, d’inscription, ou de commentaire par exemple). Elle permet ainsi de réduire le nombre de robot qui pourrait laisser un message sur votre site.

Pour plus d’info sur le Captcha, allez faire un petit tour sur Wikipédia.

Voilà, je viens d’installer le plugin WP-Syntax, un script bien sympa qui permet d’afficher des extrait de code de manière très lisible, par exemple, je viens d’effectuer une petite modification du CSS du site :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

.sidebar ul li h2 {
padding: 10px;
list-style-type: none;
margin-bottom: 0px;
background: #E8E8E8;
-moz-border-radius-topleft: 3px 3px;
-moz-border-radius-topright: 3px 3px;
-khtml-border-top-left-radius: 3px;
-khtml-border-top-right-radius: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border:1px solid #B5B5B5;
}

C’est très simple d’utilisation, il suffit d’encadrer le code par 2 balises <pre>.

Pour le rendre encore plus simple d’utilisation, j’ai aussi installé le plugin WP-Syntax Editor Integration Plugin. Il suffit de sélectionner le code, puis de cliquer sur le bouton pre (WP-Syntax), et voilà!

1
2
3

<pre escaped="true" lang="html" line="1">
code
</pre>

Il faut simplement remplir le langage utilisé, et le numéro de ligne ou doit commencé le code.

Bye!!

Dernièrement, je chercher à faire ce qui suit,
pour un code html brute comme celui-ci :

1
2
3
4
5

<div class="conteneur">
     <div class="element1">element 1</div>
     <div class="element2">element 2</div>
     <div class="element3">element 3</div>
</div>

obtenir un affichage comme celui-là:

1
2
3
4
5

<div class="conteneur">
     <div class="element1">element 1</div>
     <div class="element3">element 3</div>
     <div class="element2">element 2</div>
</div>

En bref, pouvoir inverser deux balise DIV, et seulement avec du CSS tant qu’à faire. Mais pourquoi faire me direz-vous?
Le code html est généré dynamiquement, je n’est pas la main dessus. Il me restait donc du javascript, ou du CSS.
J’ai pas mal galèré, mais je suis tombé sur ce blog :

www.tomsyweb.com

ou encore, celui-ci :

hacks.mozilla.org

Pour y arriver, il m’a juste fallut rajouter ces petites lignes de code à mon fichier CSS.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

.conteneur {
-webkit-box-orient: vertical;
display: -webkit-box;
 
-moz-box-orient: vertical;
display: -moz-box;
 
box-orient: vertical;
display: box;
}
.element2 {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
}

Alors effectivement ce bout de code est du CSS3. Survient alors un inconvénient majeur à cette méthode,  le manque de compatibilité avec tous les navigateurs internet sur le marché ( IE pour ne siter que lui ).

Firefox en version 3.0+, ou Chrome en version 5.0+, ainsi que Safari en version 3.2+ (en utilisant le préfixe -moz- ou -webkit-) supportent ces propriétés.

Ce template wordpress permet de rechercher les pages filles et de les afficher sous forme de liste à puce.
Il n’y a plus aucun lien à gérer tout ce fait dans l’administration de wordpress. Tout est basé sur les ‘modèles de Pages’.
Se template est basé sur le fichier `page.php`. A ce fichier j’ai ajouté un code juste après la récupération du contenu des articles.
Ce code permet d’afficher les pages ‘Fille’ d’une page ‘Parent’, sous forme de liste à puce.

Ce petit Template s’appelle ‘Comment’! Et pourquoi ce nom me direz vous? Simplement parce qu’il a été développé  pour le site 3cv.fr, pour mermettre d’afficher les pages ‘Filles’ de la section ‘Comment ?’ du site.

Retrouvez ce Template ici, dans la section téléchargements.

Ce thème comprend une barre de navigation en haut de page pour être facilement accessible, compris dans le fichier d’en-tête ( header.php ).

Il comprend 13 fichiers :

Je le mettrais à disposition dans une future section téléchargement.

Dans mon prochain article, je détaillerais la création de chaque fichier, pour permettre à chacun de s’essayer  à la création d’un thème wordpress.

Ce site est consacré au développement de la fonction statistique pour WordPress. Cette fonction est créée pour le site 3cv.fr. Site dédié au char à cerf-volant, une passion qui tient à coeur à kON!c et Tonnelier.

Pour le moment, le thème du site reprend celui de 3cv, mais à terme, devrait trouver son propre style.