Télécharger pour lire hors ligne
Présentation du CMS Wordpress avec des illustrations
- 1.
- 2.
- 3. Les notions clés unsite web : est un ensemble de pages web et de ressources reliées par des hyperliens, défini et accessible par une adresse web.
- 4.
- 5. Côté client une pageweb est généralement construite avec du HTML/CSS/JavaScript : ● HTML est une norme qui permet de structurer un document (titres, parties, header, footer...). C'est le seul élément indispensable à la création d'une page web. ● CSS est un formalisme qui permet de mettre en forme un document (couleur, police, taille de caractère...). ● JavaScript est un langage de programmation permettant d'animer le contenu d'une page web (réagir à une action de l'utilisateur, afficher un élément évolutif, etc.).
- 6. Côté serveur il existede nombreux langages pour programmer un serveur web (PHP,Java). l'objectif du serveur reste le même lors d'une requête d'affichage de page. 1. D'abord, il va interpréter le message envoyé par le client (sous la forme d'un lien, d'une adresse, d'un formulaire...). 2. Il va ensuite récupérer les informations sur la base de données. 3. Cela va lui permettre de construire la page en assemblant le HTML, le CSS et le JavaScript. 4. Enfin, il pourra envoyer la page au client.
- 7. Côté base dedonnées la base de données c’est dans ou on peut : ● sauvegarder des informations envoyées par le serveur ; ● envoyer au serveur des informations préalablement enregistrées.
- 8.
- 9. C’est quoi Wordpress? ● WordPress est un logiciel open source que vous pouvez utiliser pour créer un beau site Web, blog ou application. ● Wordpress a de beaux designs, des fonctionnalités puissantes et une liberté de construire tout ce que vous voulez. ● WordPress est à la fois gratuit mais bcp de fonctionnalités sont payantes. ● wordpress permet de créer des pages responsives.
- 10. Créer un siteWord Press
- 11. Qu’est ce qu’unCMS? Drupal, Joomla, Wordpress sont des CMS Ils utilisent une base de données (tables) pour stocker de l’information Ils sont basés sur les technologies classiques des sites web html/css Cette technologie est open-source (free!) Wordpress permet de créer ses propres sites rapidement …. Mais attention aux contenus publiés trop rapidement !
- 12. CMS: Bénéfice vsCréativité
- 13. Templates vs Themesvs Frameworks ● Templates : modèles utilisés dans les sites classiques ● Themes : modèles utilisés dans les CMS ● Frameworks: thème + fonctionalités ● 100h de programmation HTML/CSS gagné !
- 14.
- 15.
- 16.
- 17.
- 18.
- 19. Optimisation pour lesmoteurs de recherche
- 20.
- 21. Créez votre premiersite avec WordPress 1. Installez et configurez WordPress ● télécharger l'archive de WordPress ● WAMP Administrez votre site Wordpress. ● L'interface d'administration offre de nombreuses possibilités telles que la gestion de contenu (ajouter des articles, pages, médias et commentaires), l'ajout d'extensions et de thèmes, et le paramétrage du site. Nous verrons tous ces points dans la partie suivante. ● Vous pouvez naviguer entre le back-office et le front-office en cliquant sur WordPress > Aller sur le site depuis la barre de raccourcis en haut de page. ● Vous savez à présent comment paramétrer votre site (titre, fuseau horaire, format des permaliens, etc.) à partir du menu Réglages.
- 22. Créez des articleset des pages ● Les articles servent à créer le contenu du site qui va évoluer au cours du temps. Ils sont datés, rattachés à un auteur et permettent aux utilisateurs de laisser des commentaires. Vous pouvez leur ajouter des catégories et les identifier avec des mots-clés. En revanche, en règle générale, évitez de les ajouter dans un menu. ● Les pages permettent de structurer le site avec un contenu statique, c'est-à- dire qui n'est pas mis à jour régulièrement. Vous pouvez les hiérarchiser et les inclure dans les différents menus du site.
- 23. Utilisez les thèmes,menus et widgets ● Vous pouvez installer des thèmes depuis Apparence > Thèmes ou bien à partir d'un thème téléchargé. ● WordPress vous permet de créer et de personnaliser les menus de votre site depuis l'interface Apparence > Menus. ● Les widgets permettent aussi de personnaliser votre site. Ce sont des petits modules que vous pouvez insérer dans les barres latérales, le footer, etc. La barre de recherche et les nuages de tags sont deux exemples de widgets ! Vous pouvez les installer et les activer depuis le menu Apparence > Widgets.
- 24.
- 25. Ajoutez des extensions ●Les plugins (ou extensions) permettent d'ajouter des fonctionnalités à votre site WordPress. Vous pouvez en installer de nouveaux depuis le menu Extensions.
Notes de l'éditeur
- #4 le fonctionnement général d'un site web est Représenté sous la forme de cet schéma, un site web fonctionne comme cela
- #6 une requête est une interrogation d'une base de données.
- #9 responsives : site web responsives c’est à dire qui peut s’afficher et s’adapter avec n’importe quel type de device ( tablette, ecran desktop ou smartphone)