Merci de confier l'hébergement de votre site WordPress à Infomaniak.

Préambule

• Pour rappel, l'outil de création de site WordPress peut être:
  1. hébergé par l'infrastructure WordPress.com (payante) et dans ce cas Infomaniak n'est pas concernée par l'hébergement
  2. installé librement mais manuellement par l'utilisateur grâce à l'archive proposée par WordPress.org, Infomaniak est alors l'hébergeur du site Web mais ne gère aucune mise à jour et ne liste pas l'application dans la partie Applications Web du Manager Infomaniak ; vous serez dans ce cas de figure si vous rapatriez un WordPress externe vers Infomaniak
  3. installé automatiquement par l'outil à disposition sur le Manager et dans ce cas WordPress est maintenu (au niveau sécurité) en grande partie par Infomaniak
• C'est ce troisième et dernier point qui est développé dans ce guide.
• L'installateur Infomaniak automatise l'installation et les mises à jour de sécurité de WordPress.

Installer WordPress & Apps

Infomaniak facilite l'installation de l'application WordPress (et d'autres applications également):

• Installer rapidement WordPress avec l'installateur Infomaniak
• Accéder à l'interface de gestion WordPress

Utiliser WordPress

Bien que WordPress soit l'un des CMS les plus simples à utiliser, il est nécessaire de l’apprivoiser. Afin de vous aider dans cette démarche, voici des ressources externes dans plusieurs langues différentes pour bien démarrer avec WordPress:

• Bases essentielles à connaître pour bien démarrer avec WordPress
• Forum d'entraide de la communauté WordPress francophone
• FAQ au sujet des sauvegardes / restaurations
• Utiliser un thème ou extension ElegantThemes
• Formation WordPress gratuite mise à disposition par le site progresser-en-informatique.com. Si vous souhaitez aller à l'essentiel, focalisez-vous sur les modules suivants:
  • Comprendre l’interface d’administration
  • Comment bien configurer WordPress
  • Ajouter du contenu à votre site Web

Ce guide donne des pistes afin de réaliser des opérations en lien avec un site WordPress, ce qui permet notamment de…

• … copier et migrer un site WordPress d'un hébergeur concurrent vers Infomaniak,
• … modifier le nom de domaine d'un site WordPress,
• … sauvegarder un site WordPress en entier…

Préambule

• Selon le contexte, au lieu de faire un transfert WordPress, vous pouvez aussi simplement…
  • … changer l'adresse du site (le nom de domaine associé) très facilement si vous avez installé WordPress via l'installateur Infomaniak,
  • … dupliquer un site WordPress afin de travailler parallèlement dans un environnement de développement…

Transférer un site WordPress…

… avec l'extension All-in-One WP Migration

• Nécessite d'installer un nouveau WordPress vierge (par exemple via l'installateur automatique Infomaniak) pour importer l'ancien site dessus.
  • Prenez connaissance de ce guide.

… avec l'extension Duplicator

• Nécessite de se connecter à l'hébergement par FTP pour envoyer une archive .zip et un fichier PHP pour réinstaller l'ancien site.
  • Prenez connaissance de ce guide.

Ce guide explique comment installer un nouveau site WordPress Infomaniak inclus dans les offres d'Hébergement Web payantes. Vous trouverez 2 différentes façons de créer un site WordPress ainsi que des explications au sujet de la désinstallation.

Créer un site WordPress sur un hébergement existant

Afin d'accéder à l'Hébergement Web et d'y ajouter un nouveau site en installant WordPress en même temps :

1. Cliquez ici afin d'accéder à la gestion de votre hébergement sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué à l'hébergement concerné:
   
3. Cliquez sur le bouton pour ajouter un site:
   
4. Choisissez d'installer WordPress.
5. Cliquez sur le bouton Suivant:
   
6. Cliquez sur le bouton pour utiliser un nom de domaine déjà présent dans votre Organisation (ou sur l'autre bouton si vous devez d'abord commander un nouveau domaine).
7. Sélectionnez le nom de domaine parmi vos domaines déjà acquis.
   1. Les options avancées permettent notamment de choisir un emplacement personnalisé sur le serveur de l'hébergement, et une version antérieure de PHP.
8. Cliquez sur le bouton Suivant:
   
9. Patientez quelques minutes le temps de la création du site sur l'hébergement:
   
10. Entrez les informations demandées, elles vous serviront à vous connecter dans le tableau de bord WordPress (il est possible de modifier ces informations en tout temps après l'installation).
11. Cliquez sur le bouton Suivant:
    
12. Entrez les informations relatives à votre site (il est possible de modifier ces informations en tout temps après l'installation).
13. Cliquez sur le bouton Suivant:
    
14. Choisissez entre le thème Divi et le thème officiel de la version WordPress la plus récente (il est possible de modifier ces informations en tout temps après l'installation).
15. Cliquez sur Suivant:
    
16. Choisissez d'installer ou non deux extensions Premium offertes avec votre abonnement: Monarch et Bloom.
17. Cliquez sur Suivant:
    
18. Confirmez l'installation depuis la page de résumé:
    
19. Vous pourrez ensuite vous connecter sur le tableau de bord WordPress ou revenir sur la gestion du site Infomaniak:
    

Installer WordPress sur un site vierge existant

Afin d'accéder au site vierge existant sur l'hébergement et d'y installer WordPress :

1. Cliquez ici afin d'accéder à la gestion de votre site sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au site concerné:
   
3. Cliquez sur le bouton pour ajouter une applcation:
   
4. Choisissez d'installer WordPress:
   
5. Cliquez sur le bouton Suivant tout en bas de la page.
6. Entrez les informations demandées, elles vous serviront à vous connecter dans le tableau de bord WordPress (il est possible de modifier ces informations en tout temps après l'installation).
7. Cliquez sur le bouton Suivant:
   
8. Continuez ainsi comme à partir du point 12 du chapitre précédent ci-dessus.
   

Désinstaller WordPress Infomaniak

Vous pouvez effacer un site WordPress:

1. en supprimant le site Web complètement de l'hébergement (et en gardant ou non les données WordPress, bases de données, etc.)
2. en conservant le site Web sur l'hébergement mais en retirant l'app WordPress…

Option 1

1. Cliquez ici afin d'accéder à la gestion de votre site WordPress sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez sur le menu d'action ⋮ situé à droite de l'élément concerné.
3. Cliquez sur Délier le site:
   
4. Choisissez si vous souhaitez tout effacer ou conserver malgré tout une trace des données WordPress sur le serveur de l'hébergement:
    
   1. Si vous activez la case à cocher, il n'y aura plus rien côté Manager (hormis les sauvegardes):
      
      et plus rien côté serveur:
      
   2. Si vous ne cochez pas la case, il n'y aura plus rien côté Manager (hormis les sauvegardes):
      
      mais les fichiers WordPress seront encore accessibles sur le serveur:
      
      Et vous obtiendrez une erreur si par la suite vous tentez la réinstallation d'un nouveau site WordPress au même endroit avec le même nom de domaine:
      
5. Confirmez la suppression.
6. Cliquez pour supprimer et patientez.

Option 2

1. Cliquez ici afin d'accéder à la gestion de votre site WordPress sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au site concerné:
   
3. Cliquez sur le menu d'action ⋮ situé à droite de l'élément concerné.
4. Cliquez sur Supprimer l'app:
   
5. Confirmez le suppression et patientez, votre hébergement contiendra toujours un site mais sans application installée:
   

En savoir plus

• Voir toutes les FAQ WordPress
• Installer un certificat SSL gratuit
• Installer une autre application Web

Ce guide explique comment désactiver sur un Hébergement Web l'ensemble des extensions installées sur votre WordPress.

Préambule

• Désactiver les extensions WordPress permet d'identifier rapidement si l'une d'entre elle serait la cause d'un souci rencontré sur votre site, et d'en tirer ainsi les conclusions qui s'imposent afin de le réparer.

Désactiver rapidement des extensions WP

Pour désactiver l'ensemble des extensions WordPress:

1. Connectez-vous sur le serveur en FTP (besoin d'aide ?).
2. Rendez-vous à l'emplacement du site (dossier correspondant à votre site WordPress).
3. Renommez/wp-content/plugins en /wp-content/_plugins par exemple.
   • Pour désactiver une extension spécifique, renommez /wp-content/plugins/PluginName en /wp-content/plugins/_PluginName par exemple.

Ce guide explique comment ajouter gratuitement un thème d'Elegant Themes (Divi) sur un site WordPress déjà installé via l'installateur Infomaniak.

Prérequis

• Votre site WordPress doit être installé via les outils Infomaniak WordPress pour utiliser ces thèmes et extensions.
• Le thème peut être ajouté lors de l'installation (approximativement l'étape 14 de cet autre guide) ou activé par la suite.
• Afin de bénéficier du support Elegant Themes (service client) vous devez souscrire à une offre d'Elegant Themes.

Ajouter un thème Elegant Themes

Pour cela:

1. Cliquez ici afin d'accéder à la gestion de votre site WordPress sur le Manager Infomaniak (besoin d'aide ?).
   • Si votre site n'apparait pas ici, c'est qu'il n'a pas été installé via les outils Infomaniak (cf prérequis ci-dessus).
2. Cliquez directement sur le nom attribué au produit concerné:
   
3. Cliquez sur le menu d'action ⋮ situé à droite de l'Application Web concernée.
4. Cliquez sur Paramètres de l'application:
   
5. Cliquez sur Modifier sous Thème:
   
6. Sélectionnez le thème souhaité.
7. Cliquez sur le bouton Enregistrer:
   
8. Le thème est appliqué et disponible pour être configuré dans votre interface d'administration WordPress:
   

Utiliser une extension d'Elegant Themes

Prenez connaissance de cet autre guide pour installer une extension Elegant Themes avec Infomaniak.

Ce guide explique comment gérer les interactions entre votre espace VOD/AOD Infomaniak et n'importe lequel de vos sites WordPress, à l'aide d'une extension développée par Infomaniak

Préambule

• Cette extension WordPress permet de récupérer et de gérer l'ensemble de vos vidéos présentes sur un espace VOD/AOD Infomaniak, avec une mise à jour automatique lors de l'ajout de nouvelles vidéos.
• Elle gère la récupération automatique des Players existants et la gestion des playlists.
• Vous pourrez rechercher vos vidéos lors de l'écriture d'un article ou d'une page ou importer des médias directement depuis l'administration du CMS.
• Incompatibilités éventuelles:
  • Le plugin n’est pas compatible avec Elementor.
    • Testez si le problème persiste après l'installation d'un autre éditeur.
  • Le plugin n’est pas compatible avec WordPress Multisite.
  • Le plugin n’est pas compatible avec Really Simple Security (Really Simple SSL).
    • Testez si le problème persiste en activant ou désactivant ce paramètre de l'extension Really Simple Security:
      
    • Testez si le problème persiste après l'utilisation d'un autre module similaire.
    • Si des problèmes persistent, prenez connaissance de cet autre guide.

Obtenir l'extension VOD Infomaniak

Rendez-vous dans votre espace VOD pour obtenir les informations nécessaires au module externe WordPress:

1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au produit concerné:
   
3. Cliquez sur Extensions CMS/API dans le menu latéral gauche.
4. Cliquez sur Extensions CMS dans le menu latéral gauche.
5. Téléchargez l'extension WordPress.
6. Configurez l'extension à l'aide des indications fournies:
   
   • Il est recommandé de créer un nouvel utilisateur dans votre Organisation avec uniquement des droits techniques sur le produit VOD/AOD puis de créer le mot de passe d'application depuis ce compte dédié.

Vous pouvez également télécharger l'extension directement depuis la bibliothèque d'extensions WordPress:

Une fonctionnalité similaire existe pour Typo3 avec l'extension dédiée que vous pouvez retrouver et installer depuis sa bibliothèque d'extensions:

Ce guide détaille les mesures essentielles pour protéger votre site WordPress contre le spam et les contenus malveillants automatisés.

Préambule

• Un site non protégé est une cible facile pour les spambots (robots) qui utilisent les commentaires pour diffuser des liens frauduleux.
• Sans protection, chaque formulaire (contact, réservation, vote) peut être détourné pour envoyer des e-mails en masse depuis votre serveur.
• Le spam dégrade votre expérience utilisateur, nuit à la réputation de votre domaine (blacklistage e-mail) et peut saturer les ressources de votre hébergement.

1. Maîtriser le système de commentaires

Par défaut, WordPress est configuré pour autoriser les commentaires. Pour limiter les abus, prenez connaissance du codex WordPress.

Si vous souhaitez conserver les interactions, vous pouvez restreindre les commentaires aux seuls utilisateurs connectés via la page des réglages de discussion.

2. Utiliser des outils de protection automatique

Pour bloquer les robots sans nuire à l'expérience de vos visiteurs, deux technologies principales existent : le captcha (test visuel) et le honeypot (piège invisible pour les humains mais détecté par les robots).

Solution incluse avec Infomaniak

Si vous avez installé WordPress via l'outil d'installation automatique d'Infomaniak, l'extension WP Armour – Honeypot Anti Spam est déjà activée. Elle protège nativement les formulaires les plus courants :

• WP Comments & WP Registration
• Contact Form 7, Elementor Forms, Divi Contact Form
• WooCommerce Reviews, BBPress, Gravity Forms

Alternatives recommandées

• Akismet Anti-Spam : Développé par Automattic, c'est une référence très efficace, bien que payante pour les sites commerciaux.
• La Sentinelle antispam : Une extension complète et très bien notée par la communauté francophone.
• Contact Form 7 Honeypot : Un module spécifique si vous utilisez uniquement l'extension Contact Form 7.

Le rôle de l'hébergeur

Au-delà de la sécurité de votre site, Infomaniak déploie des protections au niveau du serveur. Pour en savoir plus, prenez connaissance de l'article sur la lutte contre les e-mails malveillants ainsi que la FAQ sur les outils de sécurité mis à disposition.

Ce guide propose deux méthodes pour accéder à l'interface d'administration d'un site WordPress installé via les outils Infomaniak, afin de par exemple mettre à jour le contenu.

Prérequis

• Connaitre vos identifiants d'accès…
  • … à WordPress
  • … au Manager Infomaniak

Accéder à la console WordPress…

1. … depuis le Manager

Afin d'accéder à WordPress depuis le Manager :

1. Cliquez ici afin d'accéder à la gestion de votre site WordPress sur le Manager Infomaniak (besoin d'aide ?).
   • Si votre site n'apparait pas ici, c'est qu'il n'a pas été installé via les outils Infomaniak… prenez connaissance de la documentation officielle.
2. Cliquez directement sur le nom attribué au produit concerné:
   
3. Cliquez sur le bouton Editer pour ouvrir la page de connexion à WordPress:
   
4. Entrez le nom d'utilisateur et le mot de passe choisis lors de l'installation de WordPress:
   

2. … via l'URL /wp-admin

Par défaut, il suffit d'ajouter les termes /wp-admin à la fin de l'URL de votre nom de domaine dans la barre d'adresse de votre navigateur Web pour accéder directement à la page de connexion de la console WordPress (= point 4 ci-dessus).

Que faire si le raccourci ./wp-admin ne marche pas ?

• Si le raccourci ./wp-admin ne fonctionne pas, vous utilisez peut-être une extension de sécurité qui modifie l'URL de certaines pages pour limiter les tentatives de piratage de votre site (exemple de plugin)…
• Si vous devez accéder à la console WordPress et que votre nom de domaine n'est pas fonctionnel sur le moment, il est possible de basculer le nom de domaine principal vers l'adresse de prévisualisation.

Ce guide explique comment mettre en place un réseau de sites WordPress afin de gérer plusieurs sites à partir d’une même installation WordPress Infomaniak, avec des adresses URL de type site1.domain.xyz, site2.domain.xyz, ou même avec domain1.com, domain2.com, etc.

Installation de WordPress multisite

Pour commencer:

1. Installez WordPress via Infomaniak sur votre espace d'hébergement avec un nom de domaine principal:
   
   • Ce premier site WordPress doit être atteignable et fonctionner correctement:
     
2. Connectez-vous par FTP.
3. Editez le fichier wp-config.php de ce premier site WordPress concerné.
4. Au-dessus de la ligne "/* That's all, stop editing! Happy blogging. */" (#94) copiez-collez le code define('WP_ALLOW_MULTISITE', true); :
   
   
    
5. Enregistrez vos changements.
6. Connectez-vous ensuite sur l'administration de votre site WordPress.
7. Désactivez temporairement toutes les extensions WordPress:
   
8. Rendez-vous dans le menu OUTILS afin de créer un Réseau:
   
9. Choisissez la méthode de création de vos différents WordPress (sur sous-domaines)…
10. Cliquez sur le bouton d'installation:
    
11. Ajoutez les indications qui s'affichent à l'écran dans le wp-config.php et .htaccess sur le serveur.
12. Après reconnexion à votre WordPress vous obtiendrez un nouveau menu "Mes sites" dans lequel vous pourrez ajouter et gérer vos différents sites du même réseau:
    
13. Réactivez vos extensions désactivées.
14. Sur le Manager, ajoutez un alias à votre site de la forme *.votre-domaine-ici (l'astérisque permet de créer un alias wildcard) avec mise à jour DNS afin que le bon CNAME soit ajouté automatiquement dans la zone:
    
15. Installez ou mettez à jour vos certificats SSL:
    
16. Lorsque vous créerez un nouveau site au sein du réseau, en le nommant par exemple home2 alors il deviendra accessible via home2.domain.xyz et ainsi de suite:
    

Ce guide explique comment modifier l'URL de votre site Web depuis l'app WordPress installée sur votre Hébergement Web Infomaniak (uniquement dans le cas où vous avez installé WordPress via les outils dédiés proposés par Infomaniak).

Prérequis

• Le nom de domaine que vous souhaitez utiliser doit être au préalable ajouté en alias du domaine principal sur le site concerné.

Modifier l'adresse d'un site WordPress

Pour changer l'adresse du site créé avec WordPress Infomaniak, pour un autre nom de domaine qui figure déjà dans la même Organisation :

1. Cliquez ici afin d'accéder à la gestion de votre site WordPress sur le Manager Infomaniak (besoin d'aide ?).
   • Si votre site n'apparait pas ici, c'est qu'il n'a pas été installé via les outils Infomaniak… prenez connaissance de la documentation officielle.
2. Cliquez directement sur le nom attribué au produit concerné:
   
3. Cliquez sur le menu d'action ⋮ situé à droite de l'Application Web concernée.
4. Cliquez sur Paramètres de l'application:
   
5. Cliquez sur Modifier à droite du WordPress:
   
6. Sous URL du site, sélectionnez l'adresse Web souhaitée dans le menu déroulant:
   1. Si vous n'avez pas suivi les prérequis ci-dessus, le domaine souhaité n'apparaitra pas même s'il est enregistré dans la même Organisation.
   2. Si vous avez ajouté le domaine en tant qu'alias du site, le domaine souhaité apparaitra et vous pourrez le sélectionner afin qu'il remplace le précédent domaine.
7. Cliquez sur le bouton Enregistrer:
   

Domaine… .preview.infomaniak.website ?

Parmi les URL présentes dans le menu déroulant, l'URL de prévisualisation permet d'accéder à votre site WordPress dans le cas où le nom de domaine du site n'est pas encore correctement configuré pour pointer sur votre app WordPress.

Ce guide concerne les utilisateurs qui font des modifications autour d'un hébergement sur lequel est installé WordPress.

Préambule

• Suite à un changement d'offre de votre hébergement Web (migration de l'ancienne formule d'hébergement v1 60 Go vers les offres actuelles) il est possible que vous deviez mettre à jour la connexion entre la base de données MySQL/MariaDB et votre site WordPress (afin d'éviter l'erreur "error establishing a database connection" par exemple) et rétablir ainsi le lien entre WordPress et la base de données MySQL/MariaDB.

Modifier les éléments importants

Voici les informations à adapter dans le fichier wp-config.php pour que votre site WordPress fonctionne (en règle générale, un préfixe a simplement été ajouté devant le nom existant de la base et le nom d'utilisateur):

1. le nom de la base de données MySQL (bddname avant, abcd_bddname après par exemple)
2. le serveur hôte de la base de données MySQL (mysql.domain.xyz avant, abcd.myd.infomaniak.com après par exemple)
3. le nom d'utilisateur qui accède à la base de données MySQL (userbdd avant, abcd_userbdd après par exemple)

Modifier le fichier wp-config.php de WordPress

Pour cela:

1. Retrouvez et conservez vos informations MySQL actuelles selon la liste ci-dessus.
2. Créez un compte FTP.
3. Connectez-vous en FTP.
4. Editez le fichier wp-config.php qui se trouve dans le dossier racine de votre site WordPress.
5. Trouvez le paragraphe concerné et mettre à jour les 3 informations (selon la liste ci-dessus).
6. Sauvegardez le fichier et c'est tout, votre WordPress se connectera désormais à la base de données correcte!

Ce guide détaille comment travailler sur un site WordPress avec un environnement de développement.

Préambule

• Le procédé peut servir au début d'un processus de staging c'est à dire la création d'une nouvelle version de votre site Web en direct, sur un environnement de développement ou de test:
  • Cela permet aux propriétaires de sites Web de tester des fonctionnalités, des mises à jour de sécurité, des plugins, des thèmes, des mises à jour de WordPress et des changements de contenu, sans risque de causer des interruptions ou des problèmes sur le site en direct.
  • Une fois que les tests ont été effectués et que les modifications ont été validées sur la copie de staging, il est possible de les déployer en production (sur le site en direct) en utilisant des outils de déploiement automatisés ou en effectuant les modifications manuellement.

Méthode simple

Pour installer et préparer un nouveau site WordPress avec l'installateur Infomaniak sans écraser votre site Web actuel:

1. Installer WordPress sur un second emplacement

Prenez connaissance de cet autre guide afin de créer le nouveau site (en parallèle de l'ancien site domain.xyz) en lui attribuant un nom de domaine de la forme new.domain.xyz par exemple et en y installant WordPress via les Applications Web (installateur WordPress Infomaniak).

À ce stade, le site principal (domain.xyz) reste intouché et vous pouvez tranquillement travailler sur le nouveau site new.domain.xyz. Les deux fonctionnent en parallèle.

2. Remplacer l'ancien site par le nouveau

Une fois le nouveau site terminé, vous pouvez supprimer le premier site afin de réutiliser son nom de domaine sur le nouveau:

1. Supprimez l'ancien site pour ainsi rendre disponible le nom de domaine et pouvoir le réutiliser.
2. Ajoutez domain.xyz en alias de new.domain.xyz.
3. Inversez l'alias avec le domaine principal.
4. Retirez (délier/supprimer) new.domain.xyz devenu alias.
5. Par précaution vérifiez l'URL principale du site WordPress via le tableau de bord des Applications Web sur le Manager Infomaniak, afin qu'elle corresponde bien au nouveau nom, et non plus au sous-domaine que vous aviez choisi.

Méthode avancée

Pour travailler sur un site WordPress existant sans modifier sa version publique, il est recommandé de procéder en 3 étapes:

1. Dupliquer le site existant
2. Travailler ensuite sur sa copie
3. Modifier le répertoire cible du site en production vers le répertoire de l’environnement de production et modifier les URLs du site de pré-production en fonction du nom de domaine du site en production grâce à une extension WordPress ou via phpMyAdmin.

1. Dupliquer le site sur un second emplacement

1. Prenez connaissance de cet autre guide afin de créer le nouveau site (en parallèle de l'ancien site domain.xyz) en lui attribuant un nom de domaine de la forme new.domain.xyz par exemple et en y installant WordPress via les Applications Web (installateur WordPress Infomaniak).
2. Copiez votre site existant et collez-le sur le second site WordPress nouvellement créé, à l'aide d'une extension WordPress.

2. Editer le site dupliqué

1. À ce stade, le site principal (domain.xyz) reste intouché et vous pouvez tranquillement travailler sur le nouveau site new.domain.xyz. Les deux fonctionnent en parallèle.
2. Il est recommandé d'installer une extension WordPress (il en existe des dizaines) dédiée à la mise en maintenance du second site.
3. Si vous modifiez la structure de votre site et que les URLs de vos articles/pages changeront, vous pouvez utiliser une extension gratuite comme Redirection pour créer automatiquement des redirections. Cela évitera à vos visiteurs de tomber sur des pages 404 le temps que les moteurs réindexent votre site ou si des sites externes font des liens sur votre site.

3. Remplacer la cible

1. Lorsque vous avez terminé la refonte de votre site, tout ce que vous avez à faire est de modifier le répertoire cible du site en production vers le répertoire de l’environnement de production et de modifier les URLs du site de pré-production en fonction du nom de domaine du site en production grâce à une extension.
2. Si vous utilisez une extension de cache comme WP-Rocket, W3 Total Cache ou encore WP Super Cache, il sera nécessaire de vider complètement tout le cache voire de désactiver puis réactiver le plugin.
3. Si vous avez continué à modifier votre site en production pendant la refonte de votre site, il sera nécessaire de récupérer vos modifications (articles, médias, pages, etc.).
4. Après les vérifications d’usage (images manquantes, liens erronés, etc.), il ne vous reste plus qu’à désactiver le mode maintenance de votre site et d’admirer le résultat.

Ce guide détaille comment, lors de l'activation d'un nouveau thème WordPress, la mise en forme et le contenu des articles et pages peuvent être altérés, ceci si le nouveau thème n'utilise pas les mêmes shortcodes et/ou le même page builder (constructeur de pages).

Problèmes de mise en page

Voici par exemple comment peuvent apparaître vos articles et pages après avoir changé de thème WordPress:

Il n'existe malheureusement pas de solution automatique pour corriger ce problème: vous devrez:

• soit revenir à l'ancien thème que vous utilisiez
• soit manuellement adapter le contenu de votre site avec les outils prévus par votre nouveau thème WordPress.

Évidemment, vous pouvez également désinstaller et réinstaller WordPress, le contenu du site sera effacé et vous repartirez sur de bonnes bases.

Réduire les problèmes à l'avenir

Voici quelques conseils qui vous éviteront de devoir remettre en forme tout le contenu de votre site en cas de changement de thème:

• Utilisez le moins possible les shortcodes propres à votre thème WordPress.
• Utilisez un page builder universel qui est compatible avec tous les thèmes WordPress (par exemple Visual Composer ou Thrive Content Builder).
• Prenez le temps de tester et évaluer la qualité d'un thème, en comparant avec 2-3 autres thèmes similaires, avant de l'utiliser et d'adapter tout le contenu de votre site.

Ressources utiles

• Trouver et supprimer automatiquement tous les shortcodes inutilisés (article en anglais)…

Ce guide explique comment ajouter gratuitement une extension d'Elegant Themes (Monarch, Divi Builder, Bloom, etc.) ou un thème sur un site WordPress déjà installé via l'installateur Infomaniak.

Prérequis

• Votre site WordPress doit être installé via les outils Infomaniak WordPress pour utiliser ces thèmes et extensions.
• Les extensions peuvent être ajoutées lors de l'installation (approximativement l'étape 16 de cet autre guide) ou activées par la suite.
• Afin de bénéficier du support Elegant Themes (service client) vous devez souscrire à une offre d'Elegant Themes.

Ajouter un plugin Elegant Themes

Pour cela:

1. Cliquez ici afin d'accéder à la gestion de votre site WordPress sur le Manager Infomaniak (besoin d'aide ?).
   • Si votre site n'apparait pas ici, c'est qu'il n'a pas été installé via les outils Infomaniak (cf prérequis ci-dessus).
2. Cliquez directement sur le nom attribué au produit concerné:
   
3. Cliquez sur le menu d'action ⋮ situé à droite de l'Application Web concernée.
4. Cliquez sur Paramètres de l'application:
   
5. Cliquez sur Ajouter sous Extensions:
   
6. Activez les extensions souhaitées.
7. Cliquez sur le bouton Enregistrer:
   
8. Les extensions sont ensuite disponibles dans votre interface d'administration WordPress:
   

Utiliser un thème d'Elegant Themes

Prenez connaissance de cet autre guide pour installer un thème Elegant Themes avec Infomaniak.

Ce guide concerne le module WordPress "Infomaniak Connect for OpenID" qui permet aux utilisateurs de se connecter à votre site WordPress (qu'il soit hébergé par Infomaniak ou pas) en utilisant leurs identifiants Infomaniak.

Préambule

• Autoriser la connexion via un compte Infomaniak sur votre site WordPress permet à vos visiteurs de commenter, de s'inscrire à des cours ou d'accéder à tout contenu réservé aux membres en un seul clic, sans avoir à créer un nouveau compte.
• C'est un gain de temps pour eux et une méthode plus sûre pour vous, car vous n'avez pas à gérer de mots de passe supplémentaires.
• Le fonctionnement de ce module externe est identique aux options "Se connecter avec Google", "Se connecter avec Facebook" ou “Se connecter avec Apple” ; il utilise les protocoles standard OAuth2 et OpenID Connect pour permettre une authentification unique (SSO).

A. Créer une application avec Auth Infomaniak

Pour cela:

1. Cliquez ici afin d'accéder à la gestion de votre produit Auth sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez sur le bouton pour Créer une nouvelle application:
   
3. Choisissez le type “Web Front-End”.
4. Donnez un nom à votre application.
5. Dans le champ URL, indiquez le nom de domaine correspondant à votre site WordPress après lequel vous ajoutez /openid-connect-authorize (prenez connaissance de la documentation github si nécessaire).
6. Cliquez sur le bouton pour terminer la création de l'app:
   
7. Notez précieusement les 2 informations obtenues lors de la finalisation de votre application OAuth2:
   

B. Configurer l'extension WordPress

Pour cela:

1. Recherchez l'extension Infomaniak Connect for OpenID sur la plateforme d'extensions WordPress depuis votre site.
2. Installez et activez l'extension:
   
3. Configurez l'extension depuis le menu Paramètres:
   
4. Les seuls champs à remplir sont Client ID et Client Secret Key et proviennent des informations obtenues au point A ci-dessus:
   
5. N'oubliez pas d'enregistrer les modifications apportées aux réglages de l'extension.
6. Un bouton supplémentaire, pour une connexion par identifiant Infomaniak, est désormais visible sur votre page de connexion destinée aux utilisateurs /wp-admin (/wp-login.php):
   

Ce guide concerne l'optimisation de site Web et plus particulièrement l'utilisation sur celui-ci d'un moteur de cache.

Préambule

• Lorsque Infomaniak constate que votre site Web consomme plus de ressources que les autres sites sur le même serveur, une analyse est réalisée.
  • Bien souvent, il apparaît qu'une simple modification d'une requête ou d'un paramètre permettrait d'optimiser votre site et d'alléger la charge serveur.
  • Vous serez alors contacté par mail avec les instructions à suivre, qui incluent fréquemment l'installation ou l'activation d'un moteur de cache.
• La consommation de ressources n'est pas forcément liée au nombre de visiteurs.
  • Un site bien optimisé, à jour et avec un moteur de cache correctement configuré peut gérer plusieurs dizaines de milliers de visiteurs quotidiens, tandis qu'un site mal optimisé peut consommer beaucoup trop de ressources avec seulement quelques visites par jour.
• Un moteur de cache stocke temporairement des données fréquemment utilisées afin de les fournir plus rapidement lors de nouvelles requêtes.
  • Cela améliore significativement la rapidité du site et réduit la charge sur les bases de données ou services Web.
  • Pour installer un système de cache avancé (Redis, Memcached) sur Serveur Cloud Infomaniak, prenez connaissance de ce guide.

Activer un moteur de cache…

… sur WordPress

WordPress dispose de nombreux plugins de cache. Voici les plus populaires et efficaces :

• WP Rocket (payant, solution "tout-en-un" la plus performante et simple).
• WP Super Cache (gratuit, développé par Automattic, très fiable).
• LiteSpeed Cache (gratuit, extrêmement complet).

Procédure d'activation standard :

1. Connectez-vous à votre administration WordPress.
2. Allez dans Extensions > Ajouter.
3. Recherchez l'un des plugins cités, installez-le puis activez-le.
4. Configurez les options de cache : mise en cache des pages, minification CSS/JS, et surtout le Lazy Load pour les images.

Prenez également connaissance de cet autre guide à ce sujet.

… sur Joomla (v4 & v5)

1. Accédez à Système > Configuration globale.
2. Sélectionnez l’onglet Système.
3. Dans la section Paramètres du cache, activez le cache (le mode Conservateur est le plus sûr pour débuter).
4. Sélectionnez le gestionnaire de cache (Fichier par défaut).
5. Allez ensuite dans Système > Plugins et assurez-vous que le plugin Système - Cache est activé pour mettre en cache les pages entières.

… sur PrestaShop (v1.7 & v8+)

1. Allez dans Paramètres avancés > Performances.
2. Smarty : cochez "Ne jamais recompiler les fichiers de templates" (en production) et activez le "Cache".
3. CCC (Combine, Compress and Cache) : activez toutes les options (Smart cache CSS, Smart cache JS, Optimisation Apache).
4. Cache : en bas de page, activez "Utiliser le cache". Sur un hébergement mutualisé, privilégiez le système de fichiers ; sur Serveur Cloud, utilisez Memcached.

… sur Drupal (v9, v10 & v11)

Le cache est nativement intégré et très puissant sur Drupal :

1. Allez dans Configuration > Développement > Performance.
2. Cochez "Mettre en cache les pages pour les utilisateurs anonymes".
3. Définissez une durée pour "Expiration maximale du cache dans le navigateur et le proxy" (ex: 10 minutes).
4. Activez l'agrégation des fichiers CSS et JavaScript.

… sur Contao (v4 & v5)

1. Le cache se gère désormais principalement via le fichier de configuration config/config.yaml ou via l'interface d'administration sous Mise en page > Thèmes > Éditer la mise en page de la page.
2. Définissez un "Délai d'expiration du cache" pour la page concernée.
3. Utilisez le Contao Manager pour vider le cache de production (Symfony Cache) après des modifications structurelles.

Vérifier l'efficacité

Après activation, testez votre site avec ces outils gratuits :

• Google PageSpeed Insights
• GTmetrix

Ce guide explique comment restaurer des sauvegardes des versions antérieures de vos fichiers et d'autres données Web de vos hébergements Infomaniak, et comment mettre en place une politique de sauvegarde efficace si les sauvegardes mises à disposition automatiquement et gratuitement ne correspondent pas ou plus à vos besoins en terme de disponibilité ou de sécurité.

Hébergements Web (Starter, Mutualisé, Serveur Cloud)

Prenez connaissance de ces guides pour restaurer les sauvegardes automatiques:

• d'un hébergement entier (FTP + MySQL),
• de fichiers spécifiques sur l'hébergement,
• de bases de données spécifiques,
• d'une Application Web (Wordpress & Apps),
• des crons SSH de Serveur Cloud.

Prenez connaissance de ces guides pour sauvegarder et restaurer:

• un hébergement avec Swiss Backup et Restic (avancé),
• WordPress avec Swiss Backup,
• WordPress avec une extension.

Prenez connaissance également de https://faq.infomaniak.com/snapshot.

Messagerie

• Restaurez des messages à partir des sauvegardes automatiques Infomaniak.
• Restaurez des contacts ou des évènements du calendrier.
• Sauvegardez le contenu actuel d'un compte mail:
  • en téléchargeant le contenu actuel en local,
  • en dupliquant tout le contenu actuel vers une boite de secours,
  • en copiant les futurs e-mails au fur et à mesure de leur arrivée vers une boite de secours.

Domaines / Zones DNS

• Restaurez des enregistrements DNS supprimés à partir des sauvegardes automatiques Infomaniak.
• Restaurez un domaine expiré en période de rédemption.

Ce guide explique comment modifier le mot de passe de gestion WordPress ou toute autre Application Web (Joomla, Drupal, Typo3, PrestaShop, ownCloud, etc.) installée via les outils Infomaniak inclus dans les offres d'Hébergement Web payantes.

Préambule

• Certaines applications permettent également un changement de mot de passe utilisateur directement depuis leur interface dédiée:
  • Exemple: WordPress (gérer les utilisateurs, noms, mots de passe, rôles, etc.).

Modifier le mot de passe d'une app Web

Pour changer le mot de passe d'accès au panneau d'administration de votre application Web, effectuez les actions suivantes:

1. Cliquez ici afin d'accéder à la gestion de votre site sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au site concerné:
   
3. Cliquez sur le menu d'action ⋮ situé à droite de l'Application Web concernée.
4. Cliquez sur Paramètres de l'application:
   
5. Cliquez sur Modifier à droite de l'Application:
   
6. Sous Mot de passe entrez le nouveau mot de passe (pour la connexion avec l'identifiant indiqué au-dessus).
7. Cliquez sur le bouton Enregistrer en bas de page:
   

Ce guide explique comment activer ou désactiver le mode maintenance sur un site Web d'un Hébergement Infomaniak.

Préambule

• Le mode maintenance permet d'afficher un message personnalisé à vos visiteurs par exemple pendant la résolution d'un problème technique.
• Il est également possible de spécifier des adresses IP qui pourront contourner cette page.
• Un e-mail est envoyé aux utilisateurs de l'Organisation.

Activer le mode maintenance

Pour activer une page qui remplace temporairement votre page d'accueil habituelle:

1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au produit concerné.
3. Cliquez sur le bouton à bascule (toggle switch) pour activer la page de maintenance.
4. Validez l'avertissement.
5. Cliquez sur le bouton pour activer:
   

Personnaliser la page de maintenance

Pour mettre en place une page avec le message de votre choix:

1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au produit concerné.
3. Cliquez sur Page et maintenance dans le menu latéral gauche.
4. Cliquez sur ‍ Créer une page ou sur le bouton Personnaliser si elle existe déjà:
   
5. Mettez en page le texte de votre choix.
6. Configurez l'affichage à l'aide des éléments sur la droite.
7. Cliquez sur Enregistrer & activer pour publier la page:
   

Autoriser des adresses IP à contourner la suspension

Il est possible d'afficher le site réel même avec le mode maintenance activé. Pour cela, il est nécessaire de renseigner les adresses IP des ordinateurs qui doivent pouvoir contourner le mode maintenance:

1. Activez le mode maintenance selon la procédure ci-dessus.
2. Revenez sur la page de configuration de la page de maintenance (cf procédure ci-dessus).
3. Sous Maintenance à droite, cliquez sur Insérer mon adresse IP pour autoriser votre ordinateur à afficher le site sans mode maintenance:
   
   • Il est également possible de saisir manuellement les IP à autoriser.
4. Cliquez sur Enregistrer et publier.

Désactiver le mode maintenance

Pour désactiver le message qui s'affiche sur votre site pendant la maintenance:

1. Cliquez ici afin d'accéder à la gestion de votre produit sur le Manager Infomaniak (besoin d'aide ?).
2. Cliquez directement sur le nom attribué au produit concerné.
3. Cliquez soit sur le bouton Désactiver ou sur le bouton à bascule (toggle switch) pour désactiver la page de maintenance:
   
4. Confirmez la désactivation de la maintenance.

Méthode alternative pour WordPress

Il n'est pas recommandé d'activer la page de maintenance Infomaniak ci-dessus pour travailler ensuite dans WordPress.

Il est recommandé d'installer une extension WordPress (il en existe des dizaines) dédiée à la mise en maintenance au sein du CMS lui-même.

Vous pouvez sinon ajouter le code <?php $upgrading = time(); ?> dans un nouveau fichier vide nommé .maintenance (le point avant le nom du fichier est important) placé sur le serveur à la racine de votre site, ce qui désactivera toutes vos pages sauf la page d'accueil de WordPress.