Blog Tech

Installer la recherche OpenSearch sur votre blog WordPress

web 15
A ce point ?PassableIntéressantYeahExcellent! (2 vote(s), 4,00/ 5)
Loading...

OpenSearch (à l'origine A9 chez Amazon) permet de créer un moteur de recherche rapide WordPress pour Firefox, à droite de la barre d'adresse, comme le populaire moteur Google.

Une fois ce moteur ajouté il est possible pour l'utilisateur de rechercher rapidement sur votre blog WordPress, c'est le cas sur Blogmotion vous pouvez essayer.

Voici comment intégrer facilement OpenSearch à votre blog WordPress. » Lire la suite

Comment migrer facilement vers WordPress 3.0 (final)

PHP (My)SQL 21
A ce point ?PassableIntéressantYeahExcellent! (3 vote(s), 4,67/ 5)
Loading...

La version finale de WordPress 3.0 "Thelonious" vient tout juste de sortir. Comme à chaque montée de version c'est la même corvée : migrer. D'autant qu'il s'agit là d'un changement majeur puisque WordPress passe de la version 2 à 3.

Voici comment migrer rapidement un blog vers WordPress 3.0 à partir de WordPress 2.9.x. » Lire la suite

Copier une table MySQL à l’identique

PHP (My)SQL 24
A ce point ?PassableIntéressantYeahExcellent! (6 vote(s), 4,83/ 5)
Loading...

Voici une petite astuce pour cloner une table (My)SQL en effectuant une copie de la table à l'identique. Index, types et données, tout est préservé.

Rien de sorcier, juste un peu de logique. » Lire la suite

Rechercher un type de fichier en invite de commandes

Batch et VBScript 5
A ce point ?PassableIntéressantYeahExcellent! (4 vote(s), 3,50/ 5)
Loading...

L'outil de recherche intégré de Windows est assez lourd et inefficace dès lors que vous disposez de plusieurs dizaines de milliers de fichiers.

En parcourant l'aide de la commande dir (pour directory), j'ai trouvé une petite astuce permettant de rechercher un fichier en invite de commande :

[shell]dir lettre:\*.ext /S[/shell]

/S    Affiche les fichiers d'un répertoire et de ses sous-répertoires.

Exemple pour rechercher tous les MP3 d'un disque dur (sur C:) » Lire la suite

[PHP] Récupérer et afficher le nombre d’abonnés au flux RSS

PHP (My)SQL 19
A ce point ?PassableIntéressantYeahExcellent! (2 vote(s), 4,50/ 5)
Loading...

Pré-requis : avoir externalisé son flux RSS chez FeedBurner

Afficher le compteur d'abonnés à votre flux RSS (feedcount) sur votre blog peut être favorable à une croissance du nombre d'abonnés. Je vous déconseille toutefois d'afficher votre compteur en dessous d'un minimum (100) car cela risque d'avoir l'effet l'inverse.

FeedBurner propose un compteur paramétrable au niveau des couleurs du fond, du texte et du choix du texte (rarement utilisé). Mais il faut bien dire que ce compteur est absolument moche et ne s'intègre que très mal dans un design... il fait très vite tâche, à tel point qu'il ne vaut finalement mieux pas l'afficher. Suite à plusieurs demandes de lecteurs de Blogmotion, voici comment récupérer une valeur brute du nombre d'abonnés. » Lire la suite

Charger des images à la volée (on scrolling)

web 21
A ce point ?PassableIntéressantYeahExcellent! (7 vote(s), 4,14/ 5)
Loading...

Si vous hébergez vos images sur votre serveur et que celles-ci sont nombreuses, votre serveur peut fortement ralentir la cadence d'envoi de ces images à cause de la bande passante nécessaire. Si votre blog/site rencontre une forte affluence, les visiteurs auront tendances à partir en courant si vos images, et donc vos pages sont trop longues à charger (des études l'ont prouvé).

Une page comportant un nombre important d'image est longue à charger et c'est d'autant plus vraie sur les configurations légères (ultra-portable et mobiles). La raison est simple : toutes les images sont chargées d'un coup d'un seul.

La solution : le lazy load

Lazy signifie paresseux (ça y est vous comprenez l'image d'illustration:) ). » Lire la suite

Améliorer l’organisation du dashboard WordPress

Dév 6
A ce point ?PassableIntéressantYeahExcellent! (Votez !)
Loading...

En me baladant dans le catalogue des extensions WordPress, je suis tombé sur Ozh' Admin Drop Down Menu.  Une vraie petite merveille qui permet de ré-organiser les menu WordPress.

» Lire la suite

Un générateur de thème WordPress

web 14
A ce point ?PassableIntéressantYeahExcellent! (3 vote(s), 4,33/ 5)
Loading...

Il n'est pas toujours simple de trouver un thème WordPress qui corresponde vraiment à ses attentes : couleurs, nombre de colonnes, organisation de différents éléments, ... sans parler de la qualité du code source.

Yvo Schaap a réalisé un générateur de thème WordPress accessible à tous. Sans qu'il soit nécessaire de maîtriser le (X)HTML, JS, PHP, ou le CSS il est très facile de choisir les couleurs du texte, du fond, des liens, ... tout est paramétrable en quelques clics. » Lire la suite

Ajouter un bouton Google Buzz sur WordPress

Dév 9
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), 5,00/ 5)
Loading...

Quelques jours après sa sortie, l'intérêt pour le nouvel outil de communication Google Buzz reste partagé. Néanmoins, si vous souhaitez que vos visiteurs puissent buzzer sur la toile, vous pouvez ajouter un bouton Google Buzz.

Voici deux solutions pour intégrer Google Buzz à WordPress.

La méthode manuelle

Intégrer le code suivant là ou vous souhaitez que le bouton apparaisse, je vous conseille de l'insérer dans single.php :

<a rel="nofollow external" href="http://www.google.com/reader/link?url=<?php the_permalink() ?>&title=<?php the_title () ?>&srcURL=https://blogmotion.fr/"><img src="http://bit.ly/buzzicon"/> GBuzz!</a>

(Remplacez srcURL=https://blogmotion.fr par l'URL de votre blog).

Exemple de rendu (lien non actif) :

GoogleBuzz GBuzz!

Avec un plugin adapté

Si vous n'aimez pas plonger dans le code source de WordPress, sachez qu'il existe un plugin nommé Google Buzz Button.

Je l'ai découvert chez Valentin et je vous invite à lire son billet pour les explications concernant l'installation et l'utilisation, rien de compliqué rassurez-vous.

Conclusion

Je ne saurai vous dire s'il est réellement pertinent d'intégrer Google Buzz et chacun agira comme bon lui semble. Je pense toutefois que Google Buzz sera rapidement  ajouté à la longue liste de services sociaux comme le propose les plugins SexyBookmarks ou encore Sociable. Patientez si vous ne souhaitez pas ajouter un énième plugin...

Utiliser un fond aléatoire pour votre blog

web 7
A ce point ?PassableIntéressantYeahExcellent! (1 vote(s), 4,00/ 5)
Loading...

But : utiliser des fonds aléatoires sur un blog/site (démonstration).

On m'a récemment demandé s'il était possible d'utiliser un fond (background) aléatoire sur un blog. La réponse est oui, c'est même très simple.

Avant tout, sachez qu'il existe bon nombre de méthodes pour y parvenir, des plus simples aux plus saugrenues voir lourdes pour votre serveur.

La solution pour laquelle j'ai opté ne consommera aucune ressource supplémentaire vis-à-vis d'un fond unique. Elle est également compatible avec tous les systèmes de cache existants (WP-SuperCache inclus) puisque le code javascript s'exécute sur la partie cliente, c'est à dire le navigateur de l'internaute.

Pré-requis

Il vous faut bien évidemment créer vos fonds et les placer de préférence dans le même répertoire, bien que ce ne soit en rien une obligation.

Pour l'aspect pratique nous utiliserons un chiffre pour distinguer les fonds : fond1.jpg, fond2.jpg, fond3.jpg, etc.

Une pincée de CSS

Nous allons tout simplement jouer sur le contenu de la feuille de style. L'image de fond va être appliquée directement sur la balise BODY.

Nous devons dans un premier temps définir les différents attributs pour le fond :

body { background-repeat: no-repeat; }

Puis, créez X classes CSS, X correspondant même nombre que vous avez de fonds :

.ban1 { background-image: url('images/fond1.png'); }
 .ban2 { background-image: url('images/fond2.png'); }
 .ban3 { background-image: url('images/fond3.png'); }

Enregistrez et envoyez votre fichier CSS sur le serveur, puis passons à la suite.

Un grain de javascript

La dernière étape consiste à ajouter une ligne de code Javascript pour permettre l'appel aléatoire d'une des classes CSS, chacune faisant appel à un fond différent.

Remplacer votre balise "<body>" par :

<script type="text/javascript">
 var banListe=['1','2','3'];
 document.write('<body class="ban' + banListe[Math.floor(Math.random()*banListe.length)] +'">');
 </script>

C'est fini !

Conclusion

Enregistrez et envoyer tous les fichiers modifiés, pensez à vider votr système de cache si vous en utilisez-un.

Cette méthode est simple mais fonctionnelle. Vous pouvez tout à fait utiliser jQuery, mootools, ou tout autre framework JavaScript si vous êtes à l'aise avec. N'hésitez pas à partager votre code dans les commentaires.

Voir la démonstration.