• Passer à la navigation principale
  • Passer au contenu principal
  • Passer à la barre latérale principale
  • Passer au pied de page

Grégoire Noyelle

Créateur de thèmes WordPress :: Formateur :: Web Designer

  • Formations
  • Tutoriels
  • À propos
  • Contact
  • Newsletter

WordPress :: Création d’une page maintenance personnalisée

Mis à jour le 18 novembre 2015 par Grégoire Noyelle 8 commentaires

Dans ce tutoriel, je me concentrerai sur une page de maintenance sur mesure sans plugin. Cette page maintenance se déclenche au moment de la mise à jour de WordPress ou de certains plugins.

Mode Maintenance par défaut

Un fichier masqué .maintenance va se créer à la racine de votre serveur. Par défaut, cela ressemble à cette capture:

Capture: Affichage normal du mode Maintenance dans WordPress

D’ailleurs, si une mise à jour s’était mal passée et que le mode maintenance persiste, il suffit de supprimer manuellement avec un client FTP ce fichier masqué pour que votre site reviennent dans l’ordre. La plupart de ces logiciels permettent l’affichage des fichiers masqués.

Création du fichier de maintenance

Voici le fichier qui me sert de base pour le modèle de maintenance. Il devra être placé à la racine de votre dossier wp-content, après vous avoir connecté avec un client FTP.

[gist id=06845ad167b16468f9db file=wp_temp_maintenance_base.php]

Si le code ne s’afficha pas, voici la version en ligne.

Je vais maintenant détailler quelques parties importantes du modèle.

Fonction PHP pour les moteurs de recherche

Les premières fonctions permettent d’ajouter les header adaptés pour informer les moteurs de recherche de l’indisponibilité temporaire.

Mise en page de la page

Le CSS est ajouté directement dans la page dans le head de la page. Vous pourriez bien sûr importer une feuille de styles qui serait accessible depuis une url classique. Du coup vous pourriez envisager une base de css commune à ces pages de maintenance et les css propres au projet se trouveraient dans le head comme décrit précédemment.

Dans le modèle actuel, j’ai utilisé cette méthode pour importer les styles d’une typographie Google. La feuille de style est en ligne. Cela donne:

<link href='http://fonts.googleapis.com/css?family=Crafty+Girls' rel='stylesheet' type='text/css'>

Les images utiles pour votre page peuvent être placées dans le fichier wp-content en utilisant votre gestionnaire de Média. Ou encore n’importe où en ligne. Dans tous les cas, Il s’agit alors d’obtenir l’adresse web publique du fichier ou URL. Dans le cas d’un fichier ajouté aux médias de WorPress, c’est à droite quand vous ouvrez le média et non l’adresse de la page du fichier, similaire à un article.
Par exemple, l’URL complète d’une image donne dans mon cas

https://www.gregoirenoyelle.com/wp-content/uploads/2014/03/maintenance-mode-new-1.jpg

Téléchargement du modèle de maintenance

Voici le fichier complet, il s’agira pour vous de modifier le texte et d’ajouter des images si vous le souhaitez. Le résultat de ce modèle ressemble à cette capture d’écran:

Capture: Nouveau modèle de Maintenance pour WordPress

Liens

Tutoriels en anglais

  • Redirecting Visitors to Maintenance Page in WordPress without a Plugin
  • Custom Maintenance Page for WordPress | Damien Saunders
  • How To Put WordPress Site Into Maintenance Mode
  • Fix Briefly Unavailable for Scheduled Maintenance Error in WordPress
  • Pimp My WordPress Maintenance Mode Message – Lime Canvas
  • WordPress Maintenance Mode Without a Plugin | Sivel.net. En trois épisodes
  • HTTP 503: Handling site maintenance correctly for SEO • Yoast

Tutoriels en français

  • Mettre un site PHP en mode maintenance avec HTTP 503
  • WordPress: une page de maintenance personnalisée avec votre thème. Ce tutoriel décrit comment ajouter un modèle de page à votre thème. La page de maintenance ressemble donc à votre site. Personnellement, je préfère une page de maintenance à part puisque la navigation du site n’est pas fonctionnelle.

Documentation

  • PHP: $_SERVER – Manual
  • PHP: die – Manual
FacebookTweetLinkedInEmailPrint

Étiquettes : intermédiaire Maintenance WordPress Tuto WordPress

Grégoire Noyelle

À propos Grégoire Noyelle

Grégoire Noyelle, Créateur de Thèmes WordPress, Formateur spécialiste sur WordPress, WooCommerce, HTML et CSS (Grid Layout) dans son centre de Formation dédié au CMS WordPress. Suivez moi sur Twitter ou LinkedIn.
[En savoir plus]

Interactions du lecteur

Commentaires

  1. AvatarHenriques dit

    7 mai 2014 à 10 h 23 min

    Merci Grégoire !

    Répondre
  2. AvatarGreg dit

    13 mai 2014 à 23 h 12 min

    Ha, bien vu, j’aurais appris quelque chose aujourd’hui !

    Merci 🙂

    Répondre
    • AvatarGrégoire Noyelle dit

      13 mai 2014 à 23 h 16 min

      Merci Greg. De ta part, ça me touche 🙂

      Répondre
    • AvatarGreg dit

      13 mai 2014 à 23 h 27 min

      Rhô, je vais passer pour un vieil aigris ! Ho, wait! XD
      Et puis ici c’est l’un des quelques endroits où j’apprends le plus de choses sur WordPress. Par exemple avec ACF et Genesis : bon, je les utilise pas, du coup j’apprendrais certainement des trucs ^^’ ok je sors => []

      Répondre
  3. AvatarFrost dit

    8 mars 2015 à 6 h 17 min

    Stylé, merci beaucoup 😉 si tu veut regardé ce que j’en n’est fait => Vobba.fr ^^ J’ai que 15 ans.

    Répondre

Laisser un commentaire Annuler la réponse

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Barre latérale principale

Tutoriels par Thèmes

  • Tous les tutoriels
  • WordPress
  • Web Design
  • Photoshop

Partenaires

Liste des outils et services que je recommande:

Divi WordPress Theme

Elementor

Genesis FrameWork

GeneratePress

LearnDash LMS

WooCommerce e-boutique

Gravity Forms

WPforms

Séries complètes de tutoriels

  • Les bases de Grid Layout

Footer

Centre de Formation WordPress

  • Votre Formateur WordPress
  • Centre de formation WordPress
  • FAQ sur le centre de formation
  • Témoignages sur le centre de formation
  • CGV du centre de formation
  • Charte de qualité du centre de formation
  • Réglement intérieur du Centre de formation

Formations actives

  • Toutes les formations
  • Créer et mettre en ligne son site Pro avec WordPress
  • Personnaliser son site WordPress avec le CSS
  • Créer des thèmes WordPress sur mesure avec Genesis
  • Optimiser la production de site WordPress
  • Utiliser les CSS avancés dans votre thème WordPress
  • Utiliser Grid CSS Grid Layout dans votre thème WordPress
  • Créer et gérer sa boutique WooCommerce
  • Créer un thème sur mesure avec WooCommerce

Liens Rapides

  • S’inscrire à la Newsletter
  • CV
  • Grégoire Noyelle
  • Membres Modules
  • Mentions légales
  • Politique de confidentialité
  • Me contacter

Copyright © 2021 :: Création: Grégoire Noyelle :: Base: WordPress , Genesis Framework

Share this ArticleLike this article? Email it to a friend!

Email sent!
Nous utilisons des cookies sur le site. Alors Cookies or not Cookies. OuiNon