tuto installation wordpress

Ce petit outil vous permet d’insérer des images défilantes sur votre site.

comme par exemple:

Ce flash vous permet de faire defiler vos images, afficher une description et revoyer vers un lien de votre choix lorsque l’on clique sur l’image.

Vous pouvez juster la hauteur et la largeur  de l’encadré.

Attention les images de ne sont pas redimensionnées, il est donc préférable qu’elles aient la même hauteur.

Pour l’installer sur votre site:

1. - téléchargez le fichier scroller_horiz.swf
2. créez un fichier xml decrivant les images afficher, le lien pour chacune d’elle et la description
3. ajoutez quelques ligne de html sur votre page

1) téléchargez le fichier scroller_horiz.swf

Downloaded a total of 141 times

le fichier devra être dezipé et sauvegardé sur votre site.

Si vous utilisez 000webhost vous pouvez créer un repertoir widgets dans /public_html/ par exemple.

/public_html/widgets/scroller_horiz.swf

2) créez le fichier xml:

C’est juste une description (text) de ce que scroller_horiz.swf doit afficher.

pour chaque image (description comprise entre <node> et </node>) on doit obligatoirement préciser ou est l’image (balise
<img_url> )  le lien de destination si l’image et cliquée (balise <link>) et le titre ou la description de l’image dans la balise <title>

dans l’exemple si dessous les images sont sous ./images/ sur le site (/public_thml/images/ sur 000webhost)

<?xml version="1.0" encoding="UTF-8" ?>
 <node>
<img_url>http://www.monsite.com/images/image1.jpg</img_url>
<link>http://www.monsite.com/monproduit1.html  </link>
<title>la description de mon image 1 </title>
</node>
 <node>
<img_url>http://www.monsite.com/images/image2.jpg</img_url>
<link>http://www.monsite.com/monproduit2.html   </link>

<title>la description de mon image 2  </title>
</node>
.
.
.

sauvegardez ce fichier avec un extention .xml par exemple myfeed.xml  et choisissez un encodage UTF-8 (avec notepad par exemple)

Faites attention a ce que votre fichier s’appelle bien myfeed.xml et non myfeed.xml.txt

transferez ce fichier sur votre site: par exemple /public_html/feeds/myfeed.xml

3) dernière étape inserez le code suivant sur la page de votre choix:

<embed allowscriptaccess=”always” bgcolor=”#ffffff” flashvars=”feed=http://www.monsite.com/feeds//myfeed.xml&amp;thumb_width=120&amp;thumb_height=120&amp;gallery_width=400&amp;gallery_height=130&amp;gallery_x=10&amp;gallery_y=0″ name=”defilimage” pluginspage=”http://www.macromedia.com/go/getflashplayer” quality=”high” src=”http://www.monsite.com/widgets/scroller_horiz.swf” type=”application/x-shockwave-flash” wmode=”transparent” align=”middle” width=”400″ height=”130″>

il faut changer les valeurs suivantes:

feed= indique le chemin d’acces a votre fichier xml (etape 2)

src= indique le chemin d’acces à l’outils scroller_horiz.swf

thumb_width= largeur en pixel de chacune des images

thumb_height=  hauteur en pixel des images

gallery_width=  largeur de la gallery (on a choisi de faire apparaitre  un peu moins de 4 images dans la gallerie )

gallery_height=  hauteur de la gallerie

width= prendre la meme valeur que la gallery_width

height= prendre la meme valeur que la gallery_height

L’installation de WorPress est particulièrement facile. J’ai noté pas a pas les étapes qui ont conduits à l’installation de ce site / blog WordPress.

Essayez vous même…ça ne  devrait pas prendre plus de 15 minutes….

1) télécharger la dernière version de WordPress:

sur le site download  http://fr.wordpress.org/releases/#latest et dézipper le fichier teléchargé.

2) Créér un compte chez un hebergeur:

vous avez besoin d’un hébergement qui accepte le php.

S’il est gratuit c’est encore mieux…ce tuto a été réalisé sur l’hebergement gratuit  000webhost . 000webhost a l’avantage de créer les compte immédiatement et  d’offrir les caractéristiques php suivantes:

PHP mail() function et Sendmail

Curl, GD2 library, ImageMagick, Zend

fopen() and PHP sockets

safe_mode  OFF, file uploads ON

Zend Optimizer support, Ioncube loader..

en plus, possibilité de mettre en place des tâches planifiées (Cron, crontab)

3)  Créér une base mysql pour votre blog:

Une fois que votre compte est créé,  créez une base mysql et un compte pour cette base, rien de plus facile sélectionnez l’icone  de votre page d’administration et remplissez les champs nécéssaires,  j’ai choisi le suffix blog dans cet exemple:

une fois validé, notez les information pour l’etape suivante:

4)  Renseignez les details de votre base mysql :

copier wp-config-sample.php et renomer le wp-config.php et modifier le informations de la base mysql avec le renseignement de l’etape precedente (utiliser wordpad par exemple )

// ** Réglages MySQL - Votre hébergeur doit vous fournir ces informations. ** //
/** Le nom de la base de données de WordPress. */
define(’DB_NAME’, ‘a62xxxx_blog‘);

/** Utilisateur de la base de données MySQL. */
define(’DB_USER’, ‘a62xxxx_blog‘);

/** Mot de passe de la base de données MySQL. */
define(’DB_PASSWORD’, ‘monpassword‘);

/** Adresse de l’hébergement MySQL. */
define(’DB_HOST’, ‘mysql5.000webhost.com‘);

5) transfert des fichiers sur l’hebergement:

transférer par ftp (filezilla par exemple) dans un répertoire du site d’hébergement.

pour configurer filezilla:

hôte:   nom-de-votre-compte.comze.com

utilisateur: a62xxx

onglet avancé du gestionaire de site :

répertoire par défaut : /public_html/

6) Installation:

executer le script d’installation wp-admin/install.php en ouvrant l’adresse suivante avec internet explorer ou mozilla:

http://nom-de-votre-compte.comze.com/blog/wp-admin/install.php

ou si vous avez installé a la racine:

http://nom-de-votre-compte.comze.com/wp-admin/install.php

Problèmes d’installation:

Si vous obtenez ce type d’erreur, c’est sans doute une mauvaise adresse….vérifiez les fautes de frappes et noms de répertoire….

Internal Server Error

The server encountered an internal error or misconfiguration and was unable to complete your request.

Please contact the server administrator, cpanel@hosting24.com and inform them of the time the error occurred, and anything you might have done that may have caused the error.

More information about this error may be available in the server error log.

Additionally, a 500 Internal Server Error error was encountered while trying to use an ErrorDocument to handle the request.

Si vous obtenez ce type d’erreur en hiéroglyphe  c’est sans doute que le fichier wp-config.php  a été sauvegardé dans un format qui ne convient pas (unicode text document par exemple ne marche pas)