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.

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.

eCarte de visite avec WordPress: qui peut le plus, peut le moins

Une fois qu’on maîtrise un peu l’outil WordPress, nous pouvons proposer des prestations de service comme la création d’un blogue ou d’un site internet simple (voire très  complexe pour les experts wordpress) Ce sont les à côté des activités de blogging, pouvoir vendre un peu son  expertise.  Personnellement je n’ai pas l’intention d’en faire un business, mais quand on me le demande, j’accepte volontiers d’aider.

Voilà donc un blogue que j’ai créé via un thème elegant_themes appelé Business Card.  Ce thème très simple ne permet que d’alimenter des pages uniquement, ila un rendu très sérieux.  J’héberge ce site wordpress sur mon hébergeur. Ce qui fait que mon client ne va pas supporter le coût de l’hébergement puisque je le paye déjà. Cela lui fait une économie d’échelle. Pour monter ce blogue ça m’a pris 3 bonnes heures, entre l’enregistrement du nom de domaine, la mise en place du thème, deux plugin  (contact form 7 et sitemap), une inscription à Google Webmaster tool et à google analytics.  J’ai fait une petite vidéo formation sur screenr.com/qDV.  La prochaine étape sera la création d’un blogue annexe à la carte de visite.

Si vous voulez jeter un coup d’oeil sur le site Translationtexts.com

Vous pouvez bien sûr créer une page similaire, avec un service comme doyoubuzz.com avec un compte premium, vous serez aussi bien servi voir mieux servi.

Lubith.com fabriquer un thème wordpress simple sans rien connaître en code

S’il y a bien quelque chose que j’aime sur internet c’est la possibilité de créer des trucs sans rien connaître en codage. Alors si on pouvait créer un thème en ligne où on pourrait pratiquement tout paramétrer ce serait sympa. en tout cas c’est ce que propose le site lubith.com qui permet de redimensionner un thème de base, ajouter une image personnalisée dans le header, ajouter un logo et changer la couleur de fond du thème, les polices….

Voilà la photo du  thème que j’ai fabriqué pour le test et je me le suis fait envoyé par mail. Je n’ai pas testé le thème en vrai grandeur.

Petit retour sur elegantthemes.com : thèmes payants

Il se peut que vous arriviez sur cette page parce que vous avez cliqué dans le pied de page d’un de mes blogues pour savoir un peu plus à propos du thèmes utilisé. Avant de vous rendre sur le site elegantthemes.com je voulais juste vous faire un top sur ces thèmes

Voilà quelques mois que je possède ces thèmes professionnels  achetés chez elegantthemes.com et je dois dire que je m’en porte très bien. J’ai déjà organisé 4 de mes blogues 1sens.net ,  1blogue.net, 01langue.org et 01photo.net et je voulais un peu vous expliquer mes raisons.

L’élément central des thèmes de elegantthemes est l’administration. En effet les thèmes ont été pensé pour qu’on puisse les modifier sans avoir à aller bêcher dans le code. C’est donc parfait pour une personne comme moi, ni débutante, ni confirmée mais qui ne veut pas entre dans le code php ou html.

On a dans le thème un epanel qui permet d’accéder un grand nombre de paramétrages par exemple l’intégration dans le header ou le footer de code de type tracking de google analytics.

On peut voir sur la gauche, les options disponibles comme “layout settings” (paramètres de mise en page) ou “Ad management” (gestion des pubs)… Je pensais pouvoir accéder à une base de donnés de mots à traduire en français, mais pour l’instant je n’ai rien trouvé de tel. En gros il va me falloir franciser le thème petit à petit pour pouvoir changer des phrases de type “read more” ou “add a comment“.

Coté SEO, j’ai préféré mettre un plugin plutôt que d’utiliser la  fonction intégrer dans le thème

Il a fallu quand même que j’aille regarder dans le code pour y mettre ma petite pub Adsense car les options disponibles ne permettent pas de placer la pub en dessous du titre comme j’aime. Ok c’est moche, mais j’ai toujours su joindre l’agréable à l’agréable.

Si on pense que le thème est une usine à gaz et va nécessiter beaucoup de requête serveur en PHP, il suffira ensuite d’ajouter un peu de cache pour alléger les requêtes, au final, je pense que ça revient au même.

J’ai aimé

• la convivialité
• les options disponibles
• le prix
• la diversité des thèmes (cv, vitrine, photo…)

J’ai moins aimé

• théme à franchiser malgré la convivialité, cela dit j’ai pu traduire les thèmes avec grande facilité avec le logiciel poedit. (free ware)

En tout cas je trouve que dépenser 40 dollars par an quand on gère plusieurs blogs personnels comme moi, c’est un bon investissement.

Le fait que ce soit un abonnement annuel se justifie car les thèmes évoluent au fil des années et des nouvelles versions apparaissent. Au départ je pensais ne prendre les thèmes que pour un an, mais il y a de fortes chances que je renouvelle mon abonnement à vie! Ou du moins pour les années à venir.

Voilà j’ai fini avec mon avis sur elegantthemes.com, vous pouvez vraiment acheter les yeux fermés vous ne serez pas déçus, (attention tout de même, il faut maîtriser un peu l’anglais pour comprendre comment ça marche.