l'éditeur html dans wordpress

Le plugin Vipers video quicktags ajoute à la barre d’outils de l’éditeur html de wordpress des boutons — ceux qui vous conviennent — pour afficher facilement dans vos articles une video hébergée par youtube, DailyMotion, Vimeo, …

Les dimensions en hauteur et largeur sont paramétrables et modifiables pour chaque video incluse.

Ci-dessous, l’installation du plugin :

Cliquer ici pour voir la vidéo.

Qu’ajoute à cela le plugin Explanatory dictionary ?

• Les mots et leur descriptif sont regroupés en glossaire. Si le mot apparait dans différents articles, son descriptif sera apparent dans ces articles automatiquement.
• la mise en forme css de l’infobulleUne infobulle est du texte ajouté à un mot pour afficher un court descriptif supplémentaire lors du survol de la souris sur ce mot. devient possible.

Testons pour voir :

Pour visualiser les données brutes, il existe une application (oui, encore) nommée phpMyAdmin.

Mon hébergeur est OVH et il existe beaucoup de chances pour que cela soit le vôtre aussi. Si ça n’est pas le cas, je pense que l’image ci-dessous est à peu près similaire à celle que vous offre votre interface d’administration.

Pour accéder à votre base de données, si vous êtes hébergé par OVH

Votre hébergeur vous a fourni 4 informations essentielles qui vous ont été nécessaires pour installer wordpress :

• Serveur        : mysql51-30.pro
•  Utilisateur    : xxxxxxxxxxxxx
•  Nom de la base : xxxxxxxxxxxxx
•  Mot de passe   : *********

WordPress a écrit votre fichier wp-config.php :

Constantes MySql dans wp-config.php

Dans PhpMyAdmin, après avoir saisi Utilisateur et Mot de passe , sélectionnez les options pour le serveur et cliquez sur Exécuter ; nous allons explorer la bdd.

———————————————-

(*) un site dynamique désigne un site dont les données sont enregistrées de telle façon que l’utilisateur puisse faire évoluer à loisir le contenu ; les données variables se trouvent  dans des fichiers séparés et sont appelées par un langage de programmation. Le site statique, lui, désigne un site dont les données se trouvent dans les pages html elles-mêmes.

Contact Form 7 par défaut

Par défaut, le formulaire comprend les champs suivants :

• nom
• email
• sujet
• message

Le menu « Générer un marqueur » offre la possibilité de personnaliser ce formulaire.

Voici, par exemple, comment insérer des options ‘case à cocher’.

Fichier modifié :

• style.css de votre thème

Logiciels requis :

• navigateur Firefox avec l’extension Firebug
• éditeur de texte Notepad++
• Filezilla pour le transfert de fichiers

Seulement voilà… tout n’étant pas parfait en ce monde, et certainement pas dans le domaine informatique où les versions succèdent aux versions à une vitesse vertigineuse, il peut arriver que votre blog se mette subitement à ‘dérayer’ et que plus rien ne fonctionne.

Pas de panique ; il y a un moyen très simple pour détecter l’application incriminée :

- dans le fichier wp-config.php, attribuer à la constante ‘WP_DEBUG’ la valeur ‘true’ :
define('WP_DEBUG', true);

Très bien, me direz-vous, mais tout le monde va le savoir que mon site se barre en sucette !!!

Oui ; il faut donc ajouter une information pour que vous soyez le seul à visualiser les erreurs.

- noter votre adresse IP : vous pouvez aller sur ce site par exemple si vous ne la connaissez pas ; elle est sous la forme ‘xxx.xxx.xxx.xxx'.

- ajouter * dans votre fichier wp-config.php, au-dessus de define('WP_DEBUG', false); :

if($_SERVER['REMOTE_ADDR']=='xxx.xxx.xxx.xxx')
define('WP_DEBUG', true);
else

ce qui donnera :

if($_SERVER['REMOTE_ADDR']=='xxx.xxx.xxx.xxx')
define('WP_DEBUG', true);
else
define('WP_DEBUG', false);

Pour faire en sorte que cela fonctionne avec une autre IP :

if($_SERVER['REMOTE_ADDR']=='xxx.xxx.xxx.xx1' || $_SERVER['REMOTE_ADDR']=='xxx.xxx.xxx.xx2')

Ce qui veut dire : si mon adresse IP est égale à l’IP_1 ou si elle est égale à l’IP_2, afficher les erreurs, sinon rien !

(*) copiez les dossiers et fichiers de votre site distant sur votre ordinateur avec Filezilla et modifiez les fichiers avec l’éditeur de texte Notepad++ ; puis mettez à jour votre blog en ligne en téléchargeant avec Filezilla le fichier modifié .

/-\o/-\o/-\o/-\o/-\o-/o\-/o\-/o\-/o\-/o\-/o\-/o\-/o\-/o\

Et maintenant, que fait-on avec ces lignes d’erreurs ?

Observer, rechercher, tester une correction…

Vous pouvez voir ce que cela donne avec un thème « inadapté » : le résultat n’est pas garanti, il faut savoir lâcher prise !

Pas de regret, le design n’est vraiment pas à mon goût.

Les limites de notre pouvoir sont vite atteintes, pour peu que le thème ou le plugin n’offre pas les options de modification de l’affichage des données par défaut  :

Comment enlever cette date qui m’encombre, ce nom d’auteur impossible à dégager… ah, mais on le sait que c’est moi qui ai écrit, ai-je besoin de le préciser ? et tant d’autres questions quand ce ne sont pas de sinistres dérapages, plus rien ne répond, voilà à présent ma feuille de style perdue errant seule dans l’univers, et un écran blanc, puis un sinistre « headers already sent by... » (là je vous ai bien tué ! non ? ^_^ )

Très vite, on s’aperçoit des limites de ce processus idéal.

Pour arriver au résultat rêvé et être prêt à écrire nos articles, il faut faire place nette, bien cadrer le décor pour s’y sentir bien.

Voici quelques outils qu’il nous faudra utiliser, et quelques (:-o) notions à intégrer…

Notepad++

• éditeur de texte

Firefox

• navigateur
• + extensions Firebug
• console web : code html, feuilles de style css
• les autres navigateurs : Internet Explorer, Opéra, Google Chrome, …

phpMyAdmin (votre base de données chez OVH)

• Gestion des bases de données
• bdd MySql
• les fichiers de sauvegarde .sql
• PHP
• les fichiers .php, .ini
• debug
• les variables et CONSTANTES, les fonctions, les objets

 La boite à couleurs

Ce petit logiciel vous permettra de trouver rapidement le code d’une couleur sur tout document ouvert sur votre ordinateur : cliquez sur l’outil pipette et cliquez la couleur de votre choix. Il ne vous reste plus qu’à copier le code et le coller dans votre fichier de style css.

N.B. les tutoriels sont effectués dans un environnement Windows

S’il vous plait dites-moi :

Utilisez-vous ces outils ? lesquels ?

WordPress offre la possibilité de créer plusieurs blogs à partir d’une seule installation WordPress grâce à la fonctionnalité ‘multisite’.

Les logiciels à utiliser sont :

• Notepad++ (ou tout autre éditeur de texte)
• Filezilla (ou tout autre logiciel FTP)

Les fichiers à modifier sont :

• wp-config.php
• .htaccess

Ces 2 fichiers se trouvent à la racine du site.

Si le fichier .htaccess n’existe pas, le créer à l’aide de Notepad++

La fonctionnalité « multisite » est activée par la constante ‘WP_ALLOW_MULTISITE‘ .

Commencez donc par saisir dans le fichier wp-config.php :

define('WP_ALLOW_MULTISITE', true) ;

La configuration complète de wordpress pour réaliser un blog multi-sites est décrite dans la vidéo ci-dessous.