Maintenance Mode Basics, Features & General Info
As of BPS Pro 8.2 (BPS .49.9 pending) Maintenance Mode has been completely redesigned and is now a main feature of BPS. Maintenance Mode no longer uses a frontend maintenance .htaccess file to put a website into Maintenance Mode, which caused some issues with other .htaccess writing plugins and also limited what BPS Maintenance Mode was capable of doing. BPS does use the wp-admin .htaccess file to lock the wp-admin/login if you choose Backend Maintenance Mode.
The new BPS Maintenance Mode design includes 20 background images, 15 center images (text box image), allows you to embed image files and YouTube videos, Frontend Maintenance Mode, Backend Maintenance Mode or both Frontend & Backend Maintenance Modes and most importantly is fast and simple to use so that you can switch in and out of Maintenance mode quickly and easily.
Background image files/options and Center images (text box image) are independent of each other so that you can mix and match different background images with different Center images (text box image).
Maintenance Mode Options/Settings:
Enable Countdown Timer, Countdown Timer Text Color, Maintenance Mode Time in Minutes, Header Retry-After in Minutes, Enable Frontend Maintenance Mode, Enable Backend Maintenance Mode, Enter The IP Addresses That Can View The Website Normally (not in Maintenance Mode), Maintenance Mode Text, Images, Videos Displayed To Website Visitors, Choose Background Image, Choose Center Image (background image for Center Text box), Choose Background Color (If not using a Background Image), Display Visitor IP Address, Display Admin/Login Link…
Network/Multisite Primary Site Options ONLY:
Put The Primary Site And All Subsites In Maintenance Mode & Put All Subsites In Maintenance Mode, But Not The Primary Site.
NOTE: Network/Multisite subsites can put their individual sites into Frontend Maintenance Mode, but the Backend Maintenance Mode Option/Setting is not available to subsites. Backend Maintenance Mode can be enabled for individual subsites from the Primary site ONLY.
Maintenance Mode Text Displayed To Website Visitors – CSS Code Examples
The Maintenance Mode Text area allows you to add any CSS code for styling in the text area box so that you can visually style your text or images or videos. A WYSIWYG editor such as TinyMCE will probably be added at a later time.
Maintenance Mode CSS Code – embedded image/logo, line breaks, font color, italics
<img src="http://demo9.local/wp-content/uploads/2014/01/bps-pro-logo.png" style="padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;" /><br><br> <span style="color:#000066; font-weight:bold;">The AIT-pro Website Is Performing Scheduled Maintenance</span><br><br> <span style="color:#000066; font-weight:bold;"><em>We will be back online in...</em></span>
Maintenance Mode Screenshot using the CSS code above
Maintenance Mode CSS Code – embed YouTube video, positioning and resizing the video
<div id="youTube" style="position:relative; top:15px; right:5px;margin:0px 0px 0px 0px;"><iframe width="450" height="253" src="//www.youtube.com/embed/Jbaz4sbk7jU" frameborder="0" allowfullscreen></iframe> <div style="color:#000066; font-size:12px; font-weight:bold; margin:7px 0px 30px 0px; padding:0px 5px 0px 5px;">Coming Soon... The AIT-pro website will be going Live soon. Watch the AIT-pro video to see whats up</div> </div>
Maintenance Mode Screenshot using the CSS code above
Screenshots of Background Image and Center Image Combinations
Note: Background images and Center images can be mixed and matched. The font colors for the Countdown Timer are: LCD/Lime Green, White, Silver or Gray. LCD green was used in all of these screenshots.
Troubleshooting Issues/Problems
Problem: Unable to login to website after enabling Backend Maintenance Mode. Note: If you are only using Frontend Maintenance Mode and not Backend Maintenance Mode you can login to your website at anytime by entering the URL to your wp-admin folder in your Browser Address bar: http://www.example.com/wp-admin/.
Solution: Use FTP or your web host control panel file manager and delete the wp-admin .htaccess file in your website’s /wp-admin/ folder. Log back into your website, go to the BPS Maintenance Mode page and do one of these options below depending on if you are still using Maintenance Mode or you are finished using Maintenance Mode:
Still using Maintenance Mode: Add your new IP address that is displayed to you on the Maintenance Mode page to the “Enter The IP Addresses That Can View The Website Normally” text box, click the Save Options button and click the Turn On button.
Done using Maintenance Mode: Uncheck these Maintenance Mode options: Enable Frontend Maintenance Mode and Enable Backend Maintenance Mode, click the Save Options button and click the Turn Off button.