Pour créer facilement un moyen de mettre votre site en mode maintenance lorsque vous effectuez des modifications sur votre site WordPress, voici une solution simple et personnalisable.
Cette méthode permet aux utilisateurs qui tentent d'accéder à votre site de voir une page de maintenance entièrement personnalisée, sans avoir à effectuer de grandes modifications à chaque fois.
Vous n'avez pas besoin de télécharger ou d'acheter un plugin, car cette solution "maison" vous permet de créer votre propre plugin, très léger, utilisant uniquement les éléments essentiels.
Une fois installé sur votre hébergement, il peut être activé ou désactivé directement depuis la page des plugins, selon les besoins de votre site.
Pour résumer, lorsque le mode maintenance est activé, seuls les administrateurs auront accès au site. Les autres utilisateurs verront une page de maintenance avec un message personnalisé. Une fois désactivé, le site revient à son thème habituel et les pages s'affichent normalement.
Voici le plugin personnalisable :
Chemin du plugin : wp-content/plugins/maintenance-mode/
1- Créez un dossier "maintenance-mode"
2 -Dans ce dossier, ajoutez un fichier "maintenance-mode.php"
<?php
/*
Plugin Name: Maintenance Mode
Description: Affiche la page home.php pour les visiteurs non connectés quand activé.
Version: 1.0
Author: Votre Nom
*/
// Fonction pour afficher la page de maintenance
function maintenance_mode() {
if (!is_user_logged_in() && !current_user_can('manage_options')) {
// Inclure home.php depuis le répertoire du plugin
include(plugin_dir_path(__FILE__) . 'home.php');
exit(); // Stopper l'exécution du reste du site
}
}
// Activer le mode maintenance uniquement quand le plugin est actif
add_action('template_redirect', 'maintenance_mode');
maintenance-mode.php
3 - Dans ce dossier, ajoutez, La page "home.php" à personnaliser.
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Mon Secret, Mon Histoire</title>
<style>
body {
margin: 0;
padding: 0;
/* Fond noir légèrement dégradé */
background: linear-gradient(135deg, #000000 0%, #1c1c1c 100%);
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
font-family: Arial, sans-serif;
color: white;
}
.centered-text {
/* Police plus petite */
font-size: 1.5rem;
text-align: center;
/* Dégradé doré pour le texte */
background: linear-gradient(45deg, #b8860b, #ffd700, #ffc200);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Responsive Design */
@media (max-width: 768px) {
.centered-text {
font-size: 1.2rem;
}
}
@media (max-width: 480px) {
.centered-text {
font-size: 1rem;
}
}
</style>
</head>
<body>
<div class="centered-text">
Mode Maintenance, bientôt de retour...
</div>
</body>
</html>
home.php
Une fois ces étapes simples effectuées, un plugin sera ajouté dans le back-end de WordPress. Il suffit ensuite de l'activer ou de le désactiver selon vos besoins.
N'hésitez pas à me laisser un message si vous avez besoin d'aide pour configurer votre plugin personnalisé.
Vous pouvez télécharger le Plugin gratuitement ici
