WordPress tag archives

Plugin facebook pour WordPress

FaceBook vient de mettre en service un plugin pour les blogs WordPress.

Fonctionnalités proposées par le plugin Facebook pour WordPress:

Automatiser la publication de vos billets sur votre TimeLine ou Page.
Bouton J’aime (Like) sur chacun de vos billets.
Intégration du protocole Open Graph.
Bouton d’abonnement.
Intégration du système de commentaires de Facebook.
Widget de la barre de recommandation. Affiche les billets que vos amis ont aimés ou partagés.

L’installation est simple. Ce plugin requiert de créer une application facebook comme ceci:

facebook

facebook plugin

Total cache plugin WordPress

Suite aux problèmes rencontrés sur le plugin Super cache, j’ai installé un autre plugin de cache pour WordPress : W3 Total cache. L’auteur le présente comme le plus rapide et le plus complet. Il est installé sur des blogs  tels que :  mashable.com, pearsonified.com, noupe.com, webdesignerdepot.com, freelanceswitch.com, briansolis.com, tutsplus.com, yoast.com, css3.info et d’autres –


Voilà donc la liste des avantages suivant l’auteur de ce plugin
Avantages:

* Au moins 10x amélioration des performances du site (en configuration: Grade A dans YSlow ou Google Page Speed )
* « Instantanée » au second passage (avec le cache du navigateur après avoir obtenu la première page)
* Réduction du temps de chargement de la page: augmentation du temps de visiteur sur le site (plus de pages lus)
* Rendu optimisé et progressif  (pages apparaissent se charger instantanément)
* Amélioration de la performance du serveur web (supporte facilement les pointes de trafic élevé)
* Jusqu’à 80% d’économies de bande passante via Minify et la compression HTTP du HTML, CSS, JavaScript et les flux RSS

Caractéristiques:

* Compatible avec l’hébergement mutualisé, serveurs privés virtuels et des serveurs dédiés ou grappes
* Transparent au réseau de livraison de contenu (CDN) à l’intégration avec Media Library, des dossiers thématiques et WordPress lui-même
* Mise en cache de (minified et compressé) et des postes de pages en mémoire ou sur disque
* Mise en cache de (minified et compressé) CSS et JavaScript dans la mémoire, sur disque ou sur EUR
* Mise en cache de RSS (commentaires, page et le site) alimente en mémoire ou sur disque
* La mise en cache des pages de résultats de recherche URI (c’est à dire avec des variables de chaîne de requête) en mémoire ou sur disque
* La mise en cache des objets base de données en mémoire
* Minification des posts  des pages et des flux RSS
* Minification  CSS Javascript mémoire, disque ou CDN
* Minification  du inline, embarqués ou 3ème partie CSS (avec mises à jour automatiques)
* La mise en cache du navigateur de CSS, JavaScript et HTML
* Groupement JavaScript par Template (home page, page, etc post) avec la gestion d’emplacement embed
* Non-bloquant JavaScript enrobage
* Pièces jointes importation dans les posts directement dans la bibliothèque multimédia (et CDN)


WordPress     Étiquettes :

Plugin WP Super Cache problème Firefox

Ces derniers jours, j’ai observé des problèmes d’affichage sur la home page de ce Blog. La page index clignotait sans cesse. Les pubs vidéos Google adsense se prenaient pour des néons et la sidebar menu scintillait.

Ces problèmes n’apparaissent que sur FireFox. J’ai enlevé les pubs google adsense et le site est redevenu normal. Ne comprenant pas la cause du problème et étant gêné à enlever définitivement les pubs adsense, j’ai essayé de regarder côté plugin WordPress.

Et oui le plugin Super Cache est la cause de ces scintillements. Le plugin plus des google adsense semblent provoquer des ennuis sur FireFox. Pas de soucis sur Chrome. J’ai eu beau effacé le cache, le seul fait de le réactiver engendre des problèmes d’affichage sur FireFox, et ceci sur la dernière version Version 0.9.8

Si vous remarquez des problèmes d’affichage, n’oubliez donc pas de regarder si c’est Super cache qui pose problème.

WordPress     Étiquettes :

Plugin WordPress commentaires YouTube

Il est assez fréquent que l’on installe une vidéo YouTube sur son blog. Mais les commentaires sont postés sur le site YouTube et donc vous ne les avez pas sur votre Blog.

Comment avoir ses commentaires et ceux de votre blog. Heureusement, il existe un plugin pour ça!

Genki Plugin WordPress
Le Genki YouTube Comments WordPress plugin permet de garder la conversation sur votre blog. Vous pouvez planifier des observations qui seront importés à intervalles réguliers ou les importer manuellement via l’interface d’administration.

Pour tous les posts que vous souhaitez importer dans les commentaires, il suffit d’ajouter un champ personnalisé avec youtubevidid comme  clé et le  YouTube Video ID de votre vidéo comme valeur.

web2.0     Étiquettes : ,

Page flux RSS sur votre Blog

Pour revenir sur l’article précédent, voici comment installer en 5 minutes une page de veille avec vos flux préférés dans votre blog.

Tout d’abord il faut s’enregistrer sur le site mirPod . Vous trouverez des flux référencés par catégories comme blogs France et News France. Il suffira de cliquer sur le bouton ajouter le flux à ses favoris.

Si vous ne trouver pas le flux ( merci d’utiliser le formulaire recherche) vous pouvez l’ajouter à l’annuaire ici

et ensuite le mettre dans vos favoris.

En haut du site vous verrez un tableau de bord qui récapitulera la liste de vos favoris. Sur l’onglet RSS vous aurez le lien de votre page de veille en version magazine.

Pour le mettre sur votre Blog on pourra mettre un iframe avec le lien de votre page, par exemple :

code que j’ai mis dans une page WordPress, voir Veille ici en haut.

<code>
<iframe src= »http://www.mirpod.com/spip.php?page=my-feed&id_auteur=1″ scrolling= »yes » width= »1010″ height= »4500″ frameborder= »no » align= »center » noborder= »true » noresize= »true » marginheight= »0″ marginwidth= »0″ name= »mirPod RSS »></iframe></code>

web2.0     Étiquettes :

Transfert site WP sur nouveau serveur

Si vous êtes un fidèle lecteur de ce Blog, vous avez noté que la mise en page a changée. En effet, jordimir.com est désormais sur un nouveau serveur plus puissant. Le site a donc été transféré et j’en ai profité pour mettre à jour WordPress et revu la mise en page.

Transférer un site sur un nouveau serveur, ce n’est pas compliqué mais c’est risqué et il faut être méthodique. Voici comment j’ai procédé pour tranférer ce site WordPress :

1- Transfert FTP (j’utilise FileZilla) des fichiers du site de l’ancien serveur sur mon ordinateur local. Inutile de prendre les fichiers du cache.

2- sauvegarde de la base. Connection ssh au serveur via Putty cd /home/dossierdusite

mysqldump –host=localhost –user=nomduuser –password=monpassword  nomdelabase >nomdelabase.sql

3- Transfert de la sauvergarde locale vers le nouveau serveur et de la base nomdelabase.sql

4-  « Restore » de la base cd /home/dossierdusite là où vous avez mis votre nomdelabse.sql

mysql –host=localhost –user=nomduuser –password=monpassword nomdelabase < nomdelabase.sql

Il faut que la base existe. Vous pouvez la créer par exemple avec phpMyAdmin

5- Mise à jour WordPress. récupérer la dernière version et tranférer cette version sur le nouveau serveur.

6- Configuration

Editer le fichier wp-config.php et le mettre à jour par rapport à votre nouveau serveur. Le transférer.

7- Tester le site. Votre site est donc à cette adresse http://hebergeur.net/~nomdudossier

Mais pas de chance vous n’accéderez pas à votre section admin de WordPress. En effet votre nom de site DNS n’étant pas encore propagé ou tranféré, vous allez être redirigé vers l’ancien serveur. Pour éviter celà, aller dans phpMyAdmin et modifier la table siteurl et mettre http://hebergeur.net/~nomdudossier

Vous aurez ainsi accés à wp-admin et donc faire un upgrade : http://hebergeur.net/~nomdudossier/wp-admin/upgrade.php

8- Aprés avoir testé votre site sur le nouveau serveur. faire la modification des DNS. Il faut patienter entre 24 et 48 heures pour la propagation des DNS. C’est bien long à l’heure du temps réel!

N’oubliez pas dans wp-admin de remettre votre nom de site à la place de http://hebergeur.net/~nomdudossier

P.S Merci de m’indiquer si vous trouvez des bugs sur le nouveau site.

web2.0     Étiquettes :

Google sitemap WordPress SPIP

Pour mieux référencer son site, Google propose de créer un plan du site au format XML ou compressé en .gz. Voir à cette adresse.

Sitemap est un protocole plus d’infos ici
Exemple simple de sitemap.xml :

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
      <loc>http://www.example.com/</loc>
      <lastmod>2005-01-01</lastmod>
      <changefreq>monthly</changefreq>
      <priority>0.8</priority>
   </url>
   <url>
      <loc>http://www.example.com/catalog?item=12&amp;desc=vacation_hawaii</loc>
      <changefreq>weekly</changefreq>
   </url>
   <url>
      <loc>http://www.example.com/catalog?item=73&amp;desc=vacation_new_zealand</loc>
      <lastmod>2004-12-23</lastmod>
      <changefreq>weekly</changefreq>
   </url>
   <url>
      <loc>http://www.example.com/catalog?item=74&amp;desc=vacation_newfoundland</loc>
      <lastmod>2004-12-23T18:00:15+00:00</lastmod>
      <priority>0.3</priority>
   </url>
   <url>
      <loc>http://www.example.com/catalog?item=83&amp;desc=vacation_usa</loc>
      <lastmod>2004-11-23</lastmod>
   </url>
</urlset>

Ce sitemap est limité à 50 000 URLs et 10MB. Si on a un sitemap qui dépasse on peut utiliser un index, comme cet exemple :

<?xml version="1.0" encoding="UTF-8"?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <sitemap>
      <loc>http://www.example.com/sitemap1.xml.gz</loc>
      <lastmod>2004-10-01T18:23:17+00:00</lastmod>
   </sitemap>
   <sitemap>
      <loc>http://www.example.com/sitemap2.xml.gz</loc>
      <lastmod>2005-01-01</lastmod>
   </sitemap>
</sitemapindex>

Plugin WordPress

Un plugin existe http://www.arnebrachhold.de/redir/sitemap-home/

Plugin SPIP

Il y a un plugin  disponible sur SPIP zone au nom de sitemap_x_x.zip pour Spip 1.9. Prenez la dernière version et décompressez le contenu dans le répertoire « plugins/ » à la racine du SPIP (créez le si besoin). Vous aurez alors accès au lien vers la page des plugins. A lire aussi http://www.spip-contrib.net/Sitemap-Google

A lire pour Spip 2

Pour une adresse en .XML vous pouvez ajouter dans htaccess :

RewriteRule ^sitemap[.]xml$      spip.php?page=sitemap [QSA,L]

N.B

la version sitemap est à 0.9 Le plugin déclare la page sommaire, je préconise d’effacer cette boucle. Regarder le source (le xml généré) de ce plugin et adapter le à vos besoins. Préférez le codage utf8 du XML, un filtre existe pour vos URLS |utf8_encode

Activez votre plugin nouvellement créé. Vous pourrez ensuite accéder à votre sitemap directement par l’url :

http://www.monsite.fr/spip.php?page=sitemap

ACTIVATION Sitemap

Allez dans votre interface de gestion Google et soumettez votre sitemap.

robots.txt

Vous pouvez renseigner votre sitemap dans le fichier robots.txt placé à la racine de votre site :

User-agent: *
Sitemap: http://www.monsite.fr/spip.php?page=sitemap

WordPress     Étiquettes : ,

GrooveShark toute la musique en streaming

Si vous voulez écouter de la musique en streaming alors visitez GrooveShark.com.

Vous pourrez après inscription faire votre playlist et poster votre chanson favorite sur divers sites. Vous pouvez bien sûr avoir le code embed et le poster sur votre blog comme ici :

et le twitter avec mirTwitter et donc l’écouter directement dans votre tweet.
Exemple de tweet audio:

listen to Neil Young in my tweet http://t.mirpod.com/p/128

GrooveShark propose un plugin WordPress ce qui permet d’avoir un player avec la playliste que l’on a sauvegardé sur le site :

**Attention ce plugin nécessite CURL

player blog     Étiquettes : , ,

Des scripts Ajax à la FaceBook

Voici une liste de scripts Ajax au look FaceBook :

Avec jQuery

1. FaceBoox Search
FaceBoox est un formulaire de recherche qui sugére des mots clés. Le design s’inspire de FaceBook. Ce script utilise  jQuery le framework ajax et les librairies BSN Autosuggest libs.

2. Facebook Pagination
Ici le script pagination ajax à la FaceBook plug-in pour jQuery.

3. Elastic
Elastic est un plugin jQuery qui fait grandir et diminuer les textareas pour s’adapter au contenu.

4. Tipsy
Tipsy est un plugin jQuery pour avoir des tooltips à la FaceBook, le tooltip se positionne dessus dessous droite gauche.

5. Facebox
Facebox est basé sur jQuery, c’est une  lightbox à la manière de FaceBook qui peut afficher des images des divs ou des pages html en remote.

Comme WordPress utilise JQuery voici un exemple de lightbox à la FaceBook

Exemple :
Une box à la FaceBook

Une box jquery facebook like

Une box Login à la FaceBook

Ajax     Étiquettes : , ,

Joli code dans WordPress

Pour afficher du code dans votre blog WordPress voici un plugin intéressant wp-codebox le plugin est ici

Aprés avoir installé le plugin on encadre le code avec:

`<pre lang=”LANGUAGE” line=”1? file=”download.txt” colla=”+”>` and `</pre>`

On a donc une box avec un lien pour le téléchargement. line file et colla sont optionnels.

<div id="”foo”">
    < ?php
      function foo() {
        echo “Hello World!\\n”;
      }
      for (\$i = 0; \$i &lt; 10 $i++) {
        foo();
      }
    ?></div>
WordPress     Étiquettes :