Introduction (logiciels libres).Navigateurs et plugins.Cyberduck.FileZilla.
WordPress.SPIP.Processing.Arduino.Wiring.Drawbot.Nodebox.POV Ray.Dreamweaver MX.Fireworks MX.Flash MX.Director MX.Max-Msp.Pure Data.Isadora.VVVV.Live.Protools.Photoshop.Illustrator.Indesign.Acrobat.
WordPress est un logiciel de blog, libre, ergonomique et respectueux des standards W3C. Son installation est aisée, mais nécessite quelques connaissances techniques relativement faciles à acquérir. C'est la raison pour laquelle nous avons choisi ce système pour les étudiants en arts numériques à l'Erg. La personnalisation d'un WordPress introduit notamment à des outils tels que CSS (feuilles de style), le langage de programmation PHP, les bases de données MySQL, le FTP (protocole de transfert de fichiers), etc.
La traduction de la documentation n'est pas complète, ne vous étonnez pas de "sauter" d'une page en français à une page en anglais...
Je vous conseille, plus gobalement, cette excellente adresse dédiée aux logiciels libres:
Framasoft. L'annuaire du logiciel libre.
Munissez-vous de Firefox et de son extension webdeveloper:
Firefox en français.
Webdeveloper en français.
Extensions en français.
Développement Web avec Firefox. Un tutoriel proposé par Framasoft.
Si vous galérez en anglais:
Google. Outils linguistiques, traduction.
À propos de blogs:
Voir la page dédiée aux blogs sur multimedialab.
Guide pratique du blogger et du cyberdissident. Un guide à télécharger sur le site de Reporter Sans Frontières.
PHP. L'article Wikipedia.
MySQL. L'article Wikipedia.
Vous recevrez un login et un mot de passe qui vous permettront l'accès à votre espace en ligne, grâce à un logiciel "client FTP" (voir c-dessous).
Il vous restera à configurer votre WordPress. Lors de l'activation de votre blog, vous recevrez à nouveau un login ("admin") et un mot de passe qui vous serviront à vous connecter par http à la page d'administration de votre blog (écriture des articles, gestion, etc).
Installer WordPress. Toutes les infos. Si WP est déjà installé, passez à l'étape 5 (script d'installation).
Changing file permissions. Autoriser l'écriture sur certains fichiers.
Écran d'administration de WordPress. Infos de la doc WordPress.
Écriture et gestion des articles. Infos de la doc WordPress.
Ce logiciel vous servira également "changer les permissions de fichier", c'est-à-dire autoriser l'écriture sur certains fichiers (notamment sur le dossier "wp-content" pour pouvoir uploader des thèmes ou "templates").
Je l'ai déjà fait pour la plupart d'entre vous. S'il subsite un problème, signalez-le moi.
define('DB_NAME', 'votrelogin'); // Le nom de votre base de données (utilisez votre login)
define('DB_USER', 'votrelogin'); // Votre nom d'utilisateur MySQL (utilisez votre login)
define('DB_PASSWORD', 'votremotdepasse'); // ... votre mot de passe
define('DB_HOST', 'localhost'); // 99% de chances de ne pas modifier ceci
Dans votre cas, Stéphane ou moi auront déjà résolu l'installation de votre WordPress.
Un éditeur de texte pourra également être utile.
Voici au choix ce dont vous aurez besoin:
Sachez que Nvu (pour MacOSX, Windows, Linux) est un outil complet de gestion et de création de pages web qui contient (tout comme Dreamweaver) de nombreux outils dont un client FTP et -évidemment- un éditeur de code:
Il faut bien comprendre que l'apparence et le contenu de votre blog WordPress sont deux choses très différentes. Vous pourrez en modifier le graphisme à tout moment tout en gardant le contenu intact, via votre interface administrateur (d'un simple clic, vous choisirez le thème souhaité, pour autant que vous en ayez importé au préalable grâce à votre "client FTP").
Plus d'infos sur l'apparence graphique d'une page web, voir la page "Présentation et contenus séparés".
Pour intégrer un nouveau thème dans votre WordPress, il faudra (après l'avoir évidemment téléchargé et décompressé) le renvoyer sur votre hébergement à l'aide de votre "client FTP". Vous devrez le placer dans le dossier wp-content > themes. En principe, ce dossier existe et contient déjà un thème nommé "default" et un autre nommé "classic". Pour activer vos thèmes, il vous suffira d'y accéder ensuite par l'interface "administration" de WordPress.
WordPress ThemeViewer. Très grand choix de "thèmes", dont vous pourrez bricoler la CSS (feuille de style).
Utilisation des thèmes dans WordPress. Infos dans la doc WordPress.
WordPress Design & Layout. Infos dans la doc WordPress.
Trouver votre style de CSS. Infos dans la doc WordPress.
Manipuler les CSS (feuilles de styles) dans un éditeur de code est une bonne manière de personnaliser son WordPress. Dans ce cas, vous accéderez à tous les paramètres de positionnement et de comportement des éléments graphiques. Bien entendu, une initiation aux feuilles de styles et un peu de patience seront nécessaires. Par contre, l'acquisition d'une expérience avec les CSS sera un plus, puisque le langage CSS se révèle être LA solution graphique préconisée par le W3C (consortium qui régule et préside aux standards techniques du web).
Plus d'infos sur les CSS, voir la page dédiée aux CSS sur multimedialab.
Soyez ATTENTIFS aux modalités d'installation de certains plugins, qui nécessitent parfois des manipulations à l'intérieur des fichiers php. Si vous vous sentez d'attaque, je vous conseille donc de faire une sauvegarde de l'ensemble du WordPress avant de vous lancer dans des bidouillages.
Sauvegarder sa base de données. Infos en français dans la doc WordPress.
Voici une liste de liens à propos des plugins (sous réserve de tests):
Gestion des plugins. Infos de la doc WordPress.
WordPress Plugins. Infos de la doc WordPress.
WP-plugins.
WordPress Video Plugins.
WordPress Plugins Wiki.
Ceux que j'ai testé :
RunPHP. Permet d'envoyer du PHP via un post.
Akismet. Bloquer le SPAM. Il est livré d'origine avec votre de WordPress. N'oubliez pas de l'activer.
Clean Archives. Classement propre des archives. Voir HOWTO - Installing Clean Archive for Wordpress.
Easy Inline SWF.
Audio Player.
Voir mon blog pour l'installation des plugins testés.
Autres plugins à tester :
GeoPress. Permet d'inclure des cartes Google dans votre WordPress.
Yellow Swordfish. Enlarger, PopUp image gallery, etc.
Extreme Video Plugin.
WordPress/YouTube Video Gallery Plugin. Infos de la doc WordPress.
DewMP3. Active Dewplayer dans WordPress.
Dewplayer. Un player MP3 élégant et léger. Voir aussi Alsacréations.
Dewplayer reloaded.
WP-AddQuicktag.
La traduction de la documentation n'est pas complète, ne vous étonnez pas de "sauter" d'une page en français à une page en anglais...
Voici les liens de base, vous y trouverez WordPress et sa doc :
WordPress. Le site officiel.
WordPress francophone. Le site officiel francophone. Télécharger ici WordPress en français.
Guide pour démarrer avec WordPress. Le guide d'un utilisateur, assez clair.
Démarrer avec WordPress.
Premiers pas avec WordPress. Caractéristiques complètes et conseils d'utilisation.
WordPress. L'article Wikipedia, souvent utile à consulter pour une info globale.
WordPress France. Téléchargement de la version française et docs.
WordPress FAQ. La documentation en français sous forme de "Foire Aux Questions".
WordPress French Codex. l'ensemble des pages du Codex (Wiki) existant en Français.
Le Guide d'Installation Pour Tous de WordPress. Par Brendan Booth (PDF en anglais).
WordPress. Le site officiel.
WordPress francophone. Le site officiel francophone. Télécharger ici WordPress en français.Guide pour démarrer avec WordPress. Le guide d'un utilisateur, assez clair.Démarrer avec WordPress.Premiers pas avec WordPress. Caractéristiques complètes et conseils d'utilisation.WordPress. L'article Wikipedia, souvent utile à consulter pour une info globale.WordPress France. Téléchargement de la version française et docs.WordPress FAQ. La documentation en français sous forme de "Foire Aux Questions".WordPress French Codex. l'ensemble des pages du Codex (Wiki) existant en Français.Le Guide d'Installation Pour Tous de WordPress. Par Brendan Booth (PDF en anglais).
Préambule.
Pour gérer votre WordPress, vous aurez besoin de quelques logiciels recommandés sur cette page.Je vous conseille, plus gobalement, cette excellente adresse dédiée aux logiciels libres:
Framasoft. L'annuaire du logiciel libre.Munissez-vous de Firefox et de son extension webdeveloper:
Firefox en français.Webdeveloper en français.Extensions en français.Développement Web avec Firefox. Un tutoriel proposé par Framasoft.Si vous galérez en anglais:
Google. Outils linguistiques, traduction.
À propos de blogs:
Voir la page dédiée aux blogs sur multimedialab.Guide pratique du blogger et du cyberdissident. Un guide à télécharger sur le site de Reporter Sans Frontières.
Le blog de multimedialab.be: http://www.erg.be/multimedialab/blog/
Installer WordPress.
Votre WordPress sera installé par Stéphane Noël ou Marc Wathieu sur un hébergement équipé du couple PHP (langage de programmation web côté serveur) et MySQL (serveur de base de données), logiciels libres.PHP. L'article Wikipedia.MySQL. L'article Wikipedia.Vous recevrez un login et un mot de passe qui vous permettront l'accès à votre espace en ligne, grâce à un logiciel "client FTP" (voir c-dessous).
Il vous restera à configurer votre WordPress. Lors de l'activation de votre blog, vous recevrez à nouveau un login ("admin") et un mot de passe qui vous serviront à vous connecter par http à la page d'administration de votre blog (écriture des articles, gestion, etc).
Installer WordPress. Toutes les infos. Si WP est déjà installé, passez à l'étape 5 (script d'installation).Changing file permissions. Autoriser l'écriture sur certains fichiers.Écran d'administration de WordPress. Infos de la doc WordPress.Écriture et gestion des articles. Infos de la doc WordPress.
Utiliser un "Client FTP".
Un "Client FTP" est une application qui vous permettra de vous connecter à votre "serveur distant" (votre hébergeur), et de gérer votre espace en ligne: déposer WordPress, y ajouter des thèmes ou plugins, "uploader" (contraire de "downloader") des CSS modifiées, etc.
|
FileZilla. Client FTP pour Windows.Utiliser FileZilla. Infos de la doc WordPress.Maîtriser FileZilla en 5 minutes. Un document (PDF) provenant de Framasoft. |
|
 Cyberduck. Client FTP pour Mac.Aide de Cyberduck. Les réponses à vos questions !Plus d'infos sur le FTP (File Transfer Protocole), voir la page dédiée au FTP.
|
Ce logiciel vous servira également "changer les permissions de fichier", c'est-à-dire autoriser l'écriture sur certains fichiers (notamment sur le dossier "wp-content" pour pouvoir uploader des thèmes ou "templates").
Je l'ai déjà fait pour la plupart d'entre vous. S'il subsite un problème, signalez-le moi.
Utiliser un éditeur de code.
Un éditeur de code sera nécessaire pour éditer certains fichiers. Par exemple, lors de l'installation de WordPress sur votre serveur, il sera nécessaire de modifier le fichier "wp-config.php", afin de lui renseigner vos coordonnées, ce qui donne ceci :define('DB_NAME', 'votrelogin'); // Le nom de votre base de données (utilisez votre login)
define('DB_USER', 'votrelogin'); // Votre nom d'utilisateur MySQL (utilisez votre login)
define('DB_PASSWORD', 'votremotdepasse'); // ... votre mot de passe
define('DB_HOST', 'localhost'); // 99% de chances de ne pas modifier ceci
Dans votre cas, Stéphane ou moi auront déjà résolu l'installation de votre WordPress.
Un éditeur de texte pourra également être utile.
! ATTENTION !
un "éditeur de code" est un logiciel qui fonctionne en "plain text", c'est-à-dire qui produit du texte pur, CONTRAIREMENT à un logiciel de "traitement de texte" comme Microsoft Word, qui produit un texte formaté, contenant des informations de présentation, problématiques dans ce cas-ci.
Un "éditeur de texte" produit également du "plain text" mais ne dispose pas des fonctionnalités d'un "éditeur de code" (numérotation de lignes, indentation, colorisation syntaxique, gestion de blocs, etc).
D'autre part, notez-bien que le texte peut être encodé selon des normes différentes (Unicode UTF-8 ou UTF-16, ASCII, etc) définies dans les "préférences" des logiciels. En principe, vous ne devriez pas y toucher, mais il est bon de savoir que certains problèmes de compatibilité (affichage incohérent) peuvent provenir du choix de l'une ou l'autre de ces normes.
un "éditeur de code" est un logiciel qui fonctionne en "plain text", c'est-à-dire qui produit du texte pur, CONTRAIREMENT à un logiciel de "traitement de texte" comme Microsoft Word, qui produit un texte formaté, contenant des informations de présentation, problématiques dans ce cas-ci.
Un "éditeur de texte" produit également du "plain text" mais ne dispose pas des fonctionnalités d'un "éditeur de code" (numérotation de lignes, indentation, colorisation syntaxique, gestion de blocs, etc).
D'autre part, notez-bien que le texte peut être encodé selon des normes différentes (Unicode UTF-8 ou UTF-16, ASCII, etc) définies dans les "préférences" des logiciels. En principe, vous ne devriez pas y toucher, mais il est bon de savoir que certains problèmes de compatibilité (affichage incohérent) peuvent provenir du choix de l'une ou l'autre de ces normes.
Voici au choix ce dont vous aurez besoin:
|
|
|
|
|
|
|
Sachez que Nvu (pour MacOSX, Windows, Linux) est un outil complet de gestion et de création de pages web qui contient (tout comme Dreamweaver) de nombreux outils dont un client FTP et -évidemment- un éditeur de code:
|
KompoZer. Logiciel libre de création et d’administration de pages web.Voir une description sur Framasoft. |
Personnaliser son blog WordPress.
WordPress bénéficie de nombreux "thèmes" (squelettes, gabarits graphiques ou "templates") fournis par une communauté active de contributeurs. Il faut bien comprendre que l'apparence et le contenu de votre blog WordPress sont deux choses très différentes. Vous pourrez en modifier le graphisme à tout moment tout en gardant le contenu intact, via votre interface administrateur (d'un simple clic, vous choisirez le thème souhaité, pour autant que vous en ayez importé au préalable grâce à votre "client FTP").
Plus d'infos sur l'apparence graphique d'une page web, voir la page "Présentation et contenus séparés".
Pour intégrer un nouveau thème dans votre WordPress, il faudra (après l'avoir évidemment téléchargé et décompressé) le renvoyer sur votre hébergement à l'aide de votre "client FTP". Vous devrez le placer dans le dossier wp-content > themes. En principe, ce dossier existe et contient déjà un thème nommé "default" et un autre nommé "classic". Pour activer vos thèmes, il vous suffira d'y accéder ensuite par l'interface "administration" de WordPress.
WordPress ThemeViewer. Très grand choix de "thèmes", dont vous pourrez bricoler la CSS (feuille de style).Utilisation des thèmes dans WordPress. Infos dans la doc WordPress.WordPress Design & Layout. Infos dans la doc WordPress.Trouver votre style de CSS. Infos dans la doc WordPress.Manipuler les CSS (feuilles de styles) dans un éditeur de code est une bonne manière de personnaliser son WordPress. Dans ce cas, vous accéderez à tous les paramètres de positionnement et de comportement des éléments graphiques. Bien entendu, une initiation aux feuilles de styles et un peu de patience seront nécessaires. Par contre, l'acquisition d'une expérience avec les CSS sera un plus, puisque le langage CSS se révèle être LA solution graphique préconisée par le W3C (consortium qui régule et préside aux standards techniques du web).
Plus d'infos sur les CSS, voir la page dédiée aux CSS sur multimedialab.
Installer des plugins.
WordPress bénéficie de nombreuses extensions (plugins). Attention néanmoins à leur compatibilité avec la version de votre WordPress (actellement 2.0.5). Leur installation se fait également en téléchargeant le plugin, et en le plaçant (à l'aide de votre client FTP) à l'intérieur du dossier wp-content > plugins. Soyez ATTENTIFS aux modalités d'installation de certains plugins, qui nécessitent parfois des manipulations à l'intérieur des fichiers php. Si vous vous sentez d'attaque, je vous conseille donc de faire une sauvegarde de l'ensemble du WordPress avant de vous lancer dans des bidouillages.
Sauvegarder sa base de données. Infos en français dans la doc WordPress.Voici une liste de liens à propos des plugins (sous réserve de tests):
Gestion des plugins. Infos de la doc WordPress.WordPress Plugins. Infos de la doc WordPress.WP-plugins.WordPress Video Plugins.WordPress Plugins Wiki.Ceux que j'ai testé :
RunPHP. Permet d'envoyer du PHP via un post.Akismet. Bloquer le SPAM. Il est livré d'origine avec votre de WordPress. N'oubliez pas de l'activer.Clean Archives. Classement propre des archives. Voir HOWTO - Installing Clean Archive for Wordpress.Easy Inline SWF.Audio Player.Voir mon blog pour l'installation des plugins testés.Autres plugins à tester :
GeoPress. Permet d'inclure des cartes Google dans votre WordPress.Yellow Swordfish. Enlarger, PopUp image gallery, etc.Extreme Video Plugin.WordPress/YouTube Video Gallery Plugin. Infos de la doc WordPress.DewMP3. Active Dewplayer dans WordPress.Dewplayer. Un player MP3 élégant et léger. Voir aussi Alsacréations.Dewplayer reloaded.WP-AddQuicktag.Faire tourner un site dynamique open source sur votre ordi.
Pour ceux qui souhaiteraient faire tourner WordPress ou SPIP en local (c’est à dire sur votre ordinateur, sans devoir disposer d’un hébergeur):
|
|
|
Mamp. Serveur php et Mysql pour Mac. Serveur PHP et MySQL pour Windows. Installer WP avec MAMP. Infos de la doc WordPress. |
|
|
|
XAMPP. Serveur PHP et MySQL pour Windows, MacOSX & Linux. Installing WP with XAMPP. Infos de la doc WordPress. |
M'écrire - Newsletter - À propos de ce site