Comment transformer un blog WordPress en CMS

Publié par Gui dans Tutoriels, Wordpress

WordPress est devenu maintenant un outil complet de gestion de contenu. Nous pouvons donc l’utilise pleinement en tant que CMS. Pour cela, il est important de prendre en considération différents points importants de cet outil :

  1. La gestion des pages & templates
  2. L’utilisation de widgets
  3. L’utilisation des metaboxes
  4. L’utilisation des shortcodes
  5. La gestion des menus

Continuer

Post shadow

WordPress CMS : les pages

Publié par Gui dans Tutoriels, Wordpress

Dans une approche CMS, la partie la plus importante est donc la gestion des pages.

De la classique page de contact et de présentation jusqu’à la page de portfolio et de blog, nous allons voir comment gérer nos différents types de contenus et comment les mettre en page.

Continuer

Post shadow

WordPress CMS : les menus

Publié par Gui dans Tutoriels, Wordpress

La navigation est l’un des points les plus importants d’un bon CMS. Depuis la version 3.0, il n’a jamais été aussi facile d’utiliser les menus dans WordPress.

Il est possible de créer autant de menus qu’on veut et d’y insérer autant d’entrées que souhaitées.

Continuer

Post shadow

Afficher un mur Facebook sur votre site avec jQuery – Nouvelle version

Publié par Gui dans Facebook, jQuery, Tutoriels

Voilà bientôt un an que j’ai publié un tutoriel sur la graph API de Facebook, je vous propose une nouvelle version qui apporte quelques fonctionnalités supplémentaires.

J’ai donc créé un widget, qui permet d’afficher le mur d’une page fan ou de l’un de vos amis (ceux ayant choisi de partager des informations avec vous).

Continuer

Post shadow

jDiaporama v3 : le diaporama jQuery est de retour !

Publié par Gui dans jQuery, Tutoriels

Moins d’un an après la sortie de la version 2 de jDiaporama et plus de 35 000 pages vues, je vous présente aujourd’hui la toute dernière version dotée de nombreuses nouvelles fonctionnalités !

Au programme de cette nouvelle version :

  • Affichage de miniatures pour contrôler le diaporama
  • Pas moins de 12 nouvelles animations de transitions !
  • Ajout et configuration d’easing pour certaines animations
  • Ajout de contrôles externes pour interagir avec le diaporama
  • Ajout de nombreuses fonctions de callback
  • Choix de la position des miniatures (dessus / dessous)
  • Version pack de seulement 20 ko !
  • Gestion partielle de la cohabitation d’images au format portrait et paysage
  • Ajout d’un mode debug
  • Diverses optimisations, améliorations et corrections de bugs

Continuer

Post shadow

Tutoriel WordPress: Créer un widget

Publié par Gui dans Tutoriels, Wordpress

WordPress utilise nativement un système de « widgets » dans la barre latérale (la « sidebar »). Les widgets sont intiment liés au thème utilisé. Il est possible directement depuis un thème de créer son propre widget.

Nous allons donc voir ici, comment créer simplement un widget, qui affichera les photos d’un compte Flickr donné.

Continuer

Post shadow

Tutoriel Graph API, JSON et jQuery: afficher un mur Facebook sur votre site

Publié par Gui dans Facebook, jQuery, Tutoriels

N’hésitez pas à consulter le nouveau tutoriel ainsi que la documentation de Facebook, qui change régulièrement (notamment par rapport à l’access_token et aux permissions (offline_access)).

Il y a déjà quelque temps Facebook a lancé une nouvelle API: Graph API, qui permet à tout le monde de récupérer les données de Facebook sous forme de webservice, formatées en JSON.

On peut donc accéder librement aux informations publiques fournies par Facebook, comme les pages Fan par exemple.

Continuer

Post shadow

Diaporama simple avec JQuery, nouvelle version: jDiaporama !

Publié par Gui dans jQuery, Tutoriels

téléchargez dès maintenant la toute dernière version de jDiaporama avec plein de nouveautés !

Vous avez été nombreux à commenter le tutoriel « Comment réaliser un diaporama simple avec JQuery« , alors le voici maintenant en version 2 !

J’ai essayé d’ajouter dans cette nouvelle version les différents manquements que vous souligniez dans le précédent tutoriel.

Voici donc les nouveautés de ce nouveau diaporama JQuery:

  • Nouvel aspect graphique
  • Contrôle du diaporama grâce aux touches directionnelles du clavier
  • Défilement automatique ou non
  • Gestion de la direction du diaporama (de gauche à droite ou inversement)
  • Pause par défaut possible
  • Arrêt du diaporama après un nombre défini de boucles
  • Affichage du titre
  • Affichage de la légende
  • Affichage d’un compteur (image actuelle sur nombre d’images)
  • Possibilité d’accéder à une image directement en cliquant sur les boutons ronds
  • Ajustement automatique en fonction de la taille des images du diaporama
  • Compatibilité sur tous les navigateurs

Continuer

Post shadow

Tutoriel: Drag and Drop JQuery, exemple avec une liste des tâches

Publié par Gui dans jQuery, Tutoriels

Après un tutoriel pour créer un diaporama simple avec JQuery, qui d’après vos commentaires vous a assez intéressé, voici un nouveau tutoriel basé sur le Drag and Drop.

L’exemple que nous allons voir est une liste des tâche simple, que je vous présente sous la forme d’une liste de courses.

Le principe est simple, on ajoute des éléments, on les renomme, on modifie leur ordre et on les supprime.

On va voir dans cet article comment utiliser de manière très simple la bibliothèque d’animations et d’interactions JQuery UI.

Continuer

Post shadow