tuto installation wordpress

Faire un joli graphique avec google chart est un jeu d’enfant:

Lors de la rédation de son article Wordpress il suffit de cliquer sur  le rectangle qui suit ‘Insérer’ pour insérer une image puis de choisir l’option  (l’onglet)  “faire un lien vers un adresse web”

Dans le cas de l’article sur les marges et couts du e-commerce ce lien (ou URL) était:

http://chart.apis.google.com/chart?chs=480×150&chd=t:40,19.6,7,5,1,2,10,16.4&chco=FF8040,FFFF00,00FF00,00FFFF,0000FF&cht=p3&chl=Fournisseur|TVA|Frais de port|logistique|Comptable|Frais Banquaires|Marketing Pub|Marge Commercant

Explications:

chs=480×150  c’est la taille de l’image

chd=t:40,19.6,7,5,1,2,10,16.4  c’est la serie de valeurs du camember

chco=FF8040,FFFF00,00FF00,00FFFF,0000FF on en a pas besoin c’est juste pour changer les couleurs par défault

cht=p3 c’est pour avour un camember 3D

chl=Fournisseur|TVA|Frais de port|logistique|Comptable|Frais Banquaires|Marketing Pub|Marge Commerçant   c’est juste la légende

Pour avoir un camember 2D au lieu du 3D c’est cht=p :

camember 2D

Pour avoir un histogramme c’est cht=bvs

histogramme

Toutes les options sur google API

Grâce au pluggin WP-o-matic  on peut automatiser l’ajout de post en provenance de flux rss dans son blog Wordpress. Très pratique pour alimenter un rubrique news par exemple.

Pour le faire:

1) télécharger et installez wp-o-matic depuis le site devthought

2) configurez wp-o-matic en suivant les menus de configuration  (il suffit de fournir l’url du flux rss )

3) pour automatiser l’intégration:  si votre hébergeur vous permet d’exécuter une tache cron entrez la dans le planificateur de tache.

Si votre hébergeur ne vous permet pas d’exécuter une tache cron pouvez toujours ouvrir un compte gratuit sur 000webhost et exécuter cette tache à distance.

Créez un fichier matache.php (en utilisant l’url fournie a l’installation de w-o-matic sur le blog):

<?php

$handle = fopen(”http://votre.site.com/wp-content/plugins/wp-o-matic/cron.php?code=XXXXXXX”, “r”);

fclose($handle);

?>

transferez ce fichier sur votre compte 000webhost (a la racine par exemple) et déclarez la tache depuis le panneau d’administration:

ceci vous permettra d’allez lire les flux rss et d’importer automatiquement les posts dans votre blog.

Servez c’est pret!

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:

menu de création de la base mysql

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

a noter pour l'étape 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

configuration gestionaire de site

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

installation

C'est déja fini !

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)