Markdown on Save

Ce plugin présente l’avantage d’accélérer l’affichage de vos articles puisqu’il n’est pas nécessaire de les convertir à la volée depuis la syntaxe Markdown vers la version HTML. Lors de la modification d’un article, c’est la version Markdown qui s’affiche. Attention toutefois aux éditeurs externes qui vous feront perdre la version Markdown de votre billet, ce qui en soi n’est pas dramatique.

C’est quoi Markdown ?

Markdown est un convertisseur qui transforme du texte « brut » en code XHTML. C’est une alternative aux éditeurs WYSIWYG qui ne s’adaptent pas forcément à tous les besoins. Markdown vous permettra de rédiger des textes en utilisant un format de balisage de texte simple à écrire et à lire, puis à le convertir en code XHTML (ou HTML en option) structurellement valide.

La syntaxe Markdown en détail. Cliquez sur l'image pour accéder au site de Michel Fortin

Un des intérêts de Markdown est qu’il s’agit d’un simple fichier que l’on peut utiliser dans n’importe quel projet et pas nécessairement dans WordPress. Il ne s’agit pas d’un éditeur HTML WYSIWYG, mais c’est une des rares solutions qui permet d’obtenir des imbrications de balises complexes avec un minimum d’effort.

Lire Markdown, un plugin WordPress pour produire du XHTML facilement, rapidement et proprement pour plus d’information.

Merci beaucoup à Li-An pour m’avoir prévenu de la sortie de ce plugin très utile o/

Articles sur le même sujet

• BBComposer — l'éditeur HTML à consommer sur place ou à emporter
• 390 ressources Javascript & jQuery
• Créer des « Call to Action » ou des « boutons CSS » dans l'éditeur WYSIWYG TinyMCE
• Installer Drupal (ou les tribulations d'un WordPressien en Drupalie)
• Markdown, un plugin WordPress pour produire du XHTML facilement, rapidement et proprement

1. jCarousel Lite — Galerie d’images en jQuery.
2. eCSStender — Sélecteurs CSS avancés compatibles IE6.
3. Effets jQuery accessibles WAI-RIA — Lightbox, validation de formulaires et menus à onglets accessibles prêts à l’emploi.
4. Augmenter la taille du texte avec jQuery — Modifier la taille du texte de votre site en choisissant une valeur dans un menu déroulant.
5. Javascript Framework Matrix — Tableau comparatif des principaux frameworks Javascript.
6. Afficher vos flux XML avec jParse – Parsing de flux XML (RSS, Atom) via Ajax pour l’afficher en HTML.
7. jqModal : des fenêtres modales minimalistes – Couteau suisse des Lightbox en tout genre pour afficher des alertes, des notifications, des boites de dialogues, etc.
8. jQuery — renverser l’ordre d’une liste ordonnée — les premiers seront les derniers et vice-versa. Merci à pioupiouM pour la correction du script.
9. Cufón : des polices de caractère pour tous — Implémenter font-face dans le plus grand nombre de navigateurs.
10. News déroulantes avec jQuery — Un joli bandeau de news à l’aide de liste de définition, d’une pincée de CSS et d’une bonne rasade de jQuery.
11. jQuery Magnifier Loupe — Zoom sur images avec l’attribut longdesc.
12. Lazy loader : chargement des images à la volée — Chargez vos images que lorsqu’elles apparaissent dans la fenêtre du navigateur.
13. Faire un Carrousel avec jQuery — Tutoriel très didactique pour réaliser un carrousel avec HTML, CSS et jQuery.
14. Tipsy — des bulles d’aide façon Facebook avec jQuery — Bulles d’aide façon bande dessinée comme celles que l’on trouve sur Facebook ouTwitter.
15. jQuery Tools — Incorporer Flash, gamme étendue d’overlay, tooltips à foison, tabs, etc.
16. jQuery UI Multiselect — Améliore l’apparence et l’ergonomie de la balise HTML select.
17. jQuery Flash Plugin — Inspiré par SWFObject, UFO et sIFR, jQuery Flash Plugin a été complètement réécrit avec jQuery pour éviter les redondances.
18. Jquery Pagination System — Pagination côté client avec jQuery.
19. Choisir sa bibliothèque JS avec Javascript Framework Matrix — Tableau comparatif des principaux frameworks Javascript.
20. FireFinder — interagir avec la page web — Interagir avec les éléments de la page via les sélecteurs CSS ou les expressions XPath.
21. Sélecteur de date (Date-Picker) non-intrusif — Sélecteur de date avec mini calendrier.
22. Google Closure — les mauvaises pratiques Javascript en action ? — Google Closure a été développé par des spécialiste de Java… ça craint.
23. Un diaporama avec AnythingSlider jQuery Plugin — Chaque diapo peut être réalisé à l’aide du composé HTML de votre choix (texte, images, etc.).
24. Un «slider» à la manière du Playback de Google Wave — tutoriel pour afficher un historique progressif à la manière de la fonction Playback de Google Wave.
25. jsbin — tester votre code Javascript et partagez vos bugs — Outil en ligne créé par Remy Sharp pour tester du code Javascript et le partager
26. PHP.JS — transposer des fonctions PHP en Javascript.
27. Le code CSS et Javascript au milieu du HTML c’est pas bien ! — Traduction de l’article Why Inline CSS And JavaScript Code Is Such A Bad Thing de Robert Nyman.
28. jQuery UI Selectmenu — des menus « select » personnalisés à la sauce ARIA.
29. jQuery Image Cropper — recadrer et uploader des images.
30. ul2finder — un explorateur à l’image du Finder de MacOS X.
31. Ajax Upload — Upload multiple de fichiers sans recharger la page avec n’importe quel élément (images, liens, etc.).
32. Des cookies à la mode de jQuery — Ecrire, lire et effacer vos cookies pour 4,15 kb.
33. Simple jQuery Text Resizer — Laissez vos visiteurs choisiront la taille qui leur convient (un cookie gardera leur préférence en mémoire).
34. Changement de design «on the fly» avec jQuery — Tutoriel clair et didactique pour permuter deux maquettes d’un simple clic.
35. 22 menus déroulants passés au crible — Tyssen Design passe en revue les principaux dropdown menu.
36. jQuery Context Menu — Menus contextuels (clic droit) personnalisable à 100% avec les CSS.
37. Pikachoose — Plugin jQuery idéal pour afficher des galeries d’images en toute légèreté.
38. dLite — une librairie Javascript « petit mais costaud ».
39. jQuery-XML — Afficher un flux RSS avec jQuery et Ajax.
40. Styled and accessible tooltips – Infobulles stylées et accessibles avec jQuery.
41. DOMAssistant — Cette bibliothèque va un peu plus loin que dLite et permet de manipuler le DOM avec plus de souplesse.
42. FlashReplace – Insérer du Flash proprement.
43. DOMTab – Menu à onglets simple et efficace.
44. balance_columns – Équilibrer des colonnes avec Javascript.
45. cssQuery — Interroge le DOM via les sélecteurs CSS 1, CSS 2 et une partie de CSS 3.
46. jTextTranslate – Traduction de votre site en 87 langues par Google.
47. SimpleJS — Cette petite bibliothèque Javascript développée par Christophe Lefevre propose de faciliter l’utilisation d’Ajax.
48. iepngfix — Composant HTC qui gère la plupart des contraintes liées à l’absence de prise en charge de la transparence 24 bits par Internet Explorer 6.
49. maxWidthFixForIE6.js — Emuler la propriété max-width pour IE6.
50. Image jQuery – Quelques lignes de jQuery pour appliquer un léger effet de zoom sur une image.
51. The Ultimate GetElementsByClassName – Sélectionner les éléments par leur classe avec getElementsByClassName.
52. Planet jQuery — Un planet pour jQuery.
53. Text Resizing width jQuery — Laissez les utilisateur modifier la taille du texte sur votre site web.
54. Ceebox — Lightbox qui afficher n’importe quel contenu dans une fenêtre modale ou non. Idéale pour les vidéos hébergées sur Google Video, Dailymotion ou Youtube.
55. Get viewport size with javascript — Connaitre la taille du « viewport » en Javascript.
56. Smart Columns with CSS & jQuery — Des colonnes fixes et ajustées en largeur avec CSS et jQuery.
57. Menu déroulant Suckerfish — Menus déroulants et autres fantaisies avec :hover :focus :active :target pour IE6.
58. Système de notation par étoiles accessible — Samuel Le Morvan propose un tutoriel complet sur la question.
59. Mootools Forge — Une forge pour les plugins Mootools.
60. TinySlider — Diaporama Javascript autonome très léger de 1,5 ko facilement personnalisable via les CSS.
61. jQSlickWrap — Plugin jQuery qui permet d’habiller une image de forme irrégulière avec le texte autour.
62. jQuery Before/After — Plugin étonnant qui plaira à tous ceux qui veulent proposer la comparaison de deux états d’une photo.
63. Hightcharts — Bibliothèque Javascript spécialisée dans la création de diagrammes, graphiques et autres camemberts pour illustrer vos données brutes.
64. jTruncate — Plugin pour jQuery qui coupe un texte au bout d’un certain nombre de mots et qui ajoute un texte comme « Lire la suite » pour accéder à… la suite !
65. CSS3 animations and their jQuery equivalents — 6 effets introduits dans CSS3 et le code Javascript pour obtenir le même résultat en jQuery.
66. Link Building Pro — Ajoute automatiquement un lien vers la source, au cas où le copieur-colleur oublierait de citer l’original.
67. jQueryList — Plus de 255 plugins pour jQuery disponibles sur une seule page et classés par thèmes.
68. 40 bouts de code — facilitez vos développements en Javascript ou jQuery.
69. jQuery Masonsy — Réorganise les blocs de votre page page pour réduire les espaces vides entre les éléments.
70. Animation avec quatre images et jQuery — Tutoriel pour réaliser une publicité ou une accroche sans passer par Flash.
71. jQuery Quick Guide — Un guide pour avoir les fonctionnalités de jQuery sous la souris.
72. jARIA jQuery Plugin – Permet d’ajouter une couche ARIA dans votre site web sous forme de méthodes.
73. jQuery 1.4 API Cheat Sheet — Regroupe sur une page toutes les méthodes et fonctions de jQuery jusqu’à la version 1.4.
74. jsfiddle — Propose un environnement pour tester et partager du code Javascript.
75. jquery-compat-1.3 — Profitez de jQuery 1.4 en restant compatible avec jQuery 1.3.
76. Simple Image Viewer — Galerie d’image minimaliste.
77. A.P.E (Ajax Push Engine) – Le web en temps réel avec Ajax Push Engine.
78. Page Peel Corner — Effet de page cornée avec jQuery.
79. jQuery Cross Domain Ajax Guide – Guide de l’Ajax sur plusieurs domaines.
80. Sexy.js — Améliorer l’interface Ajax de jQuery.
81. Dynamic tabs using jQuery — Ccréer un menu à onglets pour ajouter ou supprimer des onglets de manière dynamique.
82. DOMAssistant — Bibliothèque Javascript « petit mais costaud » qui pourrait facilement remplacer jQuery pour une partie des utilisateurs.
83. Comment System with jQuery, Ajax and PHP – L’excellent Srinivas Tamada de 9Lessons nous apprend comment mettre en place un système de commentaires Ajax avec jQuery et PHP.
84. Adding Keyboard Navigation — Tutoriel sur la mise en place d’un diaporama avec utilisation du clavier (flèche droite et flèche gauche) pour passer à l’image suivante ou précédente.
85. Disable On Submit — Plugin jQuery qui désactive le bouton Submitune fois que le formulaire a été envoyé une première fois.
86. Thumbnail Zoom — Effet de zoom sur une miniature accompagné de l’apparition d’une légende au survol de la souris.
87. Google Fade — Script disponible pour Mootools et jQuery pour reproduire chez vous l’effet introduit récemment par Google sur sa page. d’accueil : certains éléments de navigation apparaissent suite au mouvement de la souris sur la page ou lorsqu’on quitte le champs de recherche.
88. jqTransform — Stylez vos formulaires avec jQuery et CSS.
89. css-template-layout — Implémentation jQuery du module CSS3 Template Layout.
90. How to Easily Create a JavaScript Framework — Créez votre framework Javascript en 4 parties.
91. jQAPI — Documentation alternative pour jQuery 1.4.1.
92. jQuery Source Viewer — Naviguer à l’intérieur du code source de jQuery.
93. flot — Créez des graphiques avec jQuery.
94. Uniform — Ajouter du look and feel aux rugueuses cases à cocher, aux boutons radio anémiques, sans oublier les spartiates. boutons Parcourir… des sobres formulaires HTML.
95. Parallax — Technique utilisée depuis longtemps dans le cinéma, le dessin animé ou le jeu vidéo pour créer une illusion de profondeur.
96. Plupload — Gestionnaire de « téléversement » (upload) multiple en jQuery.
97. 6 bouts de code pratiques pour manipuler les éléments select et input avec jQuery.
98. jQuery vs Mootools — Choisir jQuery ou Mootools en connaissance de cause.
99. jQuery Color Animation — Support du RGBa pour « jQuery Color Animations».
100. jSocial — Affichez très rapidement la liste des réseaux sociaux où vous êtes présent.
101. DataTables — Pagination et tri des données pour vos tableaux HTML.
102. Slick Page Transition — Effet de transition (fading) entre les pages d’un site.
103. jQuery Splitter Plugin — Divisez votre page en plusieurs parties redimensionnables.
104. jQuery SimpleTree Drag&Drop — Construisez des arborescences à la mode de Windows.
105. Content Switcher — Bel exemple de mise en place d’un système permettant de passer d’un contenu à un autre via un menu en utilisant les concepts de l’amélioration progressive et du Javascript non intrusif.
106. Effets lightbox sans framework — L’ouverture de nouvelles fenêtrespopup a progressivement laisser la place aux effets lightbox. Voici plusieurs solutions simples à base de HTML, CSS.
107. Starter — Générateur de plugins jQuery.
108. jQuery Tutorials for Designers — 13 Tutoriels jQuery pour Webdesigners.
109. Comment, jQuery va tuer Flash ? — Question surprenante, mais force est de constater que Javascript a fait du chemin depuis  window.open() !
110. Clickoutside Event — Détectez les clics en dehors d’un élément.
111. TipTip — Infobulles « funky » pour afficher l’attribut HTML «title».
112. Custom jQuery Selectors — Créez des sélecteurs personnalisés avec jQuery.
113. Optimiser le chargement des AdSense — Accélérer votre blog en optimisant l’affichage des Adsense avec jQuery.
114. Splash — un diaporama en pur Javascript.
115. DLink — Afficher le type de cible des liens avec Javascript.
116. Webform to wizard — Plugin jQuery qui découpe les formulaires longs et ennuyeux en «assistant» en suivant les contours des balises HTML fieldset.
117. IE7.js — Transformez une citrouille à base de IE5.5/6 en carrosse IE7 ou IE8 : ce n’est pas de la magie, c’est de la technologie !
118. 20 méthodes jQuery à connaitre – Bien belle liste de 20 fonctions jQuery peu connues, à connaitre !
119. Modernizr — Détection des fonctionnalités CSS3 et HTML5.
120. simpleCart (js) — Script de moins de 20 ko pour mettre en place un caddie e-commerce en quelques minutes.
121. Créer une arborescence de fichier avec jQuery — Série de 8 tutoriels sur la création d’une arborescence de fichier à l’aide de jQuery.
122. Add Events jQuery — Ajouter «cursor: pointer» sur tous les événements «click».
123. jQuery HTML Table Toolbox — 36 façons de «dresser la table» avec jQuery.
124. FAT-FREE — Framework PHP léger et modulaire.
125. Popeye 2.0 — Lightbox qui affiche une galerie d’images à partir d’une liste non-ordonnée dans le flux de votre texte.
126. jQuery.fn.sort — Trier des éléments avec jQuery.
127. Bloc de login à la Twitter avec jQuery — Tutoriel pour faire un bloc de login dynamique sur la page d’accueil de Twitter.
128. Table des matières avec jQuery — Bout de code pour afficher une liste ordonnée sous la forme d’une table des matières comme celles que l’on trouve dans les livres imprimés.
129. Preload CSS/JavaScript without execution – Pré-chargement des CSS et du Javascript sans exécution.
130. jQuery BBQ — Utiliser les boutons Précédent et Suivant du navigateur malgré Ajax.
131. Colorbox — une « lightbox » légère et extensible en jQuery.
132. Burst Engine — Un peu de Flash et d’After Effects dans Canvas.
133. jQuery Form Plugin — Mettez de l’Ajax dans vos formulaires HTML.
134. WebProjectHelper — Générateur de structure MySQL et de classes PHP.
135. UI.Layout – Créer des interfaces utilisateurs avec jQuery.
136. Scriptsrc — 10 Frameworks Javascript à emporter.
137. Griddy-Overlay — Afficher une grille par-dessus votre page web avec jQuery.
138. Sliding Panel Photo Wall Gallery — Mur d’image et Lightbox avec jQuery.
139. SliderNav – Plugin jQuery qui permet de créer un carnet d’adresse défilant de type iPhone.

PS : Pour trouver l’article correspondant sur js4design, il suffit de saisir l’ancre du lien dans le champs de recherche de la colonne latérale.

Articles sur le même sujet

• 390 ressources Javascript & jQuery
• Recommandations pour développeurs web front-end
• Le petit journal du web — Les fruits de la veille ont gardé toute leur fraicheur
• WordPress de A à Z — E comme Extensions (les plugins)
• IE6 — 3 fonctions Javascript pour lutter contre le bug des classes multiples

N’ayant pas dans l’immédiat besoin d’un site multi-langues, je me suis intéressé aux fonctions qui améliorent l’expérience utilisateur (UX) et qui permettent d’avoir des liens toujours à jour avec Sticky Links malgré les changements éventuels d’URL…

En effet, en plus de permettre d’avoir un blog ou un site web en plusieurs langues, WPML est probablement le plugin qui manquait pour faire de WordPress un CMS à part entière avec notamment des fonctions de navigation bien pensées auparavant disponibles dans le plugin CMS Navigation.

Navigation principale et secondaire (CMS Navigation reloaded)

• Menu déroulant avec pages et sous-pages facilement personnalisables en CSS via un générateur de css pour le menu déroulant). Il suffit de copier la fonction ci-dessous dans votre template : `<?php do_action(‘icl_navigation_menu’); ?>`
• Fil d’ariane (breadcrumb trail) pour permettre au visiteur de savoir où il en est dans sa navigation avec la fonction : `<?php do_action(‘icl_navigation_breadcrumb’); ?>`
• Navigation secondaire composée des sous-pages de la page parente avec mise en évidence de la page en cours. Cette fonction est également disponible sous forme de widget pour l’ajouter facilement dans la barre latérale. `<?php do_action(‘icl_navigation_sidebar’); ?>`

Sticky Links

Avec Sticky links, WPML peut conserver l’intégrité de vos liens internes (les billets qui sont liés entre eux) malgré les modifications ultérieures de l’URL d’origine. Au lieu de d’enregistrer le permalien, Sticky links stocke le numéro de la page ou du billet au lieu du permalink. Ca peut sembler inutile, mais dans la vie d’un blog, il arrive que l’on change l’URL d’une page ou d’un billet pour s’adapter à l’air du temps ou pour optimiser le référencement. Sticky links vous évitera de modifier les liens internes à votre site manuellement ou en faisant des copiés-collés dans la base de données.

Traduction des billets

Traduction par vos soins

Pour traduire un billet, sélectionnez la langue dans le champs situé sous l’édition du billet original et cliquez sur Add (pour ajouter une traduction). Ensuite, rédigez à nouveau votre billet dans la langue que vous avez choisie. Tout se passe dans le même environnement que pour la version originale de sorte que vous pourrez traduire les tags, les catégories, etc.

D’un point de vue technique, vous pourrez choisir d’avoir un répertoire par langue comme http://domain.tld/de/ pour les articles traduits en Allemand (vos permalink doivent être personnalisés) ou en query string http://domain.tld?lang=de. Le plugin propose la fonction pour insérer un menu déroulant pour permettre au visiteur de choisir la langue de son choix. Ce menu dérouland existe aussi sous forme de widget à glisser-déposer dans votre barre latérale.

Traduction par des professionnels

A l’installation, vous pourrez choisir d’activer l’option pour faire des tests ou directement pour faire appel aux services des traducteurs avec la possibilité d’entrer en contact avec votre interlocuteur. Je ne suis pas très au courant des pratiques en matière de traduction, mais avec WMPL tout est fait pour lisser le workflow. Grosso modo : il faut définir la langue par défaut à partir de laquelle les articles seront traduits par des professionnels pour la modique somme de $0,07 (env. 0,05€) par mot si vous activez le service en question qui reste optionnel.

En bref

Au départ ce billet a commencé par un tweet comme les autres, puis comme une revue de presse pour finir peu à peu comme ce qui peut ressembler à une revue complète, ce qui est loin d’être le cas.

Je vous invite à tester ce plugin très prometteur, d’autant plus que l’équipe de développement semble motivée et réactive, notamment à travers une documentation dense mais claire et un compte Twitter wpml pour assurer le Quick support for the WordPress Multilingual plugin.

Quelques liens

• http://wordpress.org/extend/plugins/sitepress-multilingual-cms/
• http://wpml.org/
• http://wordpress.org/extend/plugins/cms-navigation/
• http://www.qianqin.de/qtranslate/

Articles sur le même sujet

• Version française pour Basics 0.2.4.1
• WordPress — Chaines de caractères à traduire vs. variables ?
• Le petit journal du web — WordPress, développement web, etc.
• PHPCrossRef — Bibliothèques de référence pour projets PHP Open source
• 24 listes pour Webdesigners

Mais avant de modifier la base de données, je vous conseille d’en faire un backup. Pour cela, plusieurs solutions s’offrent à vous :

5 solutions pour sauvergarder votre BDD

1. Utiliser la fonction Export intégrée à WordPress pour obtenir un fichier XML sans les liens de votre blogroll préférée (d’ou la pauvreté de la mienne à ce jour) et sans toutes les tables ajoutées par les plugins que vous avez installés. Autant dire que cette option est à réserver lorsqu’on remet son blog à plat.
2. Installer un plugin dédié à cette tâche comme WordPress Database Backup qui va sauvegarder les tables selon votre bon vouloir. Notez que ce plugin permet de ne pas enregistrer les commentaires considérés comme du spam dans la table wp_comments et d’exclure les Post Revisions de la table wp-posts. Dans le même genre, wp-dbmanager offre un menu étoffé pour effectuer des opérations de maintenance de votre base de données sans quitter WordPress !
3. Profiter des fonctions de votre hébergeur préféré qui devrait permettre de faire des sauvegardes quotidiennes de l’ensemble de vos bases : les fichiers compressés seront probablement enregistrés à la racine de votre hébergement.
4. Trouver le lien Exporter dans phpMyAdmin puis cliquer sur Transmettre pour sauvegarder votre base sur votre poste de travail ou obtenir un joli fichier texte si vous laissez les choses en l’état. Enfin, vous pouvez cliquer sur Exécuter.
5. Enfin, pour les Jedi, il reste la ligne de commande comme mysql -h host -u user -ppass base_de_donnees > fichier_dump — Plus d’information sur aidenet.

Opération Search & Destroy avec Delete Revisions

Une fois la BDD à l’abrit, faites intervenir l’excellent Delete-Revision commis par gohsy. Ce plugin va simplement dégraisser la base de données et lui redonner une deuxième jeunesse en supprimant toutes les révisions redondantes. Comme ça, d’un seul clic. Je l’ai mis en place sur ce blog et tout à l’air de fonctionner correctement.

Le coup de la constante WP_POST_REVISIONS

Il est possible de se prémunir une fois pour toutes de ces révisions intempestives en ajoutant une constante dans le fichier wp-config.php situé à la racine du blog :

define('WP_POST_REVISIONS', false);

Et en la plaçant juste avant le commentaire :

/* That's all, stop editing! Happy blogging. */

Dans le même esprit, il est possible de ne conserver qu’un nombre définit de révisions avec la ligne (ici 3) :

define('WP_POST_REVISIONS', 3);

Le coup de la requête SQL DELETE

Si vous n’avez pas ajouté WP_POST_REVISIONS dès l’installation de votre blog, il faudra supprimer les révisions existantes. Pour cela, cette requête SQL — à copier-coller dans le champs phpMyAdmin qui va bien — est votre amie :

DELETE FROM wp_posts WHERE post_type = 'revision';

Plus d’information sur Comment désactiver le suivi des versions sous WordPress 2.6 chez Korben et Malaiac qui nous offre une page consacrée à l’optimisation pour WordPress.

Quelques pistes pour optimiser WordPress

Supprimer les Post Revisions, c’est bien, mais pourquoi s’arrêter en si bon chemin alors que le réseau regorge de liens plus intéressants les uns que les autres ?

Profitons-en pour profiler notre outil de blog comme une voiture de course :

• Optimisation wordpress
• Alleger base de donnee db wordpress
• Petits moyens pour contenir et optimiser la base de donnees d’un blog sous wp
• WordPress optimisez votre base de donnees en supprimant les revisions de billets

Articles sur le même sujet

• WordPress de A à Z — E comme Extensions (les plugins)
• Le petit journal du web — WordPress, développement web, etc.
• Markdown on Save — L'ami HTML de Markdown pour WordPress
• WordPress, HTML5, CSS3, jQuery, graphisme et orthographe
• Un blog WordPress multilingue avec WPML Multilingual CMS

HTML

<div id="MySplitter">
    <div> Left content goes here </div>
    <div> Right content goes here </div>
</div>

CSS

#MySplitter {
    height: 200px;
    width: 500px;
    border: 5px solid #aaa;
}
#MySplitter div {
    overflow: auto;
}
.vsplitbar {
    width: 5px;
    background: #aaa;
}

jQuery

$().ready(function(){
    $("#MySplitter").splitter();
});

Articles sur le même sujet

• 390 ressources Javascript & jQuery
• 139 ressources Javascript et jQuery
• jQuery — Toutes les femmes sont folles | de Q | 10 +
• Mise-à-jour de la grosse grosse liste pour webdesigner
• 1000 ressources pour le développement web et WordPress

Articles sur le même sujet

• Le Petit Journal du Web — 09/2011
• 139 ressources Javascript et jQuery
• Framework JQuery pour écrire du Javascript non-intrusif
• Quel est le coeur de métier de l’intégrateur web ?
• Recommandations pour développeurs web front-end

1. @ Reply — Le plugin de Yus permet de répondre facilement à un commentaire précis à l’image du Reply to de Twitter.

   Reprend le pseudo du commentateur avec le lien vers le commentaire en question. Pratique pour éviter des saisies fastidieuses, mais surtout pour faire référence à un commentaire précis.

2. Akismet — L’anti-spam incontournable.

3. Category Order — Offre une interface pour ordonner les catégories et les sous-catégories par glissé-déposé dans l’ordre que vous désirez.

4. cforms — Le poids lourd des formulaires de contact, mais tellement souple à l’usage. Peut-être un peu trop complet pour mes besoins actuels, je cherche une alternative plus légère.

5. Chunk Urls for WordPress — Raccourcit les URL trop longues qui pourraient casser la mise en page dans les commentaires.

6. Comment Info Tip — Une façon de donner une visibilité supplémentaires aux lecteurs qui commentent en affichant une info-bulle au survol de leur nom.

   Affiche le nombre de commentaires déjà déposés (et les billets en question), ainsi qu’un extrait de leur dernier billet. Élégant et sobre, il devrait s’adapter à toutes les chartes graphiques.

7. Dean’s Permalinks Migration — Très pratique lors des changements de format d’URL : mappe l’ancienne structure sur la nouvelle. Simple et efficace.

8. DoFollow — Enlève le microformat rel= »no-follow » ajouté automatiquement par WordPress à tous les liens présents dans les commentaires.

   Une fois l’installation effectuée, profitez-en pour inscrire votre blog sur dofollow.fr ! En savoir plus sur nofollow, l’attribut scélérat ?

9. Get Recent Comments — Permet d’obtenir la liste des derniers commentaires. Plus complet que le widget présent par défaut dans WordPress, vous pourrez l’adapter facilement à vos besoins.

10. Google XML Sitemaps — Crée un plan de site au format XML à la racine de votre blog pour faciliter l’indexation de votre site par Google. Une palanquée d’options disponible.

11. LinkLift (Widgets) — Affiche automatiquement la liste des liens sponsorisés vendu par la régie LinkLift.

12. Markdown Extra — Peut remplacer avantageusement l’éditeur visuel TinyMCE de WordPress pour saisir les billets avec une syntaxe très simple mais très efficace pour produire du XHTML facilement.

    Si par défaut Markdown est actif dans la zone d’édition des billets et dans la zone des commentaires, il est possible de restreindre son utilisation à l’une ou l’autre.

    Après avoir désactivé la syntaxe Markdown pour la saisie des billets sur mon blog à cause de problèmes dans l’affichage des certains billets, j’ai décidé de la réactiver et de voir d’où viennent ces éventuels bugs. N’hésitez pas à me signaler d’éventuels dysfonctionnements.

13. Microsummary Comments Track — Tout nouveau plugin commis par Marin pour suivre les commentaires depuis la fonction Live Bookmarks de Firefox 3. Une vidéo pour la mise en route est disponible.

14. No Widows — Permet d’éviter qu’un mot présent dans un titre de niveau H2 (titre des billets dans la plupart des thèmes WordPress) se retrouve seul sur sa ligne.

    Inspiré par l’excellent article Three Quick Ways to Avoid Widows paru sur Learning jQuery

15. Ozh’ Admin Drop Down Menu — Remplace le système de menus et sous-menus de l’administration de WordPress par un menu déroulant permettant d’accéder à presque toutes les opérations en un minimum de clics. Carrément indispensable !

16. Search & Replace — Effectue des opérations de recherche et remplacement en attaquant directement la base de données de votre blog. Possibilité de restreindre les opérations à n’importe quel champs.

    Très pratique lorsqu’on modifie régulièrement la charte graphique de son blog : avec tout les changements de styles CSS que ça implique, il est parfois bien utile de pouvoir modifier les classes CSS présentes dans le code des billets. Presque indispensable lorsqu’on effectue une migration de blog !

17. Simple Tags — Permet de faire pratiquement toutes les manipulations connues ou inconnues sur les tags ! Cerise sur le gâteau, le plugin permet d’afficher la liste des billets plus ou moins en rapport compte tenu de critères sur lesquels vous avez la souris ;)

18. Subscribe To Comments — Permet à ceux qui laissent des commentaires de recevoir les réponses sur leur boite e-mail. Indispensable pour faciliter la vie de vos lecteurs les plus assidus ;)

19. Text Link Ads — Affiche automatiquement la liste des liens sponsorisés vendus par la régie du même nom.

20. Theme Test Drive — Grâce à cet excellent plugin, vous pourrez voir un thème différent des visiteurs. Il suffit d’être connecté à l’interface d’administration et de sélectionner le thème que vous voulez admirer en douce. Très utile pour finaliser un thème WordPress en situation réelle.

    Attention toutefois, à la mise en place des widgets car vos visiteurs verront les modifications en direct !

21. the_excerpt Reloaded — WordPress propose la fonction the_excerpt() pour afficher un extrait des billets mais supprime toutes les balises HTML qu’il contient.

    Ce plugin vous permettra de définir quelles balises HTML vous désirez laisser passer dans l’extrait et la taille de ce dernier. Pratique pour afficher les liens ou les images dans l’extrait.

22. WordPress Database Backup –Gère les sauvegardes de votre blog, soit sur votre disque dur, soit en envoyant un fichier à l’adresse e-mail que vous indiquez. Possibilité d’automatiser les sauvegardes selon des durées au choix.

23. WP-DBManager — Permet d’effectuer des opérations de maintenance sur la base de données de votre blog ou des sauvegardes à condition que votre hébergement le permet.

24. WP-MostCommentedPosts — Affiche la liste des billets les plus commentés. Pratique pour faire remonter quelques billets ou donner une idée des thèmes les plus populaires de votre blog.

    Attention toutefois, les billets les plus populaires ne sont pas forcément les plus représentatifs.

MAJ : Depuis la rédaction de ce billet, j’ai ajouté quelques plugins :

• Plugin Central — Permet d’installer un plugin en un clic en saisissant l’URL du fichier zip ou le nom du plugin s’il est présent sur wordpress.org/extend/plugins/.

• Simple Yearly Archive — Affiche sobrement la liste des tous les articles publiés classés par années. En remplacement de Snazzy Archives, un peu trop hype ;)

• WP-PostViews — Ce plugin permet de connaitre le nombre de fois où un article à été vu. Un widget affiche la liste des x derniers billets les plus vus.

• WP Ajax Edit Comments — Ajoute diverses fonctionnalités pour les commentaires d’un blog dont la principale : autoriser les visiteur à modifier leurs commentaires durant un laps de temps à définir. Intéressant ici dans la mesure où tout le monde ne maitrise pas la syntaxe Markdown ;)

• WP Super Cache — Chaque fois qu’un visiteur affiche une page de votre blog, ce sont des dizaines de requêtes (voire plus) à votre base de données et des traitements coûteux en ressources, au niveau PHP.

  WP Super Cache calcule vos pages à la première demande et en garde une version statique pour les requêtes suivantes pour soulager votre serveur.

• bhCalendarchives — Plugin pour WordPress permettant d’afficher vos archives sous forme de tableau mensuel, les années en ordonnées et les mois en abscisses “à la façon de ShaunInman.com“. Si vous optez pour le widget, celui-ci vient en remplacement du widget “archives” original de WordPress.

PS : Je n’active pas en permanence les plugins Theme Test Drive, WP-DBManager ou Search & Replace qui ne  sont utiles qu’à certains moment.

PS2 : Entre-temps, j’ai remplacé WP-MostCommentedPosts par le widget qui affiche les billets PostRanked de AideRSS.

Articles sur le même sujet

• Revue de web de la semaine #2 (WordPress, développement web et miscellanées…)
• 24 listes pour Webdesigners
• Markdown on Save — L'ami HTML de Markdown pour WordPress
• Le petit journal du web — Non, Twitter n'a pas tué les Backlinks… La preuve !
• 200+ garçons à suivre sur Twitter

burningHat s’est inspiré de la présentation des archives de Shauninman.com pour développer une fonction permettant d’obtenir un tableau mensuel avec les années en ordonnées et les mois en abscisses.

Cette fonction est désormais disponible sous forme de plugin avec une ligne à copier dans votre template ou en remplacement du widget Archives de WordPress. Vous pouvez voir Calendarchives en action sur ce blog.

Pour le moment les mois sont affichés par un chiffre (1 pour janvier, etc.). Une prochaine version du plugin devrait voir ces chiffres remplacés par la première lettre du mois (J pour janvier). En attendant, il est possible d’obtenir ce résultat en modifiant le code du plugin comme l’indique Manu dans ces commentaires.

MAJ : la nouvelle version de Calendarchives disponible sur WordPress.org propose plusieurs options pour afficher la date : chiffres, première ou trois premières lettres du mois. Toutes ces options sont accessibles simplement en faisant glisser-déposer le widget Archives dans la zone widgétisable de votre choix. Bravo Emmanuel !

Articles sur le même sujet

• Markdown on Save — L'ami HTML de Markdown pour WordPress
• Un blog WordPress multilingue avec WPML Multilingual CMS
• Gérer les Post Revisions (et les backup) sur WordPress
• Liste des 24 plugins WordPress utilisés sur mon blog
• WordPress — archives "Reloaded" avec Calendarchives

En typographie, on appelle ça la gestion des veuves et des orphelines. En général ces termes s’appliquent plutôt à la première ligne d’un paragraphe qui se retrouve seule à la fin d’une page (opheline) ou la dernière ligne d’un paragraphe qui se retrouve seule en haut d’une page (veuve) cf. Wikipedia.

Le site Learning jQuery propose trois méthodes pour appliquer un espace insécable   entre les deux derniers mots d’un titre pour les solidariser sur la deuxième ligne afin d’éviter d’avoir un titre disgracieux comme celui que vous avez sous les yeux :D

Parmi les trois solutions proposées, j’ai choisi celle qui reposait sur le traitement des chaines de caractères string, mais rien ne vous empêche de choisir la méthode utilisant les tableaux (Array) ou les Expressions régulières.

$(document).ready(function() {
    var h2all, h2a, h2b;
        $('h2 a').each(function() {
        h2all = $(this).text();
        h2a = h2all.slice(0, h2all.lastIndexOf(' '));
        h2b = ' ' + h2all.slice(h2all.lastIndexOf(' ')+1);
         $(this).html(h2a + h2b);
     });
});

La fonction s’applique uniquement aux liens contenus dans la balise de titre de niveau H2 sur l’ensemble de la page.

MAJ : Pour intégrer cette fonction dans WordPress, voici un fichier .zip à décompresser et à placer dans le dossier plugins de votre thème.

Articles sur le même sujet

• IE6 — 3 fonctions Javascript pour lutter contre le bug des classes multiples
• 139 ressources Javascript et jQuery
• jQuery Splitter — divisez votre contenu en plusieurs parties redimensionnables
• Mise-à-jour de la grosse grosse liste pour webdesigner
• 1000 ressources pour le développement web et WordPress

Articles sur le même sujet

• Markdown on Save — L'ami HTML de Markdown pour WordPress
• Un blog WordPress multilingue avec WPML Multilingual CMS
• Gérer les Post Revisions (et les backup) sur WordPress
• Nouvelle version de WordPress Database Backup
• Liste des 24 plugins WordPress utilisés sur mon blog