Retour vers la page Formations avec la liste de tous les tutos.
Pour rester informé, abonnez-vous!

WordPress :: Organiser les « Custom Post Type » comme des dossiers

Dans ce tutoriel, je ferai référence à un projet web en cours où il s’agissait de créer une série de FAQ sous la forme de “Custom Post Type”. Le challenge consistait à rendre l’organisation des questions/réponses facile à classer dans l’administration de WordPress.

Je me suis donc arrangé pour classer les éléments par dossier en utilisant une hiérarchie de type page et deux plug-ins pour réorganiser plus facilement l’ordre des FAQ.

Evidemment, il est possible d’appliquer ces principes à d’autres types de contenus hiérarchiques

Mise en place

Outils utilisés

[Lire plus...]

Article / Page: WordPress :: Organiser les « Custom Post Type » comme des dossiers | retour vers l'accueil, sur le site de Grégoire Noyelle ( WebDesigner Développeur WordPress freelance à Paris :: Web Designer )

WordPress et Antidote :: la correction en direct dans Firefox

Antidote est un logiciel multi plate-forme (Mac, Windows et Linux) avec trois fonctions principales: dictionnaire, guide linguistique et correcteur. Dans ce tutoriel, je me concentrerai sur ce dernier aspect. Nous verrons comment, grâce au navigateur Firefox (navigateur utilisé pour cet article) ou Google Chrome, corriger à la volée vos articles éditer dans le WYSIWG de WordPress. Je n’ai pas pu faire le test sur Windows; merci de faire vos retours dans les commentaires.

Installation des plug-ins pour les navigateurs:

Au moment de l’installation d’Antidote, des outils s’installent automatiquement pour la plupart de vos logiciels. Sur Mac, vous pouvez manuellement installer les outils. En cas de problème, le menu « Aide » (voir image ci-dessous) donne accès à plusieurs documents qui vous assisteront. Dans chaque dossier d’application, un fichier .html « Lisez-moi…. » vous indique la démarche à suivre.

Capture de la fenêtre Installation dans les logiciels

[Lire plus...]

Article / Page: WordPress et Antidote :: la correction en direct dans Firefox | retour vers l'accueil, sur le site de Grégoire Noyelle ( WebDesigner Développeur WordPress freelance à Paris :: Web Designer )

Firefox 4 :: Copier/Coller un jeu de marque pages

Je découvre aujourd’hui une fonctionnalité très intéressante dans Firefox pour partager facilement une série de marque-pages (ou favoris si vous préférez). D’ailleurs cette fonction existe peut-être depuis des versions antérieures à la version 4 de Firefox.

Copier un dossier de marque-pages

Pour ce faire, dans Firefox, aller dans le menu « Marque-pages » et sélectionnez « Affichez tous les marque-pages« . Une nouvelle fenêtre s’ouvre avec vos dossiers de marque-pages sur le côté gauche.
Il vous suffit de cliquer sur un des dossiers ou des sous dossiers et de lancer le raccourci pour copier: commande (ou pomme) + C (sur Mac) ou CTRL + C (sur PC). Vous pouvez à loisir au moment où vous lancez cette commande utiliser la colonne de gauche ou de droite (voir image ci-dessous).

image pour montrer comment copier un dossier

[Lire plus...]

Article / Page: Firefox 4 :: Copier/Coller un jeu de marque pages | retour vers l'accueil, sur le site de Grégoire Noyelle ( WebDesigner Développeur WordPress freelance à Paris :: Web Designer )

Outils pour Webdesigner :: Sondage de Décembre 2010

Sous la pression de mes étudiants :-) des Gobelins , je cherchais cette information depuis un moment: quel est l’outil le plus utilisé dans le Webdesign: Photoshop, Fireworks, Illustrator?

Pour moi, au regard de toutes les ressources disponibles, j’étais sûr de mon coup: Photoshop. Toutefois, je n’avais pas de chiffre. C’est chose faite grâce au site Webdesigntuts+ et cet article où figure le fameux sondage: Photoshop vs. Fireworks: Which One Do You Use? (Photoshop contre Fireworks: lequel utilises-tu?)

Voici une capture du résultat le 3 mai 2011. Ce sondage a démarré le 7 décembre 2010 et à ce jour, 3500 personnes ont voté.

capture du Résultat des courses le 3 mai 2011

Photoshop est le grand gagnant avec 67%, loin devant Fireworks. Illustrator de son côté fait partie des 6,35% avec GIMP et tous les autres :-(

[Lire plus...]

Article / Page: Outils pour Webdesigner :: Sondage de Décembre 2010 | retour vers l'accueil, sur le site de Grégoire Noyelle ( WebDesigner Développeur WordPress freelance à Paris :: Web Designer )

LISAA Labo

Voici la version 2 du site de LISAA Labo en association avec François Vermorel et Marine Werling.

Image du site

website // clic

  • Client: LISAA (L’Institut supérieur des Arts Appliqués)
  • Caractéristique: Construit sur une structure Genesis.
  • Réalisation: Adaptation la maquette réalisée par Marine Werling. Création du back office pour les étudiants. Aménagement de la structure Prose aux besoins du site et construction des modèles de page.

WordPress :: Intégrer une galerie Photo

Dans ce tutoriel nous verrons comment fonctionne la galerie d’images WordPress. Toutes les étapes décrites ici sont valables aussi bien pour les articles que pour les pages. Par commodité, dans ce tutoriel,  je ne citerai que les « articles » à chaque fois.

Série d’images liées à un article ou à une page

Dans WordPress, à partir du moment où vous avez plusieurs images liées à un article, vous pouvez directement afficher une galerie photographique avec les vignettes des images les unes à côté des autres. Quand, je dis que les images sont liées, cela sous-entend que vous avez ajouté plusieurs images dans le contenu de l’article ou simplement que vous avez chargé plusieurs images à partir d’un article, sans pour autant les rendre visibles dans le contenu.

Essayez d’ajouter une image dans un article, dans lequel il existe au moins deux photos, à l’aide de l’icône « Ajouter une image« . Dans la pop-up qui apparaît, en sélectionnant l’onglet « Galerie », vous avez accès à toutes les images qui sont liées à votre article (voir image « Ajouter une image » ci-dessous).

Capture de la fenêtre insertion d'image

[Lire plus...]

Article / Page: WordPress :: Intégrer une galerie Photo | retour vers l'accueil, sur le site de Grégoire Noyelle ( WebDesigner Développeur WordPress freelance à Paris :: Web Designer )

Prix TED 2011 pour JR

JR, photographe contemporain français, vient de recevoir le prix TED 2011 pour l’ensemble de son travail.

Photo de JR par Antoine Levi

(Photo de JR par Antoine Levy)

A cette occasion, comme le veux la tradition TED, le nominé présente son voeux.
Le sujet est le suivant: « Comment l’Art peut-il changer le monde? » Et au terme de sa perfomance, le voeux de JR: « I wish for you to stand up for what you care about by participating in a global art project, and together we’ll turn the world…INSIDE OUT. » (« J’aimerez que vous preniez position pour ce qui vous tiens à coeur en participant à un projet artistique mondial, et ensemble nous mettrons le monde à l’envers »). Le site Inside Out supporte le projet. Je vous laisse découvrir sa portée en visionnant la vidéo.

[Lire plus...]

Article / Page: Prix TED 2011 pour JR | retour vers l'accueil, sur le site de Grégoire Noyelle ( WebDesigner Développeur WordPress freelance à Paris :: Web Designer )

Netcoaching

Voici la version 1 du site pour la structure Netcoaching.

image du site

website // clic

  • Client: Netcoaching
  • Caractéristique: Construit sur une structure Genesis.
  • Réalisation: Création de la structure dynamique et réalisation de la maquette graphique (sauf le logo). Le site possède une partie réservée aux abonnées (gérée par PayPal)

Évolution des navigateurs Web de 1994 à 2011

Sur le site de Tesking, voici cette infographie qui illustre l’évotion des navigateur Web depuis l’origine (1994!)
Internet Explorer. diminue ou se stabilise? On y croit!

J’ai repéré ces quelques faits marquants:

  • Chrome change de version très rapidement, comme pour rattraper ses aînés. C’est psychologique. En trois ans, nous sommes déjà à la version 10 alors que Firefox est à la version 4 et Safari à la version 5.
  • Safari augmente doucement mais sûrement.
  • Firefox et Internet Explorer se stabilisent aux profits de Chrome. Les campagnes de publicité massives y sont certainement pour quelque chose. Dans tout les cas, je me réjouis de cette situation surtout parce que c’est aux dépens d’Internet Explorer.
  • Opéra n’évolue pas beaucoup en terme de nombre d’utilisateurs.

[Lire plus...]

Article / Page: Évolution des navigateurs Web de 1994 à 2011 | retour vers l'accueil, sur le site de Grégoire Noyelle ( WebDesigner Développeur WordPress freelance à Paris :: Web Designer )

WordPress :: Gestion basique des Images

Dans ce tutoriel nous allons voir comment intégrer une image a du contenu déjà existant. Le procédé est le même  pour les articles ou les pages.
Attention: Comme tout fichier sur le Web, il est important de respecter cette nomenclature dans le nom des images (ou des fichiers):

  • pas d’espace
  • pas de signe bizarre (!,?§….) à part le « - » et le « _ »
  • pas de lettres accentuées

Par contre, le titre de l’image ou du fichier comme nous le verrons accepte toutes ces restrictions.

[Lire plus...]

Article / Page: WordPress :: Gestion basique des Images | retour vers l'accueil, sur le site de Grégoire Noyelle ( WebDesigner Développeur WordPress freelance à Paris :: Web Designer )