Ce que ça a changé ici, c’est surtout -l’insertion automatique de vidéos et la gestion des images sur le site…comme j’étais pressée pas mal des nouveaux bouts d’admin sont en anglais pour l’instant.

Spéciale dédicace aux nouveaux arrivants, un article pour importer automatiquement les articles de son blog sur son profil facebook.

Suite à une invasion de nouveaux inhumains sur lOrgie, je restreint l’inscription aux seules adresses mail qui me semblent courantes. Si j’en oublie, merci de me prévenir…

Je continue mon (dis)cours sur les images pour le web, ici je tente d’expliquer pourquoi redimensionner ses images et les logiques des formats qui s’offrent à nous. Je parle aussi un peu de l’insertion d’une image dans une page web, à la fin.

Pour dire que cette année je travaille dans le web, pis parce que j’ai qq copains que ça dépannerait bien un outil plus simple qu’un blog, j’essaie d’installer ailleurs ce truc minimaliste qu’est Indexhibit. - 1 Genre de cms orienté galerie photo et répandu chez les Artistes qui apprécient sa simplicité?|| Un logiciel pour monter un site où exposer des images en séries, autour d’un thème précis ou au fil d’une vie.

C’est toujours pour mon problème de code lisible dans les articles de nos blogs geeks. Grâce à Dan de BuddyPress.fr j’ai une nouvelle liste d’extensions prétendantes, que je teste maintenant.

FV-Code Highlighter. Il fonctionne presque mais ne colorie rien! Alors je l’enlève, c’est dommage il faisait partie de ceux qui nécessitent le moins de pirouettes, il suffit d’insérer votre code entre les fausses balises:
{code type= »type« } et {/code},
où « type » peut prendre les valeurs qui m’ intéressent: HTML, CSS, PHP et XML. Il manque les javascripts, de toute façon. Tant pis.

Google Code Syntax Highlighter. Pareil raté (alors que ça promet » tout en js rien à foutre du serveur…c’est moi qui bugge là p’têt?)

Mais Dan revient plus qu’en force, m’obligeant même à faire un lien vers son profil, car il a trouvé le Graal: SyntaxHighlighter Plus. Comme c’est mon idole je fais comme lui et je teste avec du css. Et comme mes idoles c’est pas des gauffres, ça marche!

#header {
height: 215px;
background: url(images/header2.jpg);
background-repeat:no-repeat;
background-position:center;
background-attachment:fixed top left -1px;;
background-color: #1f3246 ;

.

Comment on s’en sert?

Si j’le dis pas c’est sûr… Donc pour obtenir la belle boîte ci-dessus dans votre blog, faut mettre:

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

mais sans les espaces après les crochets.
language peut valoir un tas de trucs, entres autres xml, xhtml, xslt, html ou xhtml, css, php, sql, java, js, jscript ou javascript et as3 ou actionscript3. C’est bien pour les petits scribouilleux, tout ça, mais il supporte aussi des langues de gros codeurs comme le C, allez voir dans la liste complète.

Certaines extensions sont installées pour tous les blogs sur lOrgie. Visibles depuis la console d’administration de votre blog, panneau « Extensions / Installées », elles vous permettent d’enrichir encore le contenu de vos articles. Ici un petit récap’ de celle qui vous permettra d’intégrer à vos articles des contenus externes et animés…

+ edit du 15.01.2010: Avec la nouvelle version de WordPress Mu de nombreux formats d’embed sont pris en charge automatiquement:
http://lorgie.com/bqqmf/15-01-2010/wordpress-is-magic/

Simple Code Embed

Pour insérer des vidéos YouTube, des diaporamas et autres slideshows à partager directement dans les articles de votre blog, il faut généralement copier -coller quelques lignes de code HTML depuis la source sur votre site.
Généralement, ces codes sont structurés de cette façon:

<object width="425" height="355"> ...<param name="..." value="..."/> ... </object>
ou
<embed src="http://..." type="..." width="425" height="355"> </embed>
ou
<iframe src="http://..." > </iframe>

Mais sur cette plate-forme, vous ne pouvez pas copier-coller directement ce code dans l’onglet HTML de la rédaction d’articles. (A)

Comment qu’on fait alors?

Pour insérer le contenu correspondant, servez-vous des « Champs Personnalisés« , une boîte située juste sous le corps de l’article dans l’éditeur. (B)

Le code HTML doit être collé dans la « Valeur » de ce nouveau champs, et  son Nom doit être CODE1, CODE2, CODE3, CODE4 ou CODE5.
On ne peut mettre que 5 codes par article.

Une fois  vos champs personnalisés prêts, vous n’avez plus qu’à insérer

Artiss Code Embed: No embed code was found for CODEx

(avec x correspondant au numéro choisi) dans votre article, à l’endroit où vous voulez voir votre contenu apparaître.