Pour plus de facilité télécharger celui-ci zipé:

A l’intérieur vous trouverez deux dossiers (assets et config) et un préview.png.

• Les placer dans le dossier « themes », sur votre CPanel, si vous êtes hébergé chez O2switch, de votre boutique PrestaShop.

• Rendez-vous maintenant dans l’administrateur de votre boutique PrestaShop dans « PERSONNALISER > Apparence > Thème et logo », vous devriez voir votre thème enfant apparaître dans le bas à la rubrique « Mon thème pour la boutique Ma boutique PrestaShope ». Choisissez votre thème en cliquant sur le bouton « Utiliser ce thème » et en confirmant « Oui » et enregistrer.

Modifier des éléments dans votre childtheme PrestaShop

Vous pouvez maintenant faire toutes les modifications css que vous voulez dans le fichier custom.css à votre thème tout en continuant à pouvoir mettre à jour votre thème parent grâce au ChildTheme  que vous venez de créer.

Téléchargez librement PrestaShop open source ici:

 télécharger la dernière version de PrestaShop directement depuis leur site en cliquant sur le bouton “Télécharger”.

Installer Prestashop sur le serveur

Pour mettre en ligne le dossier PrestaShop sur le serveur:

• Ouvrir le cpanel de o2switch
• Créer un domaine ou un sous-domaine
• Créer un certificat de sécurité.
• Ouvrir le dossier lié au domaine ou sous-domaine, ou public_html
• Téléverser le dossier zippé Prestashop_1.X.zip en cliquant sur “Charger”
• Décompresser le dossier PrestaShop_1.X.zip téléchargé. L’archive .zip décompressée est composée de trois éléments :le fichier index.php
• le fichier prestashop.zip
• le fichier Install_PrestaShop.html
• Supprimer le dossier zippé Prestashop_1.X.zip originel

Créer une base de données

• Créer une nouvelle base de données MySql ex: portfolio.
• Ajouter un nouvel utilisateur ex:nom.
• Créer un mot de pass.
• Ajouter l’utilisateur à cette base de données et lui donner tous les droit. 

Installer et configurer PrestaShop

Se rendre sur l’adresse du site (exemple : votreboutique.com). L’installeur de PrestaShop se lance automatiquement.

Choisir la langue puis cliquez sur “Suivant”.

Accepter les licences puis cliquez sur “Suivant”.

Renseigner les informations relatives à la boutique PrestaShop

Configurer la connexion à la base de données à l’aide des identifiants puis cliquer sur “Suivant”.

L’identifiant de la base est l’utilisateur.

L’installation de PrestaShop est automatiquement lancée.

Une fois l’installation terminée, PrestaShop rappelle les identifiants de connexion.

Sécuriser la boutique PrestaShop

Le site est opérationnel mais il est nécessaire de le sécuriser. Pour cela, effacer le dossier “/install”  de Prestashop.

PrestaShop est installé !

Avant de pouvoir gérer sa boutique, il faut renommer le dossier “admin” par “administration” dans le cpanel. Puis, renseigner l’adresse “votreboutique.com/administration”, et rentrer les paramètres de connexion pour accéder au tableau de bord.

1. Installer et activer UpdraftPlus

Pour cela, rendez-vous dans votre panneau d’administration à l’onglet Extensions > Ajouter puis cherchez “UpdraftPlus” dans l’encart prévu à cet effet. Ensuite, vérifiez que le plugin est bien compatible avec votre version de WordPress puis cliquez sur INSTALLER MAINTENANT et terminez par son activation.

À présent, vous pourrez trouver UpdraftPlus dans Réglages > Sauvegardes UpdraftPlus.

2. Effectuer les réglages

Pour automatiser et planifier les sauvegardes , sélectionnez l’onglet RÉGLAGES.

• Choisir un intervalle de sauvegarde identique pour les fichiers et la base de données de ton site (une sauvegarde hebdomadaire sera suffisante).
• Il faut conserver 2 ou 3 jeux de sauvegarde pour les deux types de sauvegarde.

• Choisir le stockage distant de la sauvegarde ; le plus populaire étant Google Drive.

Enfin, n’oubliez pas de cliquer sur ENREGISTRER.

Connexion avec Google Drive

Pour finaliser la connexion, une popup apparaîtra après que vous ayez sauvegarez les configurations, vous demandant d’autoriser le plugin UpdraftPlus à connecter à votre compte.

3-Création d’une première sauvegarde

Le plugin va créer une sauvegarde automatique, et vous pourrez suivre l’avancement de la sauvegarde grâce à la barre de progression.

Une fois terminée, la sauvegarde sera affichée dans la section “Sauvegardes existantes”.

4. Restaurer la sauvegarde de son site WordPress

Voici la procédure à suivre pour restaurer un site WordPress avec UpdraftPlus :

1. Ouvrez l’interface d’administration du site WordPress. Si le sinistre vous empêche d’accéder à la console d’administration WordPress, vous devrez soit restaurer manuellement votre site web, soit réinstaller WordPress et UpdraftPlus en prenant bien soin de reconfigurer le lien entre UpdraftPlus et votre espace de stockage en ligne dans l’onglet Réglages d’UpdraftPlus. Le cas échéant, UpdraftPlus ne détectera pas les sauvegardes qui sont disponibles pour la restauration.
2. Dans le menu principal de WordPress, ouvrez la catégorie Réglages puis cliquez sur Sauvegardes UpdraftPlus.
3. Cliquez sur le bouton bleu Restaurer de la sauvegarde à restaurer.
4. La fenêtre qui apparaît permet de choisir les éléments de la sauvegarde à restaurer. Sauf si vous savez ce que vous faites, il est en principe recommandé de restaurer tous les éléments.
5. Patientez pendant la préparation de la sauvegarde et lisez attentivement les alertes en cas de besoin.
6. Patientez pendant la restauration et lisez attentivement les informations affichées par UpdraftPlus. Ne fermez pas votre navigateur Internet tant que la restauration n’est pas terminée. Ce processus peut durer plusieurs longues minutes selon la taille du site.
7. Si tout se déroule bien, on doit pouvoir lire Restauration réussie ! en bas de la page de confirmation.

Le petit plus

Problèmes avec les plugins

Ici avec Companion Auto Update

UpdraftPlus ne se met pas à jour automatiquement, doit être fait manuellement. Ne cause aucun problème avec les autres plugins.

Correction:
– accédez à la page des paramètres de UpdraftPlus et dans réglage cliquer sur réglages avancés, ceux-ci apparaissent et sélectionnez l’option de mise à jour automatique.

Le plugin All In One WP Security propose une solution complète pour vos problèmes de sécurité sur vos sites web WordPress.

Installation du plugin

1. Recherchez le  plugin “All in One WP Security” puis cliquez sur “Installer maintenant” puis sur “Activer”.

2. Cliquez sur “WP Sécurité”  dans le menu de gauche

Compte utilisateur

Pour configurer la sécurité des comptes d’utilisateurs, cliquez sur “Comptes d’utilisateurs”  à gauche. Il y aura 3 onglets sur cet écran : “Nom d’utilisateur WP” , “Nom affiché” et “Mot de passe”.

Sur l’ onglet “Nom d’utilisateur WP”, le plugin vérifiera si vous avez un nom d’utilisateur défini par défaut sur “admin”. Avoir un utilisateur avec le nom d’utilisateur “admin” n’est pas sûr.

Sur l’onglet “Nom affiché”, le plugin vérifiera si des utilisateurs ont le même nom d’affichage affiché lorsqu’ils font des publications comme nom d’utilisateur. Ceci n’est pas sûr car il permet aux attaquants de deviner des noms d’utilisateur valides.

L’onglet «Mot de passe» évalue la force des mots de passe.

Connexion

L’option du menu “Connexion” du menu vous donne accès à 5 onglets différents. Les  onglets «Verrouillage de connexion»  et «Forcer la déconnexion» ont des paramètres de sécurité qui doivent être configurés. Les 3 autres onglets contiennent des journaux et des informations sur qui est connecté.

L’onglet «Verrouillage de connexion» vous permet de définir des limites de connexion. Les règles que vous pouvez définir ici protègent votre site wordpress contre les tentatives de connexion par force brute. Les règles par défaut suffisent pour empêcher les bots d’accéder à votre panneau d’administration. Cochez la case «Activer la fonction de verrouillage automatique de connexion» et cliquez sur «Enregistrer les modifications».

L’onglet «Forcer la déconnexion» vous permet de configurer WordPress pour qu’il se déconnecte automatiquement après une période de temps définie. Cela empêche vos utilisateurs de rester connectés pendant de longues périodes sur n’importe quel PC et est particulièrement utile si vous pensez que vos utilisateurs WordPress se connectent sur des terminaux publics. Cochez la case «Activer la déconnexion des utilisateurs de Force WP»  , puis cliquez sur «Enregistrer les modifications»  pour activer cette fonction.

Enregistrement de l’utilisateur

L’option du menu «Enregistrement de l’utilisateur» dans le menu de gauche comporte trois onglets différents. «Approbation manuelle» , «Captcha d’inscription» et «Registration Honeypot». Cet onglet est principalement destiné aux sites qui autorisent une certaine forme d’enregistrement des utilisateurs. Si votre site ne le fait pas, vous n’avez pas besoin de configurer les paramètres dans cette section.

L’onglet «Approbation manuelle» vous permet de forcer l’approbation manuelle de toutes les inscriptions d’utilisateurs. C’est plus sécurisé que les inscriptions automatiques car cela empêche les bots de créer des comptes. Cochez la case «Activer l’approbation manuelle des nouvelles inscriptions» , puis cliquez sur «Enregistrer les paramètres».

L’onglet «Captcha d’inscription» vous permet de configurer un Captcha sur votre page d’enregistrement utilisateur. Cela ajoute à la sécurité de votre site simplement en ajoutant une autre couche pour empêcher l’enregistrement des bots. Cochez la case “Activer le Captcha sur la page d’inscription”  puis cliquez sur “Enregistrer les modifications”.

L’onglet «Registration Honeypot» vous permet d’ajouter des champs de saisie cachés que seuls les bots pourraient remplir sur votre page d’inscription. Cela vous permet d’attraper des bots relativement sophistiqués et les empêche de créer des comptes. Cochez la case “Enable Honeypot On Registration Page”  puis cliquez sur “Enregistrer les modifications”.

Sécurité BdD

L’option de menu “Sécurité BdD” sur la gauche fournit deux onglets «Préfixe de BdD»  et «Sauvegarde de BdD».

Avant d’utiliser l’onglet «Préfixe de BdD», vous devez cliquer sur l’onglet «Sauvegarde de BdD» pour effectuer une sauvegarde de votre base de données avant d’apporter d’autres modifications. Une fois sur place, cliquez sur «Créer une sauvegarde DB maintenant»  pour créer une sauvegarde immédiate, puis cochez la case «Activer les sauvegardes planifiées automatisées»  . Vous pouvez définir un calendrier de sauvegarde comme vous le souhaitez, mais nous vous suggérons le plus souvent possible. Une fois terminé, cliquez sur «Enregistrer les paramètres».

Maintenant allez à l’onglet «Préfixe de BdD». Ici, vous pouvez modifier le préfixe de table de base de données utilisé par WordPress dans votre base de données. Changer cela augmente la sécurité de votre installation wordpress car cela rend plus difficile pour les pirates de cibler vos attaques d’injection SQL. Pour utiliser cette fonction, cochez la case «Générer un nouveau préfixe de tables BdD» (ou entrez un préfixe) puis cliquez sur «Modifier le préfixe des tables de la BdD».

Gestionnaire de liste noire

L’option «Gestionnaire de liste noire» dans le menu de gauche est l’endroit où vous pouvez configurer une liste noire IP ou User Agent. Cochez la case «Activer la liste noire d’IP ou d’ID utilisateur» puis cliquez sur «Enregistrer les modifications». Vous devrez revenir à cet onglet pour ajouter les adresses IP que vous souhaitez bloquer.

Pare feu

L’option «Pare-feu» dans le menu de gauche possède un certain nombre de fonctionnalités que vous voudrez activer par défaut. Chaque onglet de cette section contient des options que vous voudrez configurer en dehors de l’onglet «Règles personnalisées». Notez que le plugin All in One ne pourra pas configurer les règles de pare-feu sans accès en écriture au fichier .htaccess dans le répertoire WordPress.

Dans l’onglet «Règles de base du pare-feu», il y a trois cases à cocher que vous devez cocher. Cochez d’abord «Activer la protection de base du pare-feu» . Cela activera le pare-feu de base et empêchera l’accès à quelques parties du système de fichiers WordPress. Cochez ensuite «Disable Pingback Functionality From XMLRPC», nous vous conseillons de vérifier cette option car certains plugins ont besoin de la fonctionnalité XMLRPC et il peut ne pas être conseillé de bloquer complètement l’accès à cela. Cochez «Block Access to debug.log File» puis cliquez sur «Enregistrer les modifications» .

Dans l’onglet «Règles supplémentaires du pare-feu», vous devez vérifier toutes les options disponibles, puis cliquer sur «Enregistrer les paramètres supplémentaires du pare-feu»  en bas.

Dans l’onglet «6G Blacklist Firewall Rules», vous devez cocher à la fois «Enable 6G Firewall Protection» et «Enable legacy 5G Firewall Protection»  pour ajouter des listes noires de perishablepress.com à votre pare-feu. Une fois terminé, cliquez sur «Save 5G/6G Firewall Settings»

Dans l’onglet «Bots internet»,  cochez la case «Bloquer les faux Googlebots» et cliquez sur le bouton «Enregistrer les paramètres de Bot internet»  en bas.

Dans l’onglet «Prévenir des Hotlinks», vous pouvez empêcher d’autres sites de créer un lien direct vers vos images hébergées. Cela préserve à la fois votre contenu et votre bande passante. Cochez la  case «Empêcher les liens dynamiques (Hotline)» et cliquez sur «Enregistrer les modifications».

Enfin, dans l’onglet «Détection d’erreur(s) 404», vous pouvez configurer le plugin pour bloquer les adresses IP en essayant à plusieurs reprises d’accéder à des pages inexistantes sur votre site. Cochez «Enable 404 IP Detection and Lockout» , puis cliquez sur «Enregistrer les modifications».

Brute force

L’option de menu «Brute Force» à gauche est l’endroit où vous pouvez configurer les paramètres de la page de connexion. Il y a 5 onglets sur cette page. Par défaut, nous vous recommandons de configurer les  onglets «Renommer la page de connexion»  et «Utiliser Honeypot» . Les options des  onglets «Protection contre “Brute Force basée cookie», «Captcha de connexion»  et «Liste blanche de connexion» doivent être utilisées de manière sélective car certaines d’entre elles sont destinées à des plates-formes spécifiques telles que WooCommerce ou pourraient vous exclure de votre panneau d’administration si elles sont utilisées de manière incorrecte.

Sur l’onglet «Renommer la page de connexion», cochez la case «Autorisez le renommage de la page des réglages de Connexion», puis entrez une nouvelle URL de page de connexion, puis cliquez sur «Enregistrer les modifications» . Assurez-vous de vous souvenir du nouveau chemin de connexion. La modification de l’URL de connexion est plus sécurisée que l’utilisation de l’URL par défaut car la plupart des bots ne savent pas où essayer de se connecter.

Sur l’onglet «Utiliser Honeypot», cochez simplement la case «Activer Honeypot sur la page de connexion»  et cliquez sur «Enregistrer les modifications» . Le Honeypot (pot de miel) créera de faux champs de saisie que seul un bot peut remplir, et si la page de connexion reçoit une entrée sur ces champs lors de la connexion, WordPress sait ignorer l’utilisateur.

Prévention du SPAM

Utilisez l’option de menu «Prévention du spam» sur le côté gauche pour augmenter la sécurité de WordPress en filtrant le spam des commentaires. Bien qu’il existe plusieurs onglets différents, vous aurez principalement besoin des fonctions «Commentaires spam» et «Surveillance IP commentaires spam».  Les onglets «BBPress»  et «BuddyPress»  ne sont accessibles que si vous utilisez ces applications.

Dans l’onglet “Commentaire SPAM”, cochez les deux cases. Si quelqu’un commente votre site, il y aura un Captcha avant que le commentaire ne soit envoyé et les Spambots connus seront bloqués.

Une fois les deux options vérifiées, cliquez sur «Enregistrer les modifications».

Maintenant, dans l’ onglet «Surveillance IP commentaires spam», cochez la  case “Enable Auto Block of SPAM Comment IPs”, puis cliquez sur “Enregistrer les modifications”. Vous souhaiterez peut-être définir un nombre minimum de commentaires.

Scanner

Si vous cliquez sur l’option “Scanner” dans le menu de gauche, vous serez redirigé vers le scanner de malware All in One. De là, vous pouvez exécuter une analyse manuelle et vous pouvez configurer votre système pour effectuer des analyses automatiques périodiques des fichiers clés de WordPress. Cochez la case “Activer l’analyse automatisée des modifications dans les fichiers”, puis cliquez sur “Enregistrer les modifications”.

Vous pouvez exécuter une analyse manuelle en cliquant sur «Effectuer une analyse maintenant».

Sécurité des fichiers

Enfin, la dernière zone que vous devez vérifier est l’option «Sécurité des fichiers» dans le menu de gauche. Cette zone répertorie toutes les zones critiques de WordPress et les autorisations de fichier suggérées. Si le bouton «Appliquer le réglage des autorisations recommandé» à côté de chacun ne fonctionne pas, utilisez un programme FTP ou chmod pour le faire.

Cliquez ensuite sur l’onglet «Accès aux fichiers WP» et cliquez sur «Empêcher l’accès aux fichiers d’installation par défaut WP» puis sur «Enregistrer les paramètres» . Cela empêche l’accès à quelques fichiers qui peuvent donner à un attaquant des informations sur votre installation WordPress.

Après avoir effectué toutes ces étapes, vous avez franchi une étape considérable vers la sécurisation de votre installation WordPress. Vous devrez suivre vos sauvegardes et mettre à jour tous vos plug-ins régulièrement, tout en faisant attention à tout ce qui peut être dû à des analyses de logiciels malveillants ou à d’autres alertes que le plug-in peut vous envoyer. Bien que nous n’ayons pas utilisé toutes les fonctionnalités du plugin, pour cet article, nous utilisons des paramètres qui devraient être compatibles avec la plupart des thèmes et plugins. Maintenant, si vous allez dans le tableau de bord, vous devriez voir un score de sécurité bien dans le vert :

On ne peut plus modifier les URLs dans les tables de la base de données avec la version gratuite de Duplicator, mais on peut le faire avec le plugin « Better Search Replace »

•   Installer Better Search Replace. Une fois activé, rendez-vous dans « Outils » et « Better Search Replace« .
• Dans « Rechercher« , indiquez l’URL de votre site. Dans « Remplacer par » indiquez l’URL de votre nom de domaine.
• Sélectionnez toutes les tables de la liste située en-dessous.
• Pour que les changements soient apportés, il faut décocher l’option « Faire un essai ? ». On peut faire l’essai avant en cochant cette case.

Faite une petite visite du site et dites moi ce que vous en pensez.

La mise en cache et la minification des fichiers HTML, CSS et Javascript sont deux solutions permettant d’optimiser les performances de son site WordPress à moindre frais. Il suffit en effet d’installer deux extensions et d’effectuer quelques réglages. Découvrez WP Fastest Cache et Autoptimize, deux extensions pour rendre son site web encore plus rapide et performant.

1. WP Fastest cache

L’installation se déroule depuis le menu Extensions > Ajouter de WordPress. Cherchez le nom du plugin, et cliquez sur « Installer » sans oublier d’activer le plugin ensuite.

L’installation du plugin crée un nouvel élément de menu, WP Fastest Cache, dans votre administration WordPress. C’est là que vous allez effectuer les réglages.

L’onglet Configuration du plugin de cache

Ici, vous pouvez déjà régler la langue grâce au menu déroulant en bas de l’onglet.

Système de cache – Cette case permet tout simplement d’activer le plugin.

Préchargement – Cette option permet de créer immédiatement une version en cache de votre site, pour qu’il se charge plus rapidement dès le passage du premier visiteur suivant l’activation du plugin.

Quand vous cochez l’option, vous pouvez choisir ce que vous incluez dans cette version préchargée : la page d’accueil, les publications, les catégories, les pages, les étiquettes, les fichiers joints, les types de publications et taxonomies personnalisés… Vous pouvez tout cocher et laisser le nombre de pages par minute par défaut, il est conçu pour ne pas surcharger votre serveur. Il n’est pas utile non plus de cocher la case « Redémarrer une fois terminé ».

Utilisateurs connectés – C’est la seule case que je vous conseille de ne pas cocher. Elle bloque le fonctionnement du cache pour les membres du site (dont vous, l’administrateur !). Je trouve pour ma part qu’il est préférable de voir la même version que ses visiteurs afin de détecter plus facilement d’éventuels problèmes.

Mobile – Cette option évite de montrer le cache créé sur ordinateur aux visiteurs qui sont sur un mobile.

Nouvelle publication – Cette option est utile car elle vide le cache et le « met à jour » quand vous publiez un nouvel article ou une nouvelle page.

Mettre à jour la publication – Dans le même esprit, cette option permet de vider le cache quand vous mettez à jour un contenu, l’idée étant là encore de faire en sorte que la version en cache soit la plus à jour possible pour vos visiteurs.

Options de compression des fichiers et des images – Nous avons ensuite accès à différentes options qui permettent de minifier les fichiers HTML, CSS et JavaScript, ainsi que les images pour réduire leur poids. Le plugin Autoptimize (voir ci-dessous) se chargera de la minification.

Cache navigateur – Cette option permet de tirer profit du navigateur de vos visiteurs réguliers, en stockant certains fichiers dedans. Par exemple, votre logo sera « mis en mémoire » dans le navigateur du visiteur, de telle sorte qu’il n’aura pas à le charger une seconde fois.

Désactiver les émoticônes – Cette option permet de supprimer les fichiers ajoutés automatiquement par WordPress dans le header du site, là encore pour alléger le poids des pages.

L’onglet Supprimer le cache

C’est là que vous pouvez effacer le cache complet ou le cache et le css/js minifié. Ces fonctionnalités sont utiles quand vous apportez des changements à votre blog (par exemple en modifiant un élément du design) et que vous ne les voyez pas apparaître même en rechargeant la page : le cache est souvent resté actif et vous montre donc encore la version gardée en mémoire au lieu de vous montrer la version modifiée des pages. Vider le cache permet alors de visualiser la page telle qu’elle est réellement.

Notez que l’on peut aussi effacer le cache via un bouton « Supprimer le cache » présent dans la barre d’options en haut de l’administration.

2. Autoptimize

La fonction principale de ce plugin est de concaténer et de minifier les fichiers CSS et Javascript dans un fichier unique mis en cache en remplacement de la multitude de fichiers que vous avez installés (ou que d’autres extensions ont installés pour vous). Ce plugin permet également d’optimiser les images de votre site web par réduction du poids.

Installer et configurer Autoptimize

Après l’installation et l’activation du plugin, un nouveau menu « Autoptimize » s’ajoutera à votre tableau de bord. Cliquez dessus afin d’accéder à la page des réglages du plugin.

Une fois sur cette page, vous remarquerez quelques options qui s’offrent à vous. Ces options vous permettent notamment d’optimiser le code HTML, JavaScript, et CSS, et d’optimiser les images.

Pour un réglage optimisé

JavaScript

• Optimiser le code Javascript — Concatène et compresse votre code Javascript.
• Concaténer les fichiers JS — Concaténer tous les fichiers JS pour éviter de bloquer le rendu de la page ? Si cette option est désactivée, les fichiers JS individuels ne seront pas regroupés mais juste optimisés.

CSS

• Optimiser le code CSS — Concatène et compresse votre code CSS.
• Concaténer les fichiers CSS — Concaténer tous les fichiers CSS liés ? Si cette option est désactivée, les fichiers CSS individuels ne seront pas regroupés mais juste optimisés.
• Agréger aussi les CSS inline — Cochez cette option pour qu’Autoptimize agrège aussi les CSS dans le code HTML.

HTML

• Optimiser le code HTML — Concatène et compresse votre code HTML

Optimisation des images

• Optimiser des images — Optimiser les images à la volée et les distribuer via le CDN de Shortpixel.

• Utiliser le format WebP pour les navigateurs compatibles — Utiliser automatiquement le format d’image WebP pour les navigateurs compatibles (le lazy-loading doit être activé).
• Affichage des images en lazy-loading — Le Lazy-loading permet de retarder l’affichage des images non visibles (hors du viewport) afin d’optimiser le chargement des ressources au dessus de la ligne de flottaison (“above the fold”).

Automatiser les mises à jour d’extensions et thèmes

L’oubli de mises à jour d’extensions et thèmes est une des raisons les plus courantes des piratages de sites tournant sous WordPress. Les personnes voient que leur site fonctionne et ne se préoccupent pas des alertes de mise à jour jusqu’au moment fatal.

Pour pallier cette inconscience/paresse, une extension d’automatisation de mise à jour me parait indispensable. Et le plugin Companion Auto Update joue parfaitement son rôle.

Ce dernier fait la mise à jour automatisée des thèmes, extensions et même WordPress lui-même avec la possibilité de désactiver la fonctionnalité au cas par cas (dans ce cas là, vous pouvez demander à recevoir un email d’alerte prévenant qu’une mise à jour est disponible) et envoi de mails d’information.

En effet, une mise à jour peut se révéler catastrophique si un bug est présent ou si une incompatibilité se révèle. C’est heureusement de plus en plus rare mais dans le cas d’une boutique tournant sous WooCommerce, empêcher la mise à jour de cette dernière et des sous-extensions associées peut se révéler crucial pour donner le temps de faire des tests extérieurs.

En fait, le vrai petit plus de Companion Auto Update, c’est l’historique sauvegardé des mises à jour. Vous pouvez retrouver en un coup d’œil quelle extension a été mise à jour et à quelle date, ce qui simplifiera les tâches de débuggage. Sans compter que vous pourrez aussi vous rendre compte que certaine de vos extensions n’ont pas été mises à jour depuis plusieurs années et qu’il faut peut-être penser à trouver une alternative.

Widget

Site de l’extension sur wordpress.org : https://fr.wordpress.org/plugins/companion-auto-update/ ‑ version testée : 3.4.5

De l’article “Companion Auto Update” du site L’Écho des Plugins WP

Tutoriel concernant l’installation et la mise en oeuvre du plugin Duplicator pour WordPress. Duplicator vous permet de sauvegarder ou de migrer facilement et rapidement votre site WordPress. Ce tutoriel en français vous est proposé par Fabrice ESQUIROL, developpeur web freelance que vous pouvez retrouver sur le site www.creaweb2b.com

Une vidéo fort interessante: ici.

Réalisation  avec des tableaux en utilisant les balises table,tr,td…

Compte tenu de la complexité de réalisation d’une simple newsletter, vous pouvez explorer les règles:

Règles d'intégration

Il existe des outils (SendinBlue par exemple) qui permettrons de nous simplifier la tâche. Un nouvelle outil qui permet de simplifier le code et de faire des newsletter responsive, MJML, pour en savoir plus cliquez ici

Nous pouvons aussi partir de Photoshop:

Découper en tranche chaque élément (il est possible de définir chaque tranche de leur donner un nom, une adresse, un texte alt etc). Enregistrer pour le web toutes les tranches en gif et pour les images en jpeg, au format html et image (dans paramètres de sortie faire les réglages) Il faut ensuite remplacer les liens relatifs par des liens absolues et faire les modifications nécessaires (donner une hauteur au cellules, la même que les images, penser à font-size: 0; pour fixer la taille des petites hauteurs de cellules (celles-ci peuvent créer des blancs liées à la hauteur d’un caractère), définir la police, border: 0; pour les bordures de liens des images etc…). Pour supprimer les blanc éventuels sous  les images ( surtout sur Gmail ), mettre en display: bloc; les images concernées.

Pour la mettre en ligne, il faut créer un sous domaine (lui accorder un ssl). Charger les images et la newsletter html dans leur dossier sur le cpanel. Nous pouvons contrôler sur un  site inspecteur (http://www.inboxinspector.com/) l’affichage pour différente boites mails.

Exemple du code: