SlideShare une entreprise Scribd logo
1  sur  315
Télécharger pour lire hors ligne
Créez votre site web vous­même 
Module 1/2 
● Créer un compte OpenShift et configurer un site Drupal. 
● Comprendre le fonctionnement général du site. 
● Personnaliser votre site. 
● Réserver un nom de domaine et un hébergement chez 
OVH.
1. Créer un compte OpenShift et 
configurer un site Drupal 
● Créer un compte OpenShift. 
● Créer une application PHP et importer les sources. 
● Ajouter une cartouche MySQL et une cartouche 
phpMyAdmin. 
● Importer la base de données.
1.1 Créer un compte OpenShift
1.2 Créer une application PHP 
et importer les sources
1.3 Ajouter une cartouche MySQL 
et une cartouche phpMyAdmin
1.4 Importer la base de données
2. Comprendre le fonctionnement 
général du site 
● Un tout petit peu de théorie. 
● Connecter le site à la base de données. 
● Un aperçu de l'interface de Drupal.
2.1 Un tout petit peu de théorie 
● Un CMS, c'est quoi ? 
● Les particularités de Drupal. 
● PHP ? 
● MySQL ?
2.2 Connecter le site à la base de 
données
2.3 Un aperçu de l'interface de 
Drupal
3. Personnaliser votre site 
● Configurer votre site. 
● Ajouter un thème. 
● Ajouter et modifier du contenu, gérer la structure. 
● Mettre en place une newsletter avec MailChimp. 
● Mettre à jour vos modules et thèmes.
3.1 Configurer votre site
3.2 Ajouter un thème
Quel thème choisir ? 
● Un thème qui vous plait. 
● Un thème qui correspond à votre activité. 
● Si vous souhaitez que votre site soit optimisé pour les 
smartphones et tablettes, choisissez un thème dit 
« responsive ». 
● Si vous en avez l'usage, choisissez un thème qui propose 
un menu déroulant. 
● Si vous appréciez un thème mais que les couleurs vous 
déplaisent, sachez qu'il est possible de les modifier. Cela 
peut s'avérer complexe, mais certains thèmes sont 
personnalisables.
IMPORTANT 
● Ne choisissez pas un thème « framework ». Il s'agit 
de thèmes destinés à la création d'autres thèmes. 
● Choisissez un thème compatible avec votre version 
de drupal, soit la version 7. 
● Certains thèmes provoquent des erreurs une fois 
installés, il ne faut pas les utiliser. 
● La modification des slideshows proposés par 
certains thèmes peut s'avérer complexe.
3.3 Ajouter et modifier du contenu, 
gérer la structure 
● Personnaliser la page d'accueil. 
● Créer une page « Services » et un premier service. 
● Intégrer une carte Google Map. 
● Gérer le menu général. 
● Gérer les blocs. 
● Ajouter une actualité.
3.3.1 Personnaliser la page 
d'accueil
Page de base ou Article ? 
● Une page de base est une page statique, utilisez­la 
pour les contenus permanents (ex. : services, 
coordonnées, etc.). 
● Un article est utilisé pour les contenus temporaires 
(ex. : news, billets de blog, etc.).
Astuce 
● La touche « Entrée » crée un nouveau paragraphe. 
● Pour effectuer un retour à la ligne dans le 
paragraphe courant, utilisez « Shift » + « Entrée ».
3.3.2 Créer une page « Services » 
et un premier service.
Astuce 
● Pour connaître le nom d'une page, regardez ce qui 
suit l'adresse de votre site dans votre navigateur. 
Ex.: http://monsite­proinfobe. 
rhcloud.com/service­1
Astuce 
● Pour créer un lien vers la page « Home », 
introduisez « . » comme nom de page.
3.3.3 Intégrer une carte 
Google Map
3.3.4 Gérer le menu général
3.3.5 Gérer les blocs
3.3.6 Ajouter une actualité
3.4 Mettre en place une newsletter 
avec MailChimp 
● Créer un compte MailChimp. 
● Créer une liste et une clé. 
● Connecter votre site à votre compte. 
● Intégrer le formulaire d'inscription à votre site. 
● Créer un modèle et une campagne.
3.4.1 Créer un compte MailChimp
3.4.2 Créer une liste et une clé
3.4.3 Connecter votre site à votre 
compte
3.4.4 Intégrer le formulaire 
d'inscription à votre site
3.4.5 Créer un modèle et une 
campagne
3.5 Mettre à jour vos modules et 
thèmes
4. Réserver un nom de domaine et 
un hébergement chez OVH 
● C'est quoi un nom de domaine ? 
● C'est quoi un hébergement ? 
● Pourquoi OVH ?
Choisir un nom de domaine 
● Le nom de domaine correspond à l'adresse de votre 
site. 
● Choisissez un nom de domaine simple et facile à 
retenir. 
● N'utilisez pas d'accents. 
● Si vous séparez les mots, utilisez des tirets.
Et ensuite ? 
● Votre espace web va être créé sur les serveurs 
d'OVH. Cela peut prendre jusqu'à 24h, mais 
généralement, quelques heures suffisent. 
● Vous allez recevoir plusieurs e­mails 
de la part 
d'OVH, reprenant vos identifiants et codes d'accès. 
Conservez­les 
précieusement ! Vous en aurez 
besoin dans le module suivant.
Contact 
● http://pro­info. 
be – contact@pro­info. 
be 
● ☎ +32 495 43 17 38 
Merci pour votre attention

Contenu connexe

Tendances

RMLL 2014 - Site statique avec Templer, Bootstrap et Git
RMLL 2014 - Site statique avec Templer, Bootstrap et GitRMLL 2014 - Site statique avec Templer, Bootstrap et Git
RMLL 2014 - Site statique avec Templer, Bootstrap et GitClément OUDOT
 
Wordpress tisserands 2012
Wordpress tisserands 2012Wordpress tisserands 2012
Wordpress tisserands 2012technologiae
 
PHP et Performances - AFUP 2005
PHP et Performances - AFUP 2005PHP et Performances - AFUP 2005
PHP et Performances - AFUP 2005Eric D.
 
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JS
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JSENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JS
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JSHoracio Gonzalez
 
Drupal - La puissance de Drush
Drupal - La puissance de DrushDrupal - La puissance de Drush
Drupal - La puissance de DrushAlexandre Marie
 
MongoDB day Paris 2012
MongoDB day Paris 2012MongoDB day Paris 2012
MongoDB day Paris 2012FastConnect
 
[RMLL2017] Templer, Git, Bootstrap, PHP : des outils libres pour concevoir le...
[RMLL2017] Templer, Git, Bootstrap, PHP : des outils libres pour concevoir le...[RMLL2017] Templer, Git, Bootstrap, PHP : des outils libres pour concevoir le...
[RMLL2017] Templer, Git, Bootstrap, PHP : des outils libres pour concevoir le...Clément OUDOT
 
Utiliser pleinement le navigateur et les nouveaux clients web - AFUP 2007
Utiliser pleinement le navigateur et les nouveaux clients web  - AFUP 2007Utiliser pleinement le navigateur et les nouveaux clients web  - AFUP 2007
Utiliser pleinement le navigateur et les nouveaux clients web - AFUP 2007Eric D.
 
Meetup CakePHP Amiens / 25 mars 2015
Meetup CakePHP Amiens / 25 mars 2015Meetup CakePHP Amiens / 25 mars 2015
Meetup CakePHP Amiens / 25 mars 2015Benjamin Lampérier
 

Tendances (11)

RMLL 2014 - Site statique avec Templer, Bootstrap et Git
RMLL 2014 - Site statique avec Templer, Bootstrap et GitRMLL 2014 - Site statique avec Templer, Bootstrap et Git
RMLL 2014 - Site statique avec Templer, Bootstrap et Git
 
Wordpress tisserands 2012
Wordpress tisserands 2012Wordpress tisserands 2012
Wordpress tisserands 2012
 
PHP et Performances - AFUP 2005
PHP et Performances - AFUP 2005PHP et Performances - AFUP 2005
PHP et Performances - AFUP 2005
 
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JS
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JSENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JS
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 1/3 - HTTP, HTML, CSS JS
 
Formation web
Formation webFormation web
Formation web
 
Drupal - La puissance de Drush
Drupal - La puissance de DrushDrupal - La puissance de Drush
Drupal - La puissance de Drush
 
MongoDB day Paris 2012
MongoDB day Paris 2012MongoDB day Paris 2012
MongoDB day Paris 2012
 
[RMLL2017] Templer, Git, Bootstrap, PHP : des outils libres pour concevoir le...
[RMLL2017] Templer, Git, Bootstrap, PHP : des outils libres pour concevoir le...[RMLL2017] Templer, Git, Bootstrap, PHP : des outils libres pour concevoir le...
[RMLL2017] Templer, Git, Bootstrap, PHP : des outils libres pour concevoir le...
 
Utiliser pleinement le navigateur et les nouveaux clients web - AFUP 2007
Utiliser pleinement le navigateur et les nouveaux clients web  - AFUP 2007Utiliser pleinement le navigateur et les nouveaux clients web  - AFUP 2007
Utiliser pleinement le navigateur et les nouveaux clients web - AFUP 2007
 
03 presentation-navigation
03 presentation-navigation03 presentation-navigation
03 presentation-navigation
 
Meetup CakePHP Amiens / 25 mars 2015
Meetup CakePHP Amiens / 25 mars 2015Meetup CakePHP Amiens / 25 mars 2015
Meetup CakePHP Amiens / 25 mars 2015
 

En vedette

Bien choisir son nom de domaine pour développer son Business
Bien choisir son nom de domaine pour développer son BusinessBien choisir son nom de domaine pour développer son Business
Bien choisir son nom de domaine pour développer son BusinessKarim BAHAJI
 
Sortir de pénalité SEO - Google Penguin et Panda - Consultant SEO Julien Ringard
Sortir de pénalité SEO - Google Penguin et Panda - Consultant SEO Julien RingardSortir de pénalité SEO - Google Penguin et Panda - Consultant SEO Julien Ringard
Sortir de pénalité SEO - Google Penguin et Panda - Consultant SEO Julien RingardJulien Ringard - Consultant SEO
 
Trouver et protéger sa marque et son nom de domaine
Trouver et protéger sa marque et son nom de domaineTrouver et protéger sa marque et son nom de domaine
Trouver et protéger sa marque et son nom de domaineSemaweb
 
Le référencement naturel avec Google Panda et Google Penguin
Le référencement naturel avec Google Panda et Google PenguinLe référencement naturel avec Google Panda et Google Penguin
Le référencement naturel avec Google Panda et Google PenguinSemaweb
 
Visibilité sur le Web et Réseaux Sociaux - ADN / Semaweb
Visibilité sur le Web et Réseaux Sociaux - ADN / SemawebVisibilité sur le Web et Réseaux Sociaux - ADN / Semaweb
Visibilité sur le Web et Réseaux Sociaux - ADN / SemawebSemaweb
 
창발 업사이클링(공통주제,파우치)
창발 업사이클링(공통주제,파우치)창발 업사이클링(공통주제,파우치)
창발 업사이클링(공통주제,파우치)진실 박
 
Le droit des noms de domaine
Le droit des noms de domaineLe droit des noms de domaine
Le droit des noms de domaineCedric Manara
 
SEO à l'international et Multilangue dans le référencement naturel - Consulta...
SEO à l'international et Multilangue dans le référencement naturel - Consulta...SEO à l'international et Multilangue dans le référencement naturel - Consulta...
SEO à l'international et Multilangue dans le référencement naturel - Consulta...Julien Ringard - Consultant SEO
 
Queduweb - SEO International - Consultant SEO Julien RIngard
Queduweb - SEO International - Consultant SEO Julien RIngardQueduweb - SEO International - Consultant SEO Julien RIngard
Queduweb - SEO International - Consultant SEO Julien RIngardJulien Ringard - Consultant SEO
 
Choisir un nom de domaine
Choisir un nom de domaineChoisir un nom de domaine
Choisir un nom de domainee-Action
 
Tutoriel : Référencement - (Atelier 2 thème "créer son site web") - Les excur...
Tutoriel : Référencement - (Atelier 2 thème "créer son site web") - Les excur...Tutoriel : Référencement - (Atelier 2 thème "créer son site web") - Les excur...
Tutoriel : Référencement - (Atelier 2 thème "créer son site web") - Les excur...Rochefort-en-Terre Tourisme
 
Gérer efficacement les tuiles sous Windows 8
Gérer efficacement les tuiles sous Windows 8Gérer efficacement les tuiles sous Windows 8
Gérer efficacement les tuiles sous Windows 8Nathanael Marchand
 
Catalogue acquisitions ireps poitou charentes 2015
Catalogue acquisitions ireps poitou charentes 2015Catalogue acquisitions ireps poitou charentes 2015
Catalogue acquisitions ireps poitou charentes 2015Ireps
 
Cuestonario bloque 2
Cuestonario bloque 2Cuestonario bloque 2
Cuestonario bloque 2damian-gomi
 
Manual juego intermareal
Manual juego intermarealManual juego intermareal
Manual juego intermarealLuisRSalas
 

En vedette (20)

Bien choisir son nom de domaine pour développer son Business
Bien choisir son nom de domaine pour développer son BusinessBien choisir son nom de domaine pour développer son Business
Bien choisir son nom de domaine pour développer son Business
 
Sortir de pénalité SEO - Google Penguin et Panda - Consultant SEO Julien Ringard
Sortir de pénalité SEO - Google Penguin et Panda - Consultant SEO Julien RingardSortir de pénalité SEO - Google Penguin et Panda - Consultant SEO Julien Ringard
Sortir de pénalité SEO - Google Penguin et Panda - Consultant SEO Julien Ringard
 
Trouver et protéger sa marque et son nom de domaine
Trouver et protéger sa marque et son nom de domaineTrouver et protéger sa marque et son nom de domaine
Trouver et protéger sa marque et son nom de domaine
 
Le référencement naturel avec Google Panda et Google Penguin
Le référencement naturel avec Google Panda et Google PenguinLe référencement naturel avec Google Panda et Google Penguin
Le référencement naturel avec Google Panda et Google Penguin
 
Visibilité sur le Web et Réseaux Sociaux - ADN / Semaweb
Visibilité sur le Web et Réseaux Sociaux - ADN / SemawebVisibilité sur le Web et Réseaux Sociaux - ADN / Semaweb
Visibilité sur le Web et Réseaux Sociaux - ADN / Semaweb
 
창발 업사이클링(공통주제,파우치)
창발 업사이클링(공통주제,파우치)창발 업사이클링(공통주제,파우치)
창발 업사이클링(공통주제,파우치)
 
Le droit des noms de domaine
Le droit des noms de domaineLe droit des noms de domaine
Le droit des noms de domaine
 
SEO à l'international et Multilangue dans le référencement naturel - Consulta...
SEO à l'international et Multilangue dans le référencement naturel - Consulta...SEO à l'international et Multilangue dans le référencement naturel - Consulta...
SEO à l'international et Multilangue dans le référencement naturel - Consulta...
 
Queduweb - SEO International - Consultant SEO Julien RIngard
Queduweb - SEO International - Consultant SEO Julien RIngardQueduweb - SEO International - Consultant SEO Julien RIngard
Queduweb - SEO International - Consultant SEO Julien RIngard
 
Choisir un nom de domaine
Choisir un nom de domaineChoisir un nom de domaine
Choisir un nom de domaine
 
Tutoriel : Référencement - (Atelier 2 thème "créer son site web") - Les excur...
Tutoriel : Référencement - (Atelier 2 thème "créer son site web") - Les excur...Tutoriel : Référencement - (Atelier 2 thème "créer son site web") - Les excur...
Tutoriel : Référencement - (Atelier 2 thème "créer son site web") - Les excur...
 
Tâche 1
Tâche 1Tâche 1
Tâche 1
 
naredbi
naredbinaredbi
naredbi
 
Gérer efficacement les tuiles sous Windows 8
Gérer efficacement les tuiles sous Windows 8Gérer efficacement les tuiles sous Windows 8
Gérer efficacement les tuiles sous Windows 8
 
Catalogue acquisitions ireps poitou charentes 2015
Catalogue acquisitions ireps poitou charentes 2015Catalogue acquisitions ireps poitou charentes 2015
Catalogue acquisitions ireps poitou charentes 2015
 
Matinée des personnel saisonnier
Matinée des personnel saisonnierMatinée des personnel saisonnier
Matinée des personnel saisonnier
 
Cuestonario bloque 2
Cuestonario bloque 2Cuestonario bloque 2
Cuestonario bloque 2
 
Inteligencia arficial
Inteligencia arficialInteligencia arficial
Inteligencia arficial
 
Manual siemens campana lc67bc532
Manual siemens   campana lc67bc532Manual siemens   campana lc67bc532
Manual siemens campana lc67bc532
 
Manual juego intermareal
Manual juego intermarealManual juego intermareal
Manual juego intermareal
 

Similaire à Créez votre site web vous-même 1/2

Supports de cours Fit4Digital future - CMS
Supports de cours Fit4Digital future - CMSSupports de cours Fit4Digital future - CMS
Supports de cours Fit4Digital future - CMSAnnabelle Buffart
 
Google Seo Guide Fr
Google Seo Guide FrGoogle Seo Guide Fr
Google Seo Guide FrValou00
 
Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails
Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détailsPrésentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails
Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détailsSymetris
 
Webschool du Jura - Le référencement par Dole Solus Informatiques
Webschool du Jura - Le référencement par Dole Solus InformatiquesWebschool du Jura - Le référencement par Dole Solus Informatiques
Webschool du Jura - Le référencement par Dole Solus Informatiquesmariejura
 
Formation html5 CSS3 offerte par ippon 2014
Formation html5 CSS3 offerte par ippon 2014Formation html5 CSS3 offerte par ippon 2014
Formation html5 CSS3 offerte par ippon 2014Ippon
 
Faire connaitre votre Blog
Faire connaitre votre BlogFaire connaitre votre Blog
Faire connaitre votre BlogAsher256
 
Projet Confluence - Une base de données de type Wiki
Projet Confluence - Une base de données de type WikiProjet Confluence - Une base de données de type Wiki
Projet Confluence - Une base de données de type WikiMylneRoffi
 
Comment mettre à jour automatiquement vos tables des matières Word ?
Comment mettre à jour automatiquement vos tables des matières Word ?Comment mettre à jour automatiquement vos tables des matières Word ?
Comment mettre à jour automatiquement vos tables des matières Word ?Votre Assistante
 
Comment CréEr Votre Propre Site Internet
Comment CréEr Votre Propre Site InternetComment CréEr Votre Propre Site Internet
Comment CréEr Votre Propre Site Internetrockpunk55
 
Le guide 2020 des meilleures pratiques de création et de gestion de site inte...
Le guide 2020 des meilleures pratiques de création et de gestion de site inte...Le guide 2020 des meilleures pratiques de création et de gestion de site inte...
Le guide 2020 des meilleures pratiques de création et de gestion de site inte...Audacy
 
Enib cours c.a.i. web - séance #1 - html5 css3-js - td
Enib   cours c.a.i. web - séance #1 - html5 css3-js - tdEnib   cours c.a.i. web - séance #1 - html5 css3-js - td
Enib cours c.a.i. web - séance #1 - html5 css3-js - tdHoracio Gonzalez
 
Comment choisir son cms
Comment choisir son cmsComment choisir son cms
Comment choisir son cmsStrasWeb
 
Meetup WordPress Lyon #3 : Bien organiser son code dans WordPress.
Meetup WordPress Lyon #3 : Bien organiser son code dans WordPress.Meetup WordPress Lyon #3 : Bien organiser son code dans WordPress.
Meetup WordPress Lyon #3 : Bien organiser son code dans WordPress.wplyon
 
Theming drupal8 - Meetup Paris - 26-mars-2015
Theming drupal8 - Meetup Paris - 26-mars-2015Theming drupal8 - Meetup Paris - 26-mars-2015
Theming drupal8 - Meetup Paris - 26-mars-2015Romain Jarraud
 
Créer un blog sous Wordpress.com
Créer un blog sous Wordpress.comCréer un blog sous Wordpress.com
Créer un blog sous Wordpress.comRomain Blachier
 
agoraCMS - WordPress, thèmes et plugins : mode d'emploi
agoraCMS - WordPress, thèmes et plugins : mode d'emploiagoraCMS - WordPress, thèmes et plugins : mode d'emploi
agoraCMS - WordPress, thèmes et plugins : mode d'emploiLionel Pointet
 
Panels, une autre façon de construire. DrupalCamp Paris 2013
Panels, une autre façon de construire. DrupalCamp Paris 2013Panels, une autre façon de construire. DrupalCamp Paris 2013
Panels, une autre façon de construire. DrupalCamp Paris 2013bellesmanieres
 

Similaire à Créez votre site web vous-même 1/2 (20)

Supports de cours Fit4Digital future - CMS
Supports de cours Fit4Digital future - CMSSupports de cours Fit4Digital future - CMS
Supports de cours Fit4Digital future - CMS
 
Google Seo Guide Fr
Google Seo Guide FrGoogle Seo Guide Fr
Google Seo Guide Fr
 
Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails
Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détailsPrésentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails
Présentation Symetris - Drupalcamp Montreal 2013 le diable est dans les détails
 
Webschool du Jura - Le référencement par Dole Solus Informatiques
Webschool du Jura - Le référencement par Dole Solus InformatiquesWebschool du Jura - Le référencement par Dole Solus Informatiques
Webschool du Jura - Le référencement par Dole Solus Informatiques
 
Formation html5 CSS3 offerte par ippon 2014
Formation html5 CSS3 offerte par ippon 2014Formation html5 CSS3 offerte par ippon 2014
Formation html5 CSS3 offerte par ippon 2014
 
Faire connaitre votre Blog
Faire connaitre votre BlogFaire connaitre votre Blog
Faire connaitre votre Blog
 
Projet Confluence - Une base de données de type Wiki
Projet Confluence - Une base de données de type WikiProjet Confluence - Une base de données de type Wiki
Projet Confluence - Une base de données de type Wiki
 
Html 5
Html 5Html 5
Html 5
 
Comment mettre à jour automatiquement vos tables des matières Word ?
Comment mettre à jour automatiquement vos tables des matières Word ?Comment mettre à jour automatiquement vos tables des matières Word ?
Comment mettre à jour automatiquement vos tables des matières Word ?
 
Comment CréEr Votre Propre Site Internet
Comment CréEr Votre Propre Site InternetComment CréEr Votre Propre Site Internet
Comment CréEr Votre Propre Site Internet
 
Le guide 2020 des meilleures pratiques de création et de gestion de site inte...
Le guide 2020 des meilleures pratiques de création et de gestion de site inte...Le guide 2020 des meilleures pratiques de création et de gestion de site inte...
Le guide 2020 des meilleures pratiques de création et de gestion de site inte...
 
Cours1
Cours1Cours1
Cours1
 
SAPIENS2009 - Module 4B
SAPIENS2009 - Module 4BSAPIENS2009 - Module 4B
SAPIENS2009 - Module 4B
 
Enib cours c.a.i. web - séance #1 - html5 css3-js - td
Enib   cours c.a.i. web - séance #1 - html5 css3-js - tdEnib   cours c.a.i. web - séance #1 - html5 css3-js - td
Enib cours c.a.i. web - séance #1 - html5 css3-js - td
 
Comment choisir son cms
Comment choisir son cmsComment choisir son cms
Comment choisir son cms
 
Meetup WordPress Lyon #3 : Bien organiser son code dans WordPress.
Meetup WordPress Lyon #3 : Bien organiser son code dans WordPress.Meetup WordPress Lyon #3 : Bien organiser son code dans WordPress.
Meetup WordPress Lyon #3 : Bien organiser son code dans WordPress.
 
Theming drupal8 - Meetup Paris - 26-mars-2015
Theming drupal8 - Meetup Paris - 26-mars-2015Theming drupal8 - Meetup Paris - 26-mars-2015
Theming drupal8 - Meetup Paris - 26-mars-2015
 
Créer un blog sous Wordpress.com
Créer un blog sous Wordpress.comCréer un blog sous Wordpress.com
Créer un blog sous Wordpress.com
 
agoraCMS - WordPress, thèmes et plugins : mode d'emploi
agoraCMS - WordPress, thèmes et plugins : mode d'emploiagoraCMS - WordPress, thèmes et plugins : mode d'emploi
agoraCMS - WordPress, thèmes et plugins : mode d'emploi
 
Panels, une autre façon de construire. DrupalCamp Paris 2013
Panels, une autre façon de construire. DrupalCamp Paris 2013Panels, une autre façon de construire. DrupalCamp Paris 2013
Panels, une autre façon de construire. DrupalCamp Paris 2013
 

Créez votre site web vous-même 1/2

  • 1.
  • 2. Créez votre site web vous­même Module 1/2 ● Créer un compte OpenShift et configurer un site Drupal. ● Comprendre le fonctionnement général du site. ● Personnaliser votre site. ● Réserver un nom de domaine et un hébergement chez OVH.
  • 3. 1. Créer un compte OpenShift et configurer un site Drupal ● Créer un compte OpenShift. ● Créer une application PHP et importer les sources. ● Ajouter une cartouche MySQL et une cartouche phpMyAdmin. ● Importer la base de données.
  • 4. 1.1 Créer un compte OpenShift
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10. 1.2 Créer une application PHP et importer les sources
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20. 1.3 Ajouter une cartouche MySQL et une cartouche phpMyAdmin
  • 21.
  • 22.
  • 23.
  • 24.
  • 25. 1.4 Importer la base de données
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37. 2. Comprendre le fonctionnement général du site ● Un tout petit peu de théorie. ● Connecter le site à la base de données. ● Un aperçu de l'interface de Drupal.
  • 38. 2.1 Un tout petit peu de théorie ● Un CMS, c'est quoi ? ● Les particularités de Drupal. ● PHP ? ● MySQL ?
  • 39. 2.2 Connecter le site à la base de données
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50. 2.3 Un aperçu de l'interface de Drupal
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
  • 60.
  • 61.
  • 62.
  • 63.
  • 64.
  • 65.
  • 66.
  • 67.
  • 68. 3. Personnaliser votre site ● Configurer votre site. ● Ajouter un thème. ● Ajouter et modifier du contenu, gérer la structure. ● Mettre en place une newsletter avec MailChimp. ● Mettre à jour vos modules et thèmes.
  • 70.
  • 71.
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 77.
  • 78.
  • 79.
  • 80.
  • 81.
  • 82.
  • 83.
  • 84.
  • 85. 3.2 Ajouter un thème
  • 86.
  • 87.
  • 88. Quel thème choisir ? ● Un thème qui vous plait. ● Un thème qui correspond à votre activité. ● Si vous souhaitez que votre site soit optimisé pour les smartphones et tablettes, choisissez un thème dit « responsive ». ● Si vous en avez l'usage, choisissez un thème qui propose un menu déroulant. ● Si vous appréciez un thème mais que les couleurs vous déplaisent, sachez qu'il est possible de les modifier. Cela peut s'avérer complexe, mais certains thèmes sont personnalisables.
  • 89. IMPORTANT ● Ne choisissez pas un thème « framework ». Il s'agit de thèmes destinés à la création d'autres thèmes. ● Choisissez un thème compatible avec votre version de drupal, soit la version 7. ● Certains thèmes provoquent des erreurs une fois installés, il ne faut pas les utiliser. ● La modification des slideshows proposés par certains thèmes peut s'avérer complexe.
  • 90.
  • 91.
  • 92.
  • 93.
  • 94.
  • 95.
  • 96.
  • 97.
  • 98.
  • 99.
  • 100.
  • 101.
  • 102.
  • 103. 3.3 Ajouter et modifier du contenu, gérer la structure ● Personnaliser la page d'accueil. ● Créer une page « Services » et un premier service. ● Intégrer une carte Google Map. ● Gérer le menu général. ● Gérer les blocs. ● Ajouter une actualité.
  • 104. 3.3.1 Personnaliser la page d'accueil
  • 105.
  • 106.
  • 107. Page de base ou Article ? ● Une page de base est une page statique, utilisez­la pour les contenus permanents (ex. : services, coordonnées, etc.). ● Un article est utilisé pour les contenus temporaires (ex. : news, billets de blog, etc.).
  • 108.
  • 109. Astuce ● La touche « Entrée » crée un nouveau paragraphe. ● Pour effectuer un retour à la ligne dans le paragraphe courant, utilisez « Shift » + « Entrée ».
  • 110.
  • 111.
  • 112.
  • 113.
  • 114.
  • 115.
  • 116.
  • 117.
  • 118.
  • 119.
  • 120.
  • 121.
  • 122.
  • 123.
  • 124.
  • 125.
  • 126. 3.3.2 Créer une page « Services » et un premier service.
  • 127.
  • 128.
  • 129.
  • 130.
  • 131.
  • 132.
  • 133.
  • 134.
  • 135.
  • 136.
  • 137.
  • 138. Astuce ● Pour connaître le nom d'une page, regardez ce qui suit l'adresse de votre site dans votre navigateur. Ex.: http://monsite­proinfobe. rhcloud.com/service­1
  • 139.
  • 140.
  • 141.
  • 142.
  • 143.
  • 144. Astuce ● Pour créer un lien vers la page « Home », introduisez « . » comme nom de page.
  • 145.
  • 146.
  • 147.
  • 148. 3.3.3 Intégrer une carte Google Map
  • 149.
  • 150.
  • 151.
  • 152.
  • 153.
  • 154.
  • 155.
  • 156.
  • 157.
  • 158.
  • 159. 3.3.4 Gérer le menu général
  • 160.
  • 161.
  • 162.
  • 163.
  • 164.
  • 165.
  • 166.
  • 167.
  • 168.
  • 169.
  • 170.
  • 171.
  • 172.
  • 174.
  • 175.
  • 176.
  • 177.
  • 178.
  • 179.
  • 180.
  • 181.
  • 182.
  • 183.
  • 184.
  • 185.
  • 186.
  • 187.
  • 188.
  • 189.
  • 190. 3.3.6 Ajouter une actualité
  • 191.
  • 192.
  • 193.
  • 194.
  • 195.
  • 196.
  • 197.
  • 198.
  • 199. 3.4 Mettre en place une newsletter avec MailChimp ● Créer un compte MailChimp. ● Créer une liste et une clé. ● Connecter votre site à votre compte. ● Intégrer le formulaire d'inscription à votre site. ● Créer un modèle et une campagne.
  • 200. 3.4.1 Créer un compte MailChimp
  • 201.
  • 202.
  • 203.
  • 204.
  • 205.
  • 206.
  • 207. 3.4.2 Créer une liste et une clé
  • 208.
  • 209.
  • 210.
  • 211.
  • 212.
  • 213.
  • 214.
  • 215.
  • 216.
  • 217.
  • 218.
  • 219.
  • 220.
  • 221.
  • 222.
  • 223.
  • 224.
  • 225. 3.4.3 Connecter votre site à votre compte
  • 226.
  • 227.
  • 228.
  • 229.
  • 230.
  • 231.
  • 232.
  • 233.
  • 234.
  • 235. 3.4.4 Intégrer le formulaire d'inscription à votre site
  • 236.
  • 237.
  • 238.
  • 239.
  • 240.
  • 241.
  • 242.
  • 243.
  • 244.
  • 245.
  • 246.
  • 247.
  • 248.
  • 249.
  • 250.
  • 251.
  • 252.
  • 253.
  • 254.
  • 255.
  • 256.
  • 257.
  • 258.
  • 259.
  • 260.
  • 261. 3.4.5 Créer un modèle et une campagne
  • 262.
  • 263.
  • 264.
  • 265.
  • 266.
  • 267.
  • 268.
  • 269.
  • 270.
  • 271.
  • 272.
  • 273.
  • 274.
  • 275.
  • 276. 3.5 Mettre à jour vos modules et thèmes
  • 277.
  • 278.
  • 279.
  • 280.
  • 281.
  • 282.
  • 283.
  • 284.
  • 285.
  • 286.
  • 287.
  • 288.
  • 289.
  • 290.
  • 291.
  • 292.
  • 293.
  • 294.
  • 295. 4. Réserver un nom de domaine et un hébergement chez OVH ● C'est quoi un nom de domaine ? ● C'est quoi un hébergement ? ● Pourquoi OVH ?
  • 296.
  • 297.
  • 298.
  • 299. Choisir un nom de domaine ● Le nom de domaine correspond à l'adresse de votre site. ● Choisissez un nom de domaine simple et facile à retenir. ● N'utilisez pas d'accents. ● Si vous séparez les mots, utilisez des tirets.
  • 300.
  • 301.
  • 302.
  • 303.
  • 304.
  • 305.
  • 306.
  • 307.
  • 308.
  • 309.
  • 310.
  • 311.
  • 312. Et ensuite ? ● Votre espace web va être créé sur les serveurs d'OVH. Cela peut prendre jusqu'à 24h, mais généralement, quelques heures suffisent. ● Vous allez recevoir plusieurs e­mails de la part d'OVH, reprenant vos identifiants et codes d'accès. Conservez­les précieusement ! Vous en aurez besoin dans le module suivant.
  • 313.
  • 314.
  • 315. Contact ● http://pro­info. be – contact@pro­info. be ● ☎ +32 495 43 17 38 Merci pour votre attention