LinuxÉdu

Astuces pour WordPress

Coloration syntaxique du code

Vous souhaitez rajouter la coloration syntaxique sur vos billets sous WordPress ? Dans le menu « Extensions », recherchez et installez : « SyntaxHighlighter Evolved »

Il suffit ensuite de saisir son code à l’intérieur de balises [nom_du_langage][/nom_du_langage].

La plupart des langages de programmation sont supportés. Pour le code arduino prenez cpp et shell pour le…shell.

Plus d’informations ici : http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

Erreurs 403 après modification des permaliens ?

Sur WordPress, parfois modifier les paramètres des permaliens peut rendre le blog inaccessible. Avec un erreur du type « Forbidden » (403).

Cela vient de fait que le fichier .htaccess n’est pas modifiable par wordpress. Il faut donc lui donner plus de droits.

Une solution qui a fonctionné sur ce site :

  1. chmod -c 666 .htaccess
  2. se connecter à l’interface d’administration, Réglages, Permaliens, et bien cocher la cellule voulue puis enregistrer les modifications.
  3. chmod -c 644 .htaccess

Afficher sur un autre site les derniers posts ?

Installer et activer le plugin json-api.

Inclure le code suivant entre les balises <head> de votre page :

<script type="text/javascript">
var MYBLOG_LIMIT = 1;
var MYWRAPPER_CLASS = 'homeblog';

var WP={open:function(b){var a={posts:function(){var d=MYBLOG_LIMIT;var e=0;var c={all:function(g){var f=b+"/api/get_recent_posts/";f+="?count="+d+"&page="+e+"&callback=?";jQuery.getJSON(f,function(l){var k=l.posts;for(var j=0;j<k.length;j++){var h=k[j];h.createComment=function(i,m){i.postId=h.id;a.comments().create(i,m)}}g(k)})},findBySlug:function(f,h){var g=b+"/api/get_post/";g+="?slug="+f+"&callback=?";jQuery.getJSON(g,function(i){h(i.post)})},limit:function(f){d=f;return c},page:function(f){e=f;return c}};return c},pages:function(){var c={findBySlug:function(d,f){var e=b+"/api/get_page/";e+="?slug="+d+"&callback=?";jQuery.getJSON(e,function(g){f(g.page)})}};return c},categories:function(){var c={all:function(e){var d=b+"/api/get_category_index/";d+="?callback=?";jQuery.getJSON(d,function(f){e(f.categories)})}};return c},tags:function(){var c={all:function(e){var d=b+"/api/get_tag_index/";d+="?callback=?";jQuery.getJSON(d,function(f){e(f.tags)})}};return c},comments:function(){var c={create:function(f,e){var d=b+"/api/submit_comment/";d+="?post_id="+f.postId+"&name="+f.name+"&email="+f.email+"&content="+f.content+"&callback=?";jQuery.getJSON(d,function(g){e(g)})}};return c}};return a}};

var blog = WP.open('http://www.fldtrace.com/');
blog.posts().all(function(posts){
  for(var i = 0; i < posts.length; i++){
    jQuery('.'+MYWRAPPER_CLASS).append(function(){
      return (posts[i].thumbnail) ? '<a href="'+posts[i].url+'"><h4>'+posts[i].title+'</h4></a><a href="'+posts[i].url+'"><img src="'+posts[i].thumbnail+'"/></a>' : '<a href="'+posts[i].url+'"><h4>'+posts[i].title+'</h4></a>';

    });
  }
});
</script>

  • var MYBLOG_LIMIT = 1; nombre de posts affichés. Par défaut  1.
  • var MYWRAPPER_CLASS = ‘homeblog’;  nom de la classe HTML dans laquelle les éléments du blog seront affichés.
  • var blog = WP.open(‘http://www.monblog.org/’); adresse du blog Wordress (pas de sous-répertoire !)

Par défaut, cela affiche le résumé du post et le titre. Le reste relève de la personnalisation en CSS…

<div class="homeblog">
</div>​

Source : http://www.fldtrace.com/wordpress/display-latest-post-outside-of-wordpress-with-json-and-jquery

Comments are closed.