| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente |
| outils:duweb:wordpress [09/05/2023 15:35] – laure | outils:duweb:wordpress [11/05/2023 00:13] (Version actuelle) – [🛠️ 🌐 📋 WordPress] laure |
|---|
| {{https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/WordPress_logo.svg/540px-WordPress_logo.svg.png|WordPress}} | {{https://upload.wikimedia.org/wikipedia/commons/thumb/2/20/WordPress_logo.svg/540px-WordPress_logo.svg.png|WordPress}} |
| {{tag> CMS blog site WP OutilsWeb }} | {{tag> CMS blog site WP OutilsWeb }} |
| | |
| | ^ Critères CMS ^ ressenti ^^ |
| | | documentation | [[https://learn.wordpress.org/|site officiel]] très fourni et communauté xxx large|| |
| | | ''👁️%%<code>%%'' | Pas trop du tout. L'interface graphique masque le code généré mais on peut l'afficher quand on veut || |
| | | prix | Libre || |
| | |
| </div> | </div> |
| |
| ** SITE VITRINE, PAGES CONSTRUITES ** Depuis quelques années les outils de création de sites par glisser-déposer d'éléments pré-formatés ont un succès grandissant. (Divi & Elementor pour l'univers WP, Wix...) | ** SITE VITRINE, PAGES CONSTRUITES ** Depuis quelques années les outils de création de sites par glisser-déposer d'éléments pré-formatés ont un succès grandissant. (Divi & Elementor pour l'univers WP, Wix...) |
| WordPress intègre cette logique à son développement en proposant un nouvel éditeur **"par blocs"** depuis 2019: c'est **Gutenberg** et [[https://wordpress.org/gutenberg/|on peut le tester par ici]]. | WordPress intègre cette logique à son développement en proposant un nouvel éditeur **"par blocs"** depuis 2019: c'est **Gutenberg** et [[https://wordpress.org/gutenberg/|on peut le tester par ici]]. |
| |
| |
| **Gratuit?** WordPress est un logiciel libre, cela signifie que chacun peut se l'approprier et le modifier à sa guise, y compris pour un usage commercial. Le moteur est donc gratuit pour tous, on trouvera des compléments gratuits ou payants disponibles en téléchargement, et on pourra aussi faire développer une solution sur-mesure pour son projet. | |
| ((**C'est un outil complexe qui nécessite du temps pour être pris en main, apprivoisé, maîtrisé...** Selon son projet et ses objectifs ne pas hésiter à sous-traiter une partie des tâches web qu'il permet de gérer et que je m'en vais (re)découvrir ici.)) | |
| |
| </div> | </div> |
| </div> | </div> |
| |
| ==== Généralités ==== | |
| |
| <div group> | <lead> //La documentation officielle est très bien faite pour tous les niveaux, et il existe de nombreuses ressources d'utilisateurs passionnés pour nous aider.// </lead> |
| <div half column> | Le plus difficile finalement c'est de les trier... |
| | |
| === Avoir "SON" site === | |
| Aujourd'hui on peut ouvrir une Page sur le Gros Réseau Social en 1 clic, la faire découvrir à ses proches, et même y toucher d'autres utilisateurs 'inconnus'. Et on peut aussi facilement lancer un blog chez Google, ou une galerie photo avec Instagram et avoir le retour immédiat des compteurs de vues ou de petits cœurs. Des canaux faciles, qui peuvent aussi être utiles c'est vrai. Mais ils ont aussi leurs mauvais côtés, par exemple ils nous dépossèdent de chaque contenu hébergé chez eux. \\ Si un jour ils décident de censurer nos publications, nous n'y pourrons rien, ou pas grand chose. Oh ça n'arrivera probablement pas, mais au fil du temps chaque nouveau Like et chaque nouvelle Vue sera plus difficile à obtenir sans payer leurs services. | |
| \\ | |
| L'idée d'entretenir un site web indépendant c'est d'être accessible à tous, pas seulement aux usagers de certaines plateformes. C'est créer un point de rdv pour tous ceux qui veulent suivre notre travail ou se posent les mêmes questions que nous. \\ Et c'est aussi un moyen de se former tout en combattant un peu l'hégémonie de ces 'outils' \\ enfin je crois. | |
| |
| </div> | |
| |
| <div half column> | ===== Champs des Possibles 🌟‿🌟 ===== |
| <div group> | <div group> |
| <div half column> | <WRAP half column> |
| === Vidéos === | |
| |
| Un hébergement standard n'est pas optimisé pour le streaming de vidéos, et même si WP accepte les .mp4 et .mpg dans sa bibliothèque il vaut mieux passer par une plateforme spécialisée comme Youtube, Vimeo ou PeerTube. \\ \\ Il sera très facile d'intégrer cette capsule dans les contenus d'un site wordpress car il transforme automatiquement les url de ces plateformes en lecteur vidéo interactif. \\ | === 🌟 Magie === |
| | Grâce à ''WordPress'' on peut très facilement mettre en place un site "qui fait pro" où mettre en valeur nos expériences. |
| |
| | 🌠 l' **éditeur par blocs** : la nouvelle interface d'édition est complètement graphique et presque intuitive. On peut créer des mises en pages complexes sans voir le code qui la structure. |
| |
| </div> | 🌠 les **Tags et les Catégories** : 2 niveaux de taxonomie pour classer nos publications. Cela permet de trier-rappeler facilement des bouquets de billets. |
| |
| <div half column> | 🌠 les **Thèmes** et des **Extensions** par milliers pour construire le site que l'on souhaite. [[https://wordpress.org/themes/| 📖 voir le site officiel]] |
| |
| === Code === | </WRAP> |
| | <WRAP half column> |
| |
| La promesse de WordPress c'est qu'on peut créer et gérer un site complexe sans connaître le code informatique. Et c'est vrai. \\ | On peut **modifier** une page entière ou juste une section de la page, |
| \\ Mais ce sera plus simple de comprendre l'outil et de le modifier à sa guise si on connaît 2 ou 3 bases sur le sujet: CSS, HTML, PHP, JS... des noms qui ne doivent pas sembler trop barbare à un futur administrateur de site web ! \\ | et on crée une nouvelle page //en créant le lien qui pointe vers elle// = au moment où on en a besoin |
| </div> | |
| | |
| | <callout type="primary" title="🌟"> |
| | <lead>c'est puissant pour créer un site "qui fait pro" </lead> |
| | |
| | **Typiquement l'outil de création d'un site vitrine ou de prise de contact,** mais outil capable de supporter des projets plus ambitieux. \\ |
| | Le tableau de bord est bien structuré, il y a une appli pour publier depuis son téléphone... |
| | </callout> |
| | |
| | </WRAP> |
| </div> | </div> |
| |
| | <div center round box> |
| | <lead>Un ''blog'' empile chronologiquement ses publications, en mettant en avant les plus récentes. </lead> |
| | WP permet de créer d'autres types de sites mais c'est son principe de base. |
| | </div> |
| |
| | <div group> |
| | <WRAP half column> |
| | |
| | 🌠 Les milliers de ressources pour apprendre (à s'en servir et/ou à développer autour) |
| | |
| | </WRAP> |
| | <WRAP half column> |
| | <div center round info 90%> |
| | **Gratuit?** WordPress est un logiciel libre, cela signifie que chacun peut se l'approprier et le modifier à sa guise, y compris pour un usage commercial. |
| | |
| | Le moteur est donc gratuit pour tous et on trouvera des compléments gratuits ou payants disponibles en téléchargement, et on pourra aussi faire développer une solution sur-mesure pour son projet. |
| | ((**C'est un outil complexe qui nécessite du temps pour être pris en main, apprivoisé, maîtrisé...** Selon son projet et ses objectifs ne pas hésiter à sous-traiter une partie des tâches web qu'il permet de gérer et que je m'en vais (re)découvrir ici.)) |
| </div> | </div> |
| | </WRAP> |
| </div> | </div> |
| |
| <lead> //La documentation officielle est très bien faite pour tous les niveaux, et il existe de nombreuses ressources d'utilisateurs passionnés pour nous aider.// </lead> | enfin un peu de texte pour terminer la section ? |
| Le plus difficile finalement c'est de les trier... | |
| |
| |