Wordpress CMS

19 juin 2009

Écrire un premier article dans WordPress

Filed under: Articles,Interface privé — E_influenceur @ 10 h 00 mi
Tags: ,

color_linePour commencer, nous allons supprimer l’article créé automatiquement par WordPress lors de l’installation, la première chose à faire c’est de se connecter à son interface privé, administration. Regardons de plus près l’interface d’un nouvel article. Première chose à faire Ajouter un nouvel article via le menu de gauche.

Découverte des outils

Le menu est très explicite...

Le menu est très explicite...

Pour dérouler le menu des articles (mais aussi des autres outils) il suffit de cliquer sur la petite flèche à côté d’Articles. Cliquez maintenant sur Ajouter. Vous devriez voir apparaître ceci:

Description de l'interface

Description de l'interface

Pour faciliter la rédaction les developpeurs de WordPress vous donne l’accès un un éditeur dont les raccourcis ressemblent a un traitement de texte classique (comme open office). Plusieurs zones à découvrir

  • Zone Titre
  • Zone corps du message (c’est ici que vous écrivez votre article)
  • Zone de publication (en haut à droite)
  • Zone de l’extrait (Pas obligatoire)

Zoom sur l’Éditeur:

WordPress utilise comme éditeur: TinyMCE (Pour en savoir +)

L’Éditeur est très fonctionnel il permet une mise en forme rapide de votre article:

L'Éditeur gérant les articles sous WordPress

L'Éditeur gérant les articles sous WordPress

Voici une première vue de l’Éditeur en mode simple, il peut être développé en cliquant sur la dernière icône sur la droite, il affichera alors les outils sur deux lignes comme ci-dessous:

Cliquez sur la dernière icône sur la droite

Cliquez sur la dernière icône sur la droite

Vous avez maintenant l’Éditeur sur deux lignes:

L'éditeur sur deux lignes

L'éditeur sur deux lignes

pas besoin de plus d’explications pour expliquer les différents symboles… juste un petit zoom sur les deux onglets surplombants l’Éditeur.

Les deux onglets

Les deux onglets

Par défaut il est sur Visuel mais vous pouvez basculer en mode HTML (très pratique pour débugger certaines balises html récalcitrantes.

Voici les premières lignes de l’article en mode visuel:

L'article onglet Visuel

L'article onglet Visuel

Le même article vu sous l’onglet HTML:

L'article vu par l'onglet HTML

L'article vu par l'onglet HTML

L'article vu par l'onglet HTML

L'article vu par l'onglet HTML

Insérer une image

Une des fonctions la plus utilisée dans l’éditeur c’est l’insertion d’une image, (vous pouvez également inserer une video, du son, un média, et depuis peu un sondage)

il suffit de cliquer sur le bouton Insérer image en haut de l’éditeur:

Cliquez sur l'icône juste à côté d'Envoyer/Insérer

Cliquez sur l'icône juste à côté d'Envoyer/Insérer

S’ouvre alors une nouvelle fenêtre:

Interface insertion d'images

  • Depuis votre ordinateur (permet de télécharger une image depuis son ordinateur)
  • Faire un lien vers une url (permet d’inserer une image d’un site Web en copie collant son url)
  • Galerie (permet d’insérer une galerie flash des images déjà télécharger dans son WordPress)
  • Bibliothèque de médias  (c’est là où sont stockées tous vos médias images, photos, sons…)

Thème : Rubric. Un Blog WordPress.com.

Suivre

Get every new post delivered to your Inbox.