Tom J Nowell

<p>An easy way of telling apart different installs of WordPress ( e.g. live/production/local ) via the admin bar. Super admins see a colour coded machine name in the admin bar, with an IP submenu. Mobiles will see a colour coded square dot</p>


Local Indicator

A fast way of seeing which machine a WordPress install is running on.

wpdevart

<p><iframe loading="lazy" title="WordPress Coming Soon, Maintenance mode and Under construction plugin" width="750" height="422" src="https://www.youtube.com/embed/VBWX6rsjf3s?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p>Coming soon and Maintenance mode plugin is an awesome tool to show your website visitors that you are working on your website for making it better. It’s not easy to create under construction page for WordPress without coding knowledge. That’s why our team do his best to help WordPress users to create maintenance pages easily and quickly.</p>
<h3>View our plugin Demo page:</h3>
<ul>
<li><a href="https://democomingsoon.wpdevart.com" rel="nofollow ugc">Demo 1 – Background Slider</a></li>
<li><a href="https://democs.wpdevart.com" rel="nofollow ugc">Demo 2 – Video Background</a></li>
</ul>
<p>Our plugin will add some great features to your Under construction page.</p>
<h3>Features of Free version</h3>
<ul>
<li><strong>Easy install and use</strong></li>
<li><strong>Works perfectly with all versions of WordPress</strong></li>
<li><strong>Fully Responsive</strong></li>
<li><strong>Ability to disable plugin for specific IPs</strong></li>
<li><strong>Highly customizable under construction page</strong></li>
<li><strong>Ability to set background image and color</strong></li>
<li><strong>Custom Logo</strong></li>
<li><strong>Ability to use WordPress post editor for Message</strong></li>
<li><strong>Social Media Ready(Facebook, Twitter, Google Plus, YouTube, Instagram)</strong></li>
<li><strong>Ability to open social websites in a new window</strong></li>
<li><strong>SEO friendly</strong></li>
<li><strong>Ability to set Meta description and keywords</strong></li>
<li><strong>Enable/Disable Search Robots</strong></li>
<li><strong>Uses CSS3</strong></li>
<li><strong>User friendly back-end</strong></li>
<li><strong>Tested on popular WordPress themes</strong></li>
</ul>
<p>You can upgrade the free version to <a href="https://wpdevart.com/wordpress-coming-soon-plugin/" rel="nofollow ugc">Coming soon and Maintenance mode Pro</a> to add some features.</p>
<h3>The features of Pro version</h3>
<ul>
<li><strong>Awesome Background Slider</strong></li>
<li><strong>Nice Video(YouTube) background(Not for mobile devices)</strong></li>
<li><strong>Functional Subscribe Form</strong></li>
<li><strong>Elegant Countdown</strong></li>
<li><strong>3 beautiful and different Countdown designs(button, circle, vertical slider)</strong></li>
<li><strong>39 awesome animation effects for all elements</strong></li>
<li><strong>Ability to set Animation waiting time for all elements</strong></li>
<li><strong>Ability to exclude specific pages, posts</strong></li>
<li><strong>Functionality to hide Countdown or disable Under construction page when Countdown time expired</strong></li>
<li><strong>Countdown position(left, center, right), distance from top, text color, background color, border radius, Size, border width, font-size, Font family</strong></li>
<li><strong>Content position, background color, transparency and border radius</strong></li>
<li><strong>Subscribe Form</strong></li>
<li><strong>Ability to change Subscribe Form all texts, position(left, center, right) and distance from top</strong></li>
<li><strong>Ability to set font size and font family for Subscribe Form all texts</strong></li>
<li><strong>Ability to change input border color and radius</strong></li>
<li><strong>Ability to change placeholder text color, send button bg color, send button text color, input field text color, after submit text color</strong></li>
<li><strong>Ability to send Email notifications to subscribed users</strong></li>
<li><strong>Ability to mute or unmute video</strong></li>
<li><strong>Ability to set Logo position and distance from top, max width and max height</strong></li>
<li><strong>Ability to set Title color, distance from top, position, Font Size and Font family</strong></li>
<li><strong>Ability to set Message position(left, center, right) and distance from top</strong></li>
<li><strong>Progress bar</strong></li>
<li><strong>Ability to set Progress bar percentage, width, distance from top, position, loading, border color, border width and border radius</strong></li>
<li><strong>Ability to upload your own images for Social Buttons</strong></li>
<li><strong>Ability to set Social Buttons position(left, center, right), max width, height, distance from top, distance between Social Buttons</strong></li>
<li><strong>Ability to set Favicon</strong></li>
<li><strong>Link To Admin Section</strong></li>
<li><strong>Ability to set Link To Admin position(left, center, right), distance from top, Font Size and Font family</strong></li>
<li><strong>You can also change Link To Admin text and color</strong></li>
<li><strong>Built in 31 fonts for Title, Countdown, Link To Admin, Subscribe Form texts</strong></li>
<li><strong>Ability to set content maximum width, padding and margin</strong></li>
<li><strong>Drag and drop ordering for content elements</strong> </li>
</ul>
<p><strong>If you have any type of question occuring our plugin, contact us at our plugin <a href="https://wordpress.org/support/plugin/coming-soon-page" rel="ugc">SUPPORT FORUM</a>.</strong></p>
<p>The Under construction plugin allows you to create Coming Soon page for your website simply and quickly. You just need to enable the plugin to change your website to Maintenance mode.</p>
<p>Our plugin works without any problem with all popular WordPress themes that we tested, so you can use our Under construction plugin on any theme you like, if something goes wrong just let us know about it.<br />
Logged out users of your website will see the Maintenance mode while logged-in users will have access to your website. This is ideal solution for web developers who want to show their clients that website is in Maintenance mode while they working on the website.</p>
<h3>Step by step guide</h3>
<h3>Logo</h3>
<ul>
<li>Show logo – Choose to show or hide your logo.</li>
<li>Logo – Click “Upload” button to upload your logo.</li>
<li>Logo position – Here you can choose your logo position(Left, Center, Right).</li>
<li>Distance from top – Type here your logo distance from top.</li>
<li>Logo Animation type – Choose animation type for your logo.</li>
<li>Animation waiting time – Type here waiting time for Logo animation(in milliseconds). </li>
<li>Logo max width – Type here your website logo maximum width.</li>
<li>Logo max height – Type here your website logo maximum height.</li>
</ul>
<h3>Title</h3>
<ul>
<li>Show title – Choose to show or hide your Title.</li>
<li>Title – Type here the Title.</li>
<li>Title color – Select the title color.</li>
<li>Title Font Size – Type here title font size.</li>
<li>Title Font family – Choose the font family for title.</li>
<li>Title position – Choose Title position(Left, Center, Right).</li>
<li>Distance from top – Type here Title field distance from top.</li>
<li>Title Animation type –  Choose animation type for Title.</li>
<li>Animation waiting time – Type here Title animation waiting time(in milliseconds). </li>
</ul>
<h3>Message</h3>
<ul>
<li>Show Message – Choose to show or hide Message box.</li>
<li>Message – Type here message for under construction page(you can use WordPress posts/pages default editor).</li>
<li>Message position – Choose position for Message box(Left, Center, Right).</li>
<li>Distance from top – Type here Message box distance from top.</li>
<li>Message Animation type – Choose animation type for Message box.</li>
<li>Animation waiting time – Type here waiting time for Message box animation(in milliseconds). </li>
</ul>
<h3>Countdown</h3>
<ul>
<li>Show/hide – Choose to show or hide. </li>
<li>Text for Day field – Type here default text for Day field.</li>
<li>Text for Hour field – Type here default text for Hour field.</li>
<li>Text for Minute field – Type here default text for Minute field.</li>
<li>Text for Second field – Type here default text for Second field.</li>
<li>Countdown date – Type here the Countdown time(days, hour), then select the Countdown start date. </li>
<li>After Countdown expired – Choose what will happens with Under construction page when Countdown expired(Disable coming soon or only hide Countdown). </li>
<li>Position – Choose the position(Left, Center, Right).</li>
<li>Distance from top – Type here the distance from top.</li>
<li>Animation type – Choose animation type.</li>
<li>Animation waiting time – Type here waiting time for animation(in milliseconds). </li>
<li>Buttons type – Choose the buttons type(button, circle, vertical slider)</li>
<li>Text color – Select the text color.</li>
<li>Background color  – Select the background color.</li>
<li>Border radius – Type here the buttons border radius.</li>
<li>Size – Select the size.</li>
<li>Border width – Select the border width for circle buttons(only appears when you choose Countdown circle buttons).</li>
<li>Font-size – Type here the countdown text font-size.</li>
<li>Font family – Select the text Font family.</li>
</ul>
<h3>Progress bar</h3>
<ul>
<li>Show Progress bar – Choose to show or hide Progress bar.</li>
<li>Progress bar percentage – Here you can select Progress bar percentage.</li>
<li>Width –  Type here Progress bar width.</li>
<li>Progress bar position –  Choose position for Progress bar(Left, Center, Right).</li>
<li>Distance from top – Type here Progress bar distance from top. </li>
<li>Progress bar load color – Select progress bar load color.</li>
<li>Border color – Select Progress bar border color.</li>
<li>Border width – Choose progress bar border width.</li>
<li>Border radius – Choose progress bar border radius.</li>
<li>Animation type – Choose animation type for Progress bar.</li>
<li>Animation waiting time – Type here waiting time for Progress bar animation(in milliseconds). </li>
</ul>
<h3>Subscribe (Mailing list)</h3>
<ul>
<li>Show the Form –  Choose to show or hide Subscribe Form.</li>
<li>User First name text – Type here text for user first name field.</li>
<li>User Last name text – Type here text for user last name field.</li>
<li>Email field text – Type here text for email field.</li>
<li>Send button text – Type here the Send button text.</li>
<li>Success email text – Type here the text that will appear after users submit the correct email.</li>
<li>Existing email text – Type here the text that will appear after users type already submitted email.</li>
<li>Blank email field text – Type here the text that will appear after users submit a blank field. </li>
<li>Invalid email text – Type here the text that will appear after users submit invalid email.</li>
<li>Subscribe Form position – Choose position for Subscribe Form(Left, Center, Right).</li>
<li>Distance from top – Type here Subscribe Form distance from top.  </li>
<li>Font Size – Type here font size for all texts in Subscribe Form.</li>
<li>Email field border radius – Type here border radius for email field.</li>
<li>Input max width – Type here max with for input field.</li>
<li>Font family – Type here font family for all texts in Subscribe Form.</li>
<li>Input field border color – Select the input field border color.</li>
<li>Placeholder text color – Select default text color for input fields. </li>
<li>Send button bg color – Select the send button background color. </li>
<li>Send button text color – Select the send button text color. </li>
<li>Input field text color – Select the input field text color. </li>
<li>After submit text color – Select color of the text, that will appear after submit.</li>
<li>Animation type – Choose animation type for Subscribe Form.</li>
<li>Animation waiting time – Type here waiting time for Subscribe Form animation(in milliseconds). </li>
</ul>
<h3>Social buttons</h3>
<ul>
<li>Show social buttons – Choose to show or hide social buttons.</li>
<li>Facebook url – Type here Facebook url.</li>
<li>Facebook img url – Type here Facebook icon url or upload it.</li>
<li>Twitter url – Type here Twitter url.</li>
<li>Twitter img url – Type here Twitter icon url or upload it.</li>
<li>YouTube url – Type here YouTube url.</li>
<li>YouTube img url – Type here YouTube icon url or upload it.</li>
<li>Instagram url – Type here Instagram url.</li>
<li>Instagram img url – Type here Instagram icon url or upload it.</li>
<li>Social buttons position – Choose position for Social buttons(Left, Center, Right).</li>
<li>Distance from top – Type here Social buttons distance from top.</li>
<li>Animation type – Choose animation type for Social buttons.</li>
<li>Animation waiting time – Type here waiting time for Social buttons animation(in milliseconds). </li>
<li>Social buttons max width – Type here maximum width for Social buttons.</li>
<li>Social buttons max height  –  Type here maximum height for Social buttons.</li>
</ul>
<h3>Link To Admin</h3>
<ul>
<li>Show – Choose to show or hide Link To Admin.</li>
<li>Link To Admin text – Type here Link To Admin text.</li>
<li>Text color – Choose text color.</li>
<li>Font Size – Type here text Font Size.</li>
<li>Font family – Select Font family for Link To Admin.</li>
<li>Link To Admin position – Choose position for Link To Admin(Left, Center, Right).</li>
<li>Distance from top – Type here Link To Admin distance from top.  </li>
<li>Animation type – Choose animation type for Link To Admin.</li>
<li>Animation waiting time – Type here waiting time for Link To Admin animation(in milliseconds). </li>
</ul>
<h3>Content</h3>
<ul>
<li>Content position – Choose content position(Left top, Left middle, Left bottom, Center top, Center middle, Center bottom, Right top, Right middle, Right bottom).</li>
<li>Content bg color – Select content background color.</li>
<li>Content transparency – Select transparency for content.</li>
<li>Border radius – Type here border radius for content.</li>
<li>Content max width – Type here content maximum width.</li>
<li>Padding – Type here content padding value(padding properties define the space between the element border and the element content).</li>
<li>Margin – Type here content margin value(margin properties define the space around elements).</li>
<li>Elements ordering – Choose the order of showing elements(you can move all elements using drop down functionality).</li>
</ul>
<h3>Background</h3>
<ul>
<li>Background type – Select the background type you want to use.</li>
<li>Set color – Select the background color(option will appear if you choose “Background color” type).</li>
<li>Img url – Type the image url or just upload images for background(option will appear if you choose “Background image” type). </li>
<li>Slider img urls – Type the image urls or just upload images for Background Slider(option will appear if you choose “Background Slider” type).</li>
<li>YouTube video id – Type YouTube video Id, for example if YouTube video full url is “https://www.youtube.com/watch?v=0AqnCSdkjQ0”, then you just need to type here “0AqnCSdkjQ0” (option will appear if you choose “YouTube Background” type).</li>
<li>Video Sound – Choose mute or unmute background video(option will appear if you choose “YouTube Background” type).</li>
</ul>
<h3>Except pages and IPs</h3>
<ul>
<li>Disable the plugin for this ips – You can disable the plugin for this ips, just type the ip and click anywhere, then type the next ip in next field that will appear. </li>
<li>Disable the plugin for this urls – You can disable the plugin for this urls, just type the url and click anywhere, then type the next url in next field that will appear.</li>
</ul>
<h3>Search engine and Favicon</h3>
<ul>
<li>Title(SEO) – Type here the Title for Search engines(It will be visible for search engines).</li>
<li>Favicon – Here you can upload favicon.</li>
<li>Enable Search Robots – Here you can enable or disable coming soon page for search robots(If you disable this option then your website will disappear from search engines). </li>
<li>Meta Keywords – Type here meta keywords.</li>
<li>Meta Description – Type here meta description.</li>
</ul>
<h3>Subscribers page</h3>
<p>On this page you can view subscribed users emails. You can copy emails list and send emails using Gmail or other email services.<br />
You can remove emails from email list as well.</p>
<p>Send Mail all subscribed Users – Send Mail to all subscribed Users<br />
All fields are required – All fields are required</p>
<ul>
<li>Your display Email – Type here the Display Email address, your users will see it when you send them email. </li>
<li>Your display Name – Type here name(company or website name) that your users will see when you send them email. </li>
<li>Message title – Type here message title. </li>
<li>Message – Type here message text.</li>
</ul>
<p>All fields required, so fill all fields and click on send button, that’s all.</p>


Coming soon and Maintenance mode

Coming soon and Maintenance mode plugin is an awesome tool to show your website visitors that you are working on your website for making it better.

Local Indicator vs Coming soon and Maintenance mode