MP3-jPlayer Pour éviter d’écrire un article à chaque fois que je veux partager une chanson ou une musique. J’ai cherché un petit plugins pour permettre aux visiteurs d’écouter ma musique du jour et je suis tombé sur … MP3-jPlayer Ce plugins est super souple et contient une multitude d’options qui vous permet de faire ce que vous souhaitez en terme de design … A utiliser absolument !!! Vous pouvez le tester sur ce site en cliquant sur ce bouton « play » dans Page dédiée aux musiques que je partage.. Vous pouvez aussi aller sur cette page pour voir toutes les musiques que j’ai mises sur le site dans Ce que j’écoute en ce moment Bonne écoute !
Le site @Lyfoung en plusieurs langues
Google traduction… Le site @Lyfoung était en deux langues à l’origine. Français et anglais. Ce qui m’obligeait à écrire chaque article et page dans les deux langues. Il n’y avait de difficulté mais c’était fastidieux. Aussi j’ai changé le mode de traduction… On passe à la traduction par Google. Le résultat n’est pas terrible et Google doit encore parfaire son moteur de traduction s’il veut approcher d’une traduction humaine. Cependant le résultat est rapide et « lisible » . Google Language Translator C’est grâce à ce plugin que j’ai pu passer à une traduction par Google du site. Il existe beaucoup de plugin de traduction, surtout passant par Google ou Bing. Mais Google Language Translator est le seul qui soit assez abouti pour mon utilisation. Il permet d’afficher des drapeaux (fonction que je n’utilise pas), d’avoir un bouton de traduction flottant en bas de page (mais pas configurable directement pour le mettre ailleurs malheureusement), un widget et des shorcodes qui permettent de l’utiliser où bon nous semble (dans les menus par exemple..). Traduction du site @Lyfoung Si vous souhaitez changer la langue du site, qui par défaut est le français, en d’autre langues, il suffit soit d’utiliser le menu langue ou soit le […]
WordPress et les guillemets…
« Les guillemets… « .. Bon, tout le monde connait ce « bug »…que dis-je, cette fonctionnalité ! Sinon vous ne seriez pas là à lire cet article… WordPress remplace les guillemets américains (les guillemets ″droits″) qui apparaissent lorsqu’on rédige nos posts par des guillemets français (les « chevrons ») à l’affichage. Pour ma part, c’est très bien car j’aime bien les guillemets à la française…Voir ces articles : Guillemets anglais ou guillemets français ou Choisir les bons guillemets pour se faire une idée. Le problème c’est qu’à l’affichage, on se retrouve avec des guillemets qui peuvent se tourner dans n’importe quel sens. Il faudra repasser pour l’esthétique.. Exemple : J’aime bien les guillemets « à la française« . Les guillemets « à l’américaine ne me gênent pas« . Si là c’est gênant.. Les solutions La plupart des solutions que vous trouverez sur le net sont les suivantes : 1 : On désactive le filtre appliqué sur le contenu avec wptexturize. Dans ce cas il faudra modifier le fichier functions.php de votre thème WordPress avec cette ligne de code [pastacode lang= »php » manual= »remove_filter%20(‘the_content’%2C%20’wptexturize’)%3B » message= »Désactivation de wptexturize » highlight= » » provider= »manual »/] On peut même aller plus loin avec ce code [pastacode lang= »php » manual= »remove_filter%20(‘the_content’%2C%20’wptexturize’)%3B%0Aremove_filter%20(‘comment_text’%2C%20’wptexturize’)%3B%0Aremove_filter%20(‘the_excerpt’%2C%20’wptexturize’)%3B%0Aremove_filter%20(‘the_title’%2C%20’wptexturize’)%3B » message= »Désactivation de wptexturize avancée » highlight= » » provider= »manual »/] L’inconvénient c’est que ce filtre ne gère […]
Nouvelle tête pour le site @Lyfoung
Nouveau Thème Le site @Lyfoung a changé de tête… C’est le thème Olsen-Light crée par CSSIgniter qui est utilisé. Ca s’est fait tellement vite que j’ai oublié d’en parler. Olsen-Light en image De toute façon, je crois que à part moi, personne ne se souvient de la tête de l’ancien thème. Il s’agissait tout simplement du thème Twenty Ten fourni avec WordPress en avril 2010…Loin, très loin donc.. Ce nouveau thème est plus léger et zen. Du coup je l’ai adopté. Mon nouveau bureau sous.. Bon, rien à voir, mais ici, mon nouveau bureau sous Windows 10 que je viens d’installer. Zen aussi.. Si vous aussi, vous l’appréciez (le thème du site pas de mon bureau..hehe), ruez-vous sur les commentaires pour m’en dire du bien… Cu!!
Menu wordpress avec drapeaux
Voici comment j’ai intégré les drapeaux dans le menu de WordPress 3. Je me suis inspiré de cet article http://www.ivorpadilla.net/cuztomizing-wordpress-custom-menu-icons/. Français-Anglais… Effectivement, il faut inscrire les classes « francais » et « english » dans la partie création de menu comme indiquer dans l’article. C’est bien dans Classes CSS (facultitaive) qu’il faut entrer la classe qui sera comprise par la page web en CSS. L’attribut est optionnel, je l’ai mis mais j’aurai pu ne rien y mettre …. Bien-sûr, les images ont été copiées dans le bon répertoire du thème.Ici, il s’agit de twentyten\images. Le code Il faut ensuite modifier le fichier style.css du thème en ajoutant : [pastacode lang= »css » message= »style.css du thème courant de votre site » highlight= » » provider= »manual » manual= »%23access%20li.francais%20a%7B%0A%20background%3A%20url(images%2Ffr_FR.png)%20center%20left%20no-repeat%3B%0A%20padding-left%3A%2018px%3B%0A%20%7D%0A%20%2F*background%3A%20url(images%2Fwordpress.png)%20center%20left%20no-repeat%3B*%2F%0A%20%23access%20li.francais%20a%3Ahover%20%7B%0A%20background%3A%20url(images%2Ffr_FR.png)%20center%20left%20no-repeat%3B%0A%20background-color%3A%20%23333%3B%0A%20color%3A%20%23fff%3B%0A%20%7D%0A%20%23access%20li.english%20a%20%7B%0A%20background%3A%20url(images%2Fen_US.png)%20center%20left%20no-repeat%3B%0A%20padding-left%3A%2018px%3B%0A%20%7D%0A%20%23access%20li.english%20a%3Ahover%20%7B%0A%20background%3A%20url(images%2Fen_US.png)%20center%20left%20no-repeat%3B%0A%20background-color%3A%20%23333%3B%0A%20color%3A%20%23fff%3B%0A%20%7D »/] C’est ici que vous pouvez voir que je n’ai pas réellement suivi les indications de l’article précédent. L’auteur indique qu’il faut mettre « #header ul.navigation li.about » soit dans notre exemple : « #header ul.navigation li.francais » , mais ce n’est pas grave tant qu’on reste sur les bonnes indications dans style.css Voila, j’espère que cela vous aura aidé !! Bien à vous !