Wordpress : Les bonnes pratiques - Cecile-Bordes/wiki GitHub Wiki

Wordpress : Les bonnes pratiques

MariaDB 10.3 download : https://downloads.mariadb.org/mariadb/ WampServer avec MariaDB 10.3.23 ici : https://www.wampserver.com/download.php

Installer Wordpress en local :

Installer wampserver avec la version MariaDB 10.3.23 Aller sur http://localhost/phpmyadmin/ et choisir le serveur MariaDB

https://wikiclic.com/installer-wordpress-en-local/ https://fr.wordpress.org/download/

wamp : clic droit outils>inverser SGBD par défaut MariaDB

http://127.0.0.1

Thème Gillion installé Gillon > Import Démo > One Click Demo Install Apparence > Import Demo Data > Magazine

Plugin

  1. js_composer (#1 WordPress Page Builder Plugin - WPBakery Page Builder)
  2. slider revolution
  3. One Click Demo Import : permet d’importer des styles de thèmes de Gillion)
  4. WP SMUSHIT optimisation des images https://wordpress.org/plugins/wp-smushit/
  5. W3 Total Cache afin de minifier le code et de faire de la mise en cache https://wordpress.org/plugins/w3-total-cache/

Miniorange SAML https://fr.wordpress.org/plugins/miniorange-saml-20-single-sign-on/

Extensions

  • Google Tag Manager for Wordpress
  • Wordfence Security

Problème HTTPS

Si en local ou en preprod le site ne fonctionne pas à cause de l'https Sur chrome aller à cette adresse chrome://net-internals/#hsts Tout en bas dans la partie Delete domain security policies renseigné le nom de domaine

Cliquer sur le bouton delete

source : https://stackoverflow.com/questions/25277457/google-chrome-redirecting-localhost-to-https

Sécurité

Pour renforcer la sécurité du BO du site, deux plugins :

  • Wordfence pour éviter les logins en force brute, scan les malwares, ajout du login en 2FA, etc
  • Hide my WP pour masquer certains éléments qui pourrait montrer la vulnérabilité du CMS comme la version et de modifier l'accès au BO, à présent pour se logger sur le BO il faut passer par .../XXX-login et l'url du BO est à présent .../XXX-admin . Si jamais il se passe un problème lors du login, il est possible de désactiver la redirection avec l'url .../wp-login.php?hmw_disable=324626

Partage sur les réseaux sociaux

https://cards-dev.twitter.com/validator

https://www.linkedin.com/post-inspector/

Optimisation des visuels

https://kraken.io/web-interface

Optimisation des css

minify css : https://www.freeformatter.com/css-minifier.html

les .min.css sont chargées dans le code source du site corpo. Modifier les css sources qui sont dans les dossiers attribués puis reminifier le fichier qui sera lu directement. Exemple fait avec fcms.css et fcms.min.css

Comment personnaliser un thème : Comment Personnaliser Votre Thème WordPress (5 Façons Étape par Étape)

TheFox

Le thème

Infos du thème : https://themeforest.net/item/thefox-responsive-multipurpose-wordpress-theme/11099136 Demo : http://thefoxtrending.wpengine.com/

L'environnement

Serveur Apache 2.4.29 PHP 7.0.10 MySQL 5.7.21 Wordpress 4.9.4 (dernière version aujourd'hui)

Les commentaires

Supprimer le bloc de commentaire sur une page To disable commenting on an already published page such as the one you linked to, go to Pages > All Pages, hover over the page title, click Quick Edit, uncheck the option " Allow Comments", click Update.

Traduction

Pour traduire les différents éléments du thème (boutons, messages systèmes, alertes, etc ...).

  1. Si le fichier de traduction n'existe pas (1ère installation) : Pour connaitre le nom du fichier .po afin qu'il soit reconnu par

wordpress. Il faut, tout d'abord installer un plugin de debug comme : https://fr.wordpress.org/plugins/debug-mo-translations/ Il va detecter les fichiers de traductions qui manque sur le site (voir en bas de page).Le fichier manquant s'appelle thefoxwp-fr_FR.po

Ensuite récupérer le fichier de traduction du thème (.po et .mo) qui se trouve dans le dossier du thème

\wp-content\themes\thefox\lang\ (Fr-fr.* ou default.*)

Le copier dans

\wp-content\languages\themes
Et renommer les deux fichier en thefoxwp-fr_FR.*

  1. Modifier le ficher de traduction : Telecharger l'application gratuite

Poedit https://poedit.net/ Ce logiciel permettra de modifier le fichier \wp-content\languages\themes\thefoxwp-fr_FR.po et ainsi traduire les éléments du thème.

Gillion

Importer une Démo

Aller dans Gillion > import Demo puis Activate One Click Demo Install plugin Apparence > import Demo Data This theme requires the following plugins: Elementor Page Builder and Unyson Framework (deprecated). https://downloads.wordpress.org/plugin/elementor.3.3.1.zip https://downloads.wordpress.org/plugin/unyson.2.7.24.zip https://cdn.shufflehound.com/theme-plugins/slider-revolution-QB4L22.zip?ver=6.4.11 ‘en option’

Création d’un plugin type Post

Plus d’infos ici : https://wpchannel.com/wordpress/tutoriels-wordpress/creer-custom-post-types-wordpress/ ou https://capitainewp.io/formations/developper-theme-wordpress/creer-cpt-theme/

Épingler un article :

Sélectionnez l’article que vous souhaitez épingler depuis Écrans d’administration > Articles > Tous les articles. Ou créez un nouvel article depuis Écrans d’administration > Articles > Ajouter.

Sélectionnez l’onglet Document dans la colonne latérale droite.

Sélectionnez Épingler en haut du blog.

Les Médias générés :

ingrid-portrait-900x450 ingrid-portrait-553x400 : liste article ingrid-portrait-1200x565 : article ingrid-portrait-570x570 ingrid-portrait-768x384 ingrid-portrait-800x380 ingrid-portrait-640x400 ingrid-portrait-768x768 ingrid-portrait-300x300 ingrid-portrait-150x150 ingrid-portrait-384x768 ingrid-portrait-768x577 ingrid-portrait-1200x628 : partage réseaux sociaux