Dans cette veille, nous allons aborder des sujets permettant d'avoir un minimum de connaissance concernant WordPress et ainsi faciliter le contact avec d'autres personnes : une sorte de poudre de Perlimpinpin que vous pourrez lancer au visage des autres participant leur laissant croire que vous vous y connaissez un peu dans WordPress !
Tout d'abord, nous allons expliquer ce qu'est un CMS (pour rappel, WordPress en est un), puis nous allons parler un peu du sujet que Jean-Baptiste Lavisse et moi même allons présenter au WordCamp : "utiliser WordPress en tant que générateur de site statique", je vais donc vous expliquer quelle est la différence entre site statique et site dynamique, puis expliquer ce qu'est un générateur de site statique (ça vous permettra de potentiellement mieux comprendre ce qu'on va vous expliquer vendredi), et enfin, je vous montrerais comment installer WordPress sous serveur local en quelques lignes de commande dans votre terminal !
Les CMS
Litteralement, un CMS (Content Management System) signifie système de gestion de contenu.
Cela permet de créer des sites internet de manière dynamique, et responsive, grâce à une interface accessible à tous niveau de compétence en informatique (ou presque)
Pourquoi utiliser un CMS ?
Il n’a pas besoin de tout connaitre pour créer son site, il sera plus rapide de créer un site avec un CMS plutôt que sans, néanmoins, sans CMS cela ressemble plus à ce que vous souhaitez réaliser.
- plus simple d’utilisation
- possibilité de le rendre responsive plus facilement, des templates sont proposés de base
- système de hierarchie dans les comptes utilisateurs
- possibilité de personnaliser son site avec des extensions à télécharger
- possède une communauté bienveillante
- pas besoin de se prendre la tête pour le référencement.
Comparatif des CMS open-source
Le nombre de CMS disponible en ne prenant en compte que les open-source se compte par centaine
Ne prenons en compte que les plus connus :
- WordPress : le plus utilisé, le plus simple d’utilisation, il offre un catalogue d’extensions et plugin impressionnant (soyez malin, installez le plugin SecuPress de Julio Potier). Son point faible : les projets complexes.
- Joomla! : Très simple d’utilisation également, depuis peu il y a possibilité de personnaliser les droits et gérer les multi-sites, ce qui inclus la mise en place d’intranet et d’autres espace privatif très facilement.
- Drupal : hautement personnalisable, notamment car il utilise le framework symfony. C’est le CMS favori des agences web pour réaliser des projets imposants, il semble moins simple d’utilisation que les deux du dessus.
- Prestashop (e-commerce) : Facile à mettre en place, catalogue d’extension immense. Idéal pour faire ses premiers pas dans le e-commerce.
- Magento (e-commerce) : Pour les projets complexes, pas pour les novices, pas non plus pour les petits e-commerçants.
Sites statiques et générateurs de sites statique
Différence entre site statique et dynamique :
Un site statique est un site où toutes les pages sont en HTML, avec ou sans animations (CSS, JS...), la seule chose c’est que ça sera toujours les mêmes animations, si vous rehcargez la page, cela sera encore les mêmes animation. Un site statique est plus rapide à charger, il sera également plus sécurisé.
Un site dynamique est le contraire, les informations seront différentes selon l’interaction avec l’utilisateurs, dès lors que l’on peut modifier quelque chose, alors la page a besoin d’être dynamique
Un site peut comporter des pages statiques, et d’autres dynamiques sans aucun problème.
Qu’est-ce qu’un générateur de site statique ?
Comme vous pouvez le deviner, un générateur de site statique permet de gérer des fichiers statiques, l’ensemble du site (fonctionnel, apparence, contenu) est présenté sous forme de fichiers (comme vos CV sur GitLab), ces fichiers constituent l’ensemble de votre site.
Les principaux GSS :
- Jekyll : s’execute en Ruby, pas simple d’utilisation, inclut un serveur de développement pour tester les pages générées.
- Pelican : s’éxecute en Python, intégration possible avec Twitter, compatible avec WordPress.
- WinterSmith : s’éxecute en CoffeeScript, prévisualisation locale possible, permet de reprendre directement le contenu d’un site statique.
Comment installer WordPress local?
// Installation de apache
sudo dnf install -y httpd
// activation d'apache (comme on avait fait pour mariadb)
sudo systemctl start httpd
sudo systemctl enable httpd
// installation des packages php qu'on a laissé passer
sudo dnf install -y php php-common php-pdo_mysql php-pdo php-gd php-mbstring
// ici on zappe la partie où on installe mariadb
// restart apache
sudo systemctl restart httpd
// ouvrir mysql
sudo mysql -u root -p
votre mdp session
votre mdp mariadb (userpop)
// créer une nouvelle base de donnée pour WordPress
CREATE DATABASE wordpress;
// créer un nouveau utilisateur (remplacer jeanmichel par votre prénom par exemple)
CREATE USER jeanmmichelwordpress@localhost IDENTIFIED BY 'password';
GRANT ALL PRIVILEGES ON wordpress.* TO jeanmichelwordpress@localhost;
FLUSH PRIVILEGES;
EXIT;
// téléchargement de WordPress
sudo wget https://fr.wordpress.org/wordpress-4.9.8-fr_FR.tar.gz
// décompression du fichier téléchargé
tar xzvf wordpress-4.9.8-fr_FR.tar.gz
// copie du dossier dans le dossier var/www/html
sudo rsync -avP ~/wordpress/ /var/www/html/wordpress/
// on se déplace dans le dossier parent d'où il se trouve
cd /var/www/html
// donner les droits d'autorisations a apache et à vous même ^^
sudo chown $USER:apache -R wordpress
sudo chmod -R 755 wordpress
sudo chown apache:apache -R wordpress
// entrer dans le dossier wordpress
cd wordpress/
// go lancer WordPress sur votre navigateur préféré
localhost/wordpress/
// entrez les données vous concernant : votre nom de base de donnée, votre nom d'utilisateur et son password
// ça vous met un "message d'erreur", retournez sur le terminal pour créer le fichier qui vous est demandé
sudo nano wp-config.php
// copier le contenu du message sur wordpress (dans votre navigateur) dans ce fichier nano
// puis pour sauvegarder : ctrl-x puis "o" pour sauvegarder, ne pas modifier le nom de fichier (wp-config.php si tout a été suivi)
// retournez sur le navigateur, lancez l'installation (après avoir choisi un nom de site et un nom d'admin avec un mot de passe), et vous voilà dans l'interface wordpress !
Julien Machu