867 abonnés
Tutoriels PC / MacOS X / Linux

Insérer un module Twitter sur votre blog WordPress

Si vous aussi, vous souhaitez mettre en place un module personnalisé Twitter sur votre site, comme c’est le cas actuellement sur G&T, alors suivez le guide !

Bien évidement, vous devez disposer d’un compte Twitter, cela va sans dire :) !

Connectez à vous à votre compte Twitter, puis cliquez sur Settings dans la barre de navigation.

Barre de navigation Twitter

Barre de navigation Twitter

Sous l’onglet Account, cliquez sur You can also add Twitter to your site here.

Ajouter un module Twitter à son site

Ajouter un module Twitter à son site

Il vous faut alors sélectionnez la plateforme de blog que vous utilisez. Prenons le cas pour WordPress (valable également pour tout autre site web) qui, n’est malheureusement pas dans la liste.

Cliquez donc sur Other puis sur Continue.

Plateforme où le module doit être insérer

Plateforme où le module doit être insérer

Deux choix s’offrent à vous : le module Flash; ou le module HTML.

Deux types de modules : Flash ou HTML

Deux types de modules : Flash ou HTML

Cas du module Flash

Cochez la case Flash Widget et cliquez sur Continue.

Là encore, deux possibilités : soit afficher les derniers twits, soit le mode « interactive » offrant plus de fonctions aux visiteurs (bouton Follow, login…).

Cochez la case désirée et cliquez sur Continue.

Interactive Widget

Il ne vous reste plus qu’à sélectionner l’apparence du module : Smooth, Velvetica, Revo; ainsi que la taille : narrow (petit), wide (large), full (grand).

Vous pouvez admirez les modifications apportées via l’aperçu de droite.

Personnalisation du module Flash Interactive

Personnalisation du module Flash Interactive

Cliquez ensuite sur le lien Copy pour copier le code HTML.

Il ne vous reste plus qu’à ouvrir le fichier et à coller le code où vous désirez voir apparaître le module Twitter. Par exemple, sidebar.php ou encore footer.php dans le cas de WordPress.

Display-only Widget

Même principe que précédemment. Sélectionner la couleur du fond via Badge color.

Personnalisation du module Flash Display-only

Personnalisation du module Flash Display-only

Cliquez ensuite sur Copy to Clipboard pour copier le code HTML.

Il ne vous reste plus qu’à ouvrir le fichier et à coller le code où vous désirez voir apparaître le module Twitter. Par exemple, sidebar.php ou encore footer.php dans le cas de WordPress.

Cas du module HTML

Cochez la case HTML Widget et cliquez sur Continue.

Sélectionnez le nombre de twits à afficher via la liste déroulante Number of updates (1 à 20).

Indiquer un titre au module. Cochez No Title si vous ne désirez pas de titre.

Personnalisation du module HTML

Personnalisation du module HTML

Copier le morceau de code et coller-le à l’endroit souhaité.

Remarque : le module HTML est entièrement personnalisable via le CSS. Concernant le module FLASH, il est tout à fait possible de changer la taille et la hauteur de ce dernier en modifiant les valeurs Height et Width présentes dans le code. Et comme tout objet Flash, il est nécessaire de posséder le Flash Player pour pouvoir le lire ;) .

9 commentaires pour “Insérer un module Twitter sur votre blog WordPress”

  1. Touchcream dit :

    Le mieux si on a un blog wordpress est d’utiliser un plugin à mon avis :)

  2. www.fuzz.fr dit :

    Insérer un module Twitter sur son site | Geek…

    Si vous aussi, vous souhaitez mettre en place un module personnalisé Twitter sur votre site, comme c’est le cas actuellement sur G&T, alors suivez le guide !…

  3. alex dit :

    @rainbow: « moins il y a de plugins mieux c’est ». Pourquoi?

  4. Rainbow dit :

    @alex : les plugins ont tendance à alourdir la base de donnée de ton site, mais également le nombre de fichiers à charger à l’affichage d’une page (ex: feuilles de styles, images…). Donc plus tu as de plugins installés, plus ton site est long à charger. Toutefois, certains plugins sont très bien optimisés.

  5. alex dit :

    Nickel. Je vais tenter de passer par le code.

  6. ali ouni dit :

    Je viens de l’intégrer sans plugins, c’est super facile et très bien intégré.
    Merci pour ce petit tuto
    a +

  7. figatellus dit :

    Merci beaucoup de votre aide :)

  8. [...] est d’héberger le maximum des scripts sur son propre serveur. Par exemple, si vous avez inséré un module Twitter sur votre site, il est préférable de placer les deux lignes encadrées par des balises scripts d’une part [...]

  9. Rainbow dit :

    Mon credo c’est : moins il y a de plugins mieux c’est ! Après, si on a pas envie de passer par le code, il y a aussi cette solution :)

Laisser un commentaire

© 2009-2010 Protuts. Tous droits réservés | Créé avec Wordpress | Thème conçu par Elegant Themes | Hébergé sur Mavenhosting