Vous êtes sur la page 1sur 43

Site Web #socent

Blog | Site Institutionnel | Site E-commerce

Crer un premier site internet

Site Web #socent

Choix applicatifs
Google Sites
Inclus dans la suite Google Apps Ajouts de fonctionnalits par des codes embedded Apparence partir de modle

Wordpress
CMS open source, gratuit Gestion de lapparence par des thmes Ajout de fonctionnalits par des plugins

Site Web #socent

Google Sites

Site Web #socent

Guide technique

http://fr.scribd.com/doc/61156721/Google-Apps-4-socent

Site Web #socent

Usage & Fonctionnalits


Usage
Intranet dentreprise (gestion des accs) Site web familial

Fonctionnalits
Edition intuitive, modles cls en main, contrle daccs, stockage

Site Web #socent

Exemples + back-office

Site Web #socent

Wordpress

Site Web #socent

Prsentation
CMS Open-source Version franaise Extensions
Thmes Plugins

En saas
monsite.wordpress.com gratuit Peu de souplesse

Hberg
partir de 2,38/mois chez OVH avec nom de domaine Installation plus complexe, mais grande libert par la suite.

Site Web #socent

Architecture

Site Web #socent

Architecture #2 : le multi-site
Intrt : un seul back-office tous ces sites, MAJ du noyau unique monsite.org
monsite.org/evenement monsite.org/boutique

Une manipulation :
http://freelance-web-consultant.fr/aide-wordpress/tutorielmettre-en-place-le-multi-sites-sur-wordpress-3

Site Web #socent

Installer Wordpress

Site Web #socent

Pr-requis
Un nom de domaine avec hbergement et base de donnes

Site Web #socent

Installer WP
http://fr.wordpress.org/ Tlcharger la dernire version Dcompresser Rglage important pour que WP ait accs votre BDD.

Site Web #socent

Copier-coller wp-config-sample.php, le renommer en wp-config.php

Ouvrir wp-config.php avec le bloc-note ou NotePad+ Modifier les informations relatives votre base de donnes (fournies par votre hbergeur)
DB_NAME = DB_USER le plus souvent DB_PASSWORD DB_HOST fourni par votre hbergeur

Voir slide suivante

Site Web #socent

Modifier wp-config.php

Site Web #socent

Upload et connexion
Uploader sur votre FTP
Utiliser Filezilla (http://filezilla-project.org/)

Se connecter au wizard
http://monsite.org/wp-admin/install.php

Renseigner les champs

Site Web #socent

Site Web #socent

La fin approche
Cliquer sur se connecter

Site Web #socent

Se logger
Avec les identifiants rentrs au wizard dinstallaiton Site install !

Site Web #socent

Site Web #socent

Rfrence : http://freelance-web-consultant.fr/aidewordpress/tutoriel-mettre-en-place-le-multi-sites-surwordpress-3

Installer en Multi-site

Site Web #socent

Deux possibilits :
sous-domaines : site1.monsite.org sous-dossiers : monsite.org/site1

le second est plus souple lusage, et nimpliquer pas de grer les redirections CNAME

Site Web #socent

Multisite ? Si oui, suivre ces point


Dans wp-config.php ajoutez : define('WP_ALLOW_MULTISITE', true); juste avant le commentaire :
/* C'est tout, ne touchez pas ce qui suit ! Bon blogging ! */

Site Web #socent

Cration du rseau
Rafrachir (F5) Cliquer sur Outils, puis Cration du rseau

Site Web #socent

Installer

Site Web #socent

Les instructions associes

Site Web #socent

Deux fichiers modifier


Sauvegarder wp-config.php et .htaccess si vous en avez un (sinon, crer un fichier texte, lappeler htaccess.txt)

Site Web #socent

Dans Filezilla
Crer le rpertoire blog.dir dans le dossier wp-content CHMOD : 755

Site Web #socent

Modifier wp-config.php
Louvrir en local avec NotePad++, ajouter les lignes nonces par wordpress au dessus du commentaire Cest tout, ne touchez pas

Site Web #socent

.htaccess
Si vous nen avez pas, crer un .txt avec le texte donne par wordpress :

Site Web #socent

.htaccess #2
Uplaoder le htaccess.txt sur le serveur, le renommer en .htaccess

Site Web #socent

Se reconnecter

Site Web #socent

Le rseau est prt


En haut gauche, dans le back-office, un menu super-admin apparat.

Site Web #socent

Ajouter un site
Pointer sur Mes Sites, Admin du Rseau, cliquer sur Sites Cliquer sur Ajouter Ajouter ladresse du site, son nom et le mail de ladministrateur

Site Web #socent

Personnaliser son site

Site Web #socent

Les Thmes
Gratuit, accessible du back-office de wordpress Payants, exemple : http://www.woothemes.com/
Thmes de qualit professionnelle, payants

De nombreux thmes gratuits existent, faire une recherche google.

Site Web #socent

Installer un thme
Le tlcharger (le plus souvent, format .zip) Pointer sur Thmes , puis cliquer sur Ajouter . Cliquer sur Envoyer . Charger votre thme, cliquer sur installer maintenant. Si vous tes en multi-site, cliquer sur activer sur le rseau .

Site Web #socent

Activer un thme
Pointer sur Apparence, cliquer sur Thmes. Activer votre thme.

Site Web #socent

Les plugins
Exemples
Un menu amlior
Dmo : http://wpmegamenu.com/ 18$

Un grille dimages dynamique


Dmo : http://codecanyon.net/item/dynamic-grid-wordpressposts-feed-slider/full_screen_preview/2644510 18$

Nombreux plugins gratuits


Mailchimp, Page link to,

Site Web #socent

Installer un plugin
Pointer sur extensions, cliquer sur ajouter , puis sur envoyer. Choisissez le .zip du plugin, installer.

Site Web #socent

Avec woocomerce

Site e-commerce

Site Web #socent

Un framework e-commerce open-source


Tlcharger woocommerce
http://www.woothemes.com/woocommerce/

Complter ventuellement dun thme adapt Exemple : http://www.capdigital.com/publications/

Site Web #socent

Auteur
Franois Hanat
Charg de mission Cap Digital Ple de Comptitivit des services et Contenus Numriques

f@hanat.fr http://francois.hanat.fr

43