Insérez des vidéos en gardant un code valide

Bienvenue sur le Journal du Blog, vous pouvez vous abonner au flux RSS. Merci pour votre visite!

Vous savez tous maintenant qu’avoir un code propre et valide est important que ce soit pour être aux normes du web, pour être compatible sur les différents navigateurs ou indirectement pour vous aider dans votre référencement.

TinyMCE est l’éditeur WYSIWYG inclus dans bon nombre de CMS et blogs, Wordpress inclus. Depuis la version 2.5 de WordPress d’ailleurs nous disposons de la version 3 de ce fameux éditeur qui est très performant puisqu’il produit du code html entièrement valide à l’exception de l’insertion de fichiers Flash ou autres vidéos. De plus le code fourni par les différents sites tels DailyMotion ou Youtube ne sont eux pas valides non plus, bref nous ne sommes vraiment pas aidés.

Rassurez-vous, avec le XHTML Compliant Media Plugin vous n’aurez plus de problèmes (ou presque). En effet ce plugin se charge de produire du code valide lorsque vous incluez un média depuis votre ordinateur et surtout corrige le code non-valide qu’on copie/colle depuis les sites de partage de vidéos. Elle est pas belle la vie ?

Le bémol réside dans le fait qu’il n’est pas possible de changer la correction automatique qui est faite par ce plugin, autrement dit impossible d’ajouter des commentaires ou du texte alternatif.

Télécharger XHTML Compliant Media Plugin >>

Pour l’installer vous devez mettre le contenu du fichier media.zip dans le dossier /wp-includes/js/. Voilà tout, maintenant vous pourrez copier/coller du code et importer des vidéos comme bon vous semble, tout sera automatiquement corrigé.

Source : Azur Dev

Wordpress : insérer du code dans un article

Si comme nous vous avez régulièrement besoin d’insérer du code dans vos articles (css, php etc.), voici une solution simple et efficace. Bien entendu, il ne faut pas que ce code soit interprété, afin que le lecteur puisse le lire (et qu’aucune erreur ne soit renvoyée).

Il s’agit d’un plugin Wordpress basé sur le célèbre Syntax Hightlighter. Une fois le plugin SyntaxHightlighter installé, il ne vous reste plus qu’à utiliser la syntaxe suivante pour insérer du code (sans les “_”) :

["sourcecode language='css'"] votre code ici ["/sourcecode"]

Voici un exemple :

body
{
margin: 10px 0 ;
padding: 0 ;
text-align: center ;
}

Selon le type de code que vous voulez insérer, il suffit de changer la variable language='css'

Voici la liste des langages pris en compte :

• C++ — cpp, c, c++
• C# — c#, c-sharp, csharp
• CSS — css
• Delphi — delphi, pascal
• Java — java
• JavaScript — js, jscript, javascript
• PHP — php
• Python — py, python
• Ruby — rb, ruby, rails, ror
• SQL — sql
• VB — vb, vb.net
• XML/HTML — xml, html, xhtml, xslt

Plugin wordpress SyntaxHighlighter >>