CoActive Design

Helping knowledge fly

Your narrative to the world. Learn website stories today. Space limited.

AIOWPS Troubleshooting/Recovery Tips

AIOWPS Troubleshooting/Recovery Tips

Scenario: You are blocked or locked out and can’t get back in

Scenario: You are receiving loads of lockout emails even though you have hidden your login page

Scenario: MySQL server has gone away

Scenario: You are seeing a 403 forbidden error when you get auto-logged out of WordPress in some cases

Scenario: The plugin is showing the server or internal IP addresses instead of the visitor addresses.

Source: AIOWPS Troubleshooting/Recovery Tips

From object to iframe — other embedding technologies – Learn web development | MDN

<iframe src=””

width=”100%” height=”500″ frameborder=”0″

allowfullscreen sandbox>


<a href=””>

Fallback link for browsers that don’t support iframes




Source: From object to iframe — other embedding technologies – Learn web development | MDN

Post SMTP Mailer/Email Log – WordPress plugin |

Post SMTP is a next-generation WP Mail SMTP plugin, that assists in the delivery of email generated by your WordPress site. Post SMTP is the first and only plugin to support the latest security standards. With OAuth 2.0, there is no need to store your email passsword in the WordPress database where it might be found.

The Connectivity Test and intelligent Setup Wizard scan your SMTP server to detect firewall blocks and eliminate configuration mistakes. The built-in Email Log is an invaluable resource for diagnosing problems with emails. Even hosts that block the standard SMTP ports, like GoDaddy or Bluehost, can’t stop your email as Post SMTP can deliver via HTTPS if it can’t use SMTP.

Source: Post SMTP Mailer/Email Log – WordPress plugin |

Easy WP SMTP – WordPress plugin |

Was using but with January 2020 update of WordPress — stopped sending mail. Testing other plugins. dag


By wpecommerce, alexanderfoxc

Easy WP SMTP allows you to configure and send all outgoing emails via a SMTP server. This will prevent your emails from going into the junk/spam folder of the recipients.

Easy WP SMTP Features

Send email using a SMTP sever.

You can use Gmail, Yahoo, Hotmail’s SMTP server if you have an account with them.

Seamlessly connect your WordPress blog with a mail server to handle all outgoing emails (it’s as if the email has been composed inside your mail account).

Securely deliver emails to your recipients.

Option to enable debug logging to see if the emails are getting sent out successfully or not.

Ability to specify a Reply-to email address.

Option to Export and Import the SMTP settings.

Source: Easy WP SMTP – WordPress plugin |

How to Create a Resume Website With WordPress That Gets You Hired

How to Create a Resume Website With WordPress That Gets You Hired

Last Updated: September 21, 2018Posted in: WordPress

Leave a comment

banner border

Finding a new job is rarely a simple proposition. There’s so much competition that, even when the job market is strong, it can be hard to stand out. One creative way to address this problem is to create a resume website. And to do that, WordPress is the best option!

A traditional paper resume has its limitations, whereas you can do almost anything with an online resume. You can add media and downloadable files, link to your social media profiles, and much more. Plus, putting together a simple resume site in WordPress is quick and painless.

Source: How to Create a Resume Website With WordPress That Gets You Hired

How to Create a Portfolio Site on WordPress (In 8 Steps) | ThemeIsle

How to Create a Portfolio Site on WordPress (In 8 Steps)

Last Updated: August 22, 2019Posted in: WordPress Tutorials

Leave a comment

banner border

Lacking a professional portfolio can severely impact the types of client or employer you attract – especially if you’re a freelancer. Many won’t give this step due care and attention because they think it’s too complicated, or don’t know where to start. However, creating a professional-looking portfolio site on WordPress is a piece of cake!

Source: How to Create a Portfolio Site on WordPress (In 8 Steps) | ThemeIsle

Ultimate Guide to Creating a Divi Child Theme | Elegant Themes Blog

You probably SHOULD use a Divi Child Theme if…

You plan on making changes to the code of specific theme files (this includes things like page templates and functions.php)

You plan on adding hundreds of lines of code (CSS, JavaScript, etc.). Even though it is possible to add this to places like your theme settings, it becomes more difficult to manage with a lot of CSS.

You want to collaborate with others and speed up development time by keeping everything in one organized space.

You don’t want clients tinkering around in the Theme Customizer/Settings and breaking your code. Tucking it away in a child theme will definitely keep it safe from others.

You probably SHOULD NOT use a Divi Child Theme if…

You plan on making minor theme modifications. Adding a small amount of CSS (like less than 100 lines for example) or a few scripts in the Theme Settings/Customizer will not justify the need to create a Child theme if that is ALL you plan on making.

You don’t plan on collaborating with a team. Let’s say you hire a developer to work on your site, that person may or may not be familiar with Divi and will undoubtedly resort to creating a child theme to make modifications anyway.

You don’t mind clients seeing your code modifications in theme settings/customizer.

Source: Ultimate Guide to Creating a Divi Child Theme | Elegant Themes Blog

Documentations | All Shortcodes of Tutor LMS and How to Use Them


Page Templates

Student Registration – [tutor_student_registration_form]

Instructor registration – [tutor_instructor_registration_form]

Dashboard – [tutor_dashboard]

You can use the shortcodes from the Gutenberg blocks option directly by clicking the buttons as shown below. You will not have to memorize the shortcodes or search the documentation every time you need to use them.

Source: Documentations | All Shortcodes of Tutor LMS and How to Use Them

How to upgrade XAMPP in Windows? Complete Solution.


If you are updating XAMPP after a long time like me than be ready for some major changes. XAMPP no longer comes with the MySQL server. Since XAMPP 5.5.30 and 5.6.14, XAMPP ships MariaDB instead of MySQL. So copy pasting the mysql data files from old to new xampp won’t work anymore!


While updating XAMPP we basically face 2 challenges

Moving all the site files. This portion is easy, just a simple copy paste will do the trick.

Moving all the databases to the new server. And most often this is the main reason why most people do not update XAMPP very often. Cause backing up all the databases one by one and then importing them to the new server is a long and really boring task.

Source: How to upgrade XAMPP in Windows? Complete Solution.

Backing Up Your Database |

t is strongly recommended that you backup your database at regular intervals and before an upgrade.

Restoring your database from backup is then possible if something goes wrong.

NOTE: Below steps backup core WordPress database that include all your posts, pages and comments, but DO NOT backup the files and folders such as images, theme files on the server. For whole WordPress site backup, refer WordPress Backups.

Backup using cPanel X # Backup using cPanel X

cPanel is a popular control panel used by many web hosts. The backup feature can be used to backup your MySQL database. Do not generate a full backup, as these are strictly for archival purposes and cannot be restored via cPanel. Look for ‘Download a MySQL Database Backup’ and click the name of the database. A *.gz file will be downloaded to your local drive.

There is no need to unzip this file to restore it. Using the same cPanel program, browse to the gz file and upload it. Once the upload is complete, the bottom of the browser will indicate dump complete. If you are uploading to a new host, you will need to recreate the database user along with the matching password. If you change the password, make the corresponding change in the wp-config.php file.

Top ↑

Using phpMyAdmin # Using phpMyAdmin

phpMyAdmin is the name of the program used to manipulate your database.

Information below has been tried and tested using phpMyAdmin version 4.4.13 connects to MySQL version 5.6.28 running on Linux.

Source: Backing Up Your Database |

How to Add Skype Links to WordPress | Compete Themes

How to Add Skype Links to WordPress

post author avatar Ben Sibley

WordPress Tutorials

March 1, 2016

Did you know that Skype has its own link format? Take this link, for instance:


That is a direct link to call a Skype user. More specifically, a user called “echo123”.

Here’s a clickable version of that link: Skype call link.

Source: How to Add Skype Links to WordPress | Compete Themes

Tutorial: Intro to React – React

Tutorial: Intro to React

This tutorial doesn’t assume any existing React knowledge.

Before We Start the Tutorial

We will build a small game during this tutorial. You might be tempted to skip it because you’re not building games — but give it a chance. The techniques you’ll learn in the tutorial are fundamental to building any React app, and mastering it will give you a deep understanding of React.


This tutorial is designed for people who prefer to learn by doing. If you prefer learning concepts from the ground up, check out our step-by-step guide. You might find this tutorial and the guide complementary to each other.

Source: Tutorial: Intro to React – React

Quirk redirect after login |

function loginRedirect( $redirect_to, $request, $user ) {

if ( is_a( $user, ‘WP_User’ ) && $user->has_cap( ‘edit_posts’ ) === false ) {

return get_bloginfo( ‘siteurl’ );


return wp_safe_redirect( wp_get_referer() );}

add_filter( ‘login_redirect’, ‘loginRedirect’, 10, 3 );

In this case the link in the page that point to “wp-login.php” redirect directly to the current page and the user haven’t the possibility to log-in.

Source: Quirk redirect after login |

Divi Comment Module Learn How to Find and Use on Your Site

Divi Comment Module Shortcode Jan 2, 2017 | Divi Shortcode Guide Divi Comment module is used to place the comment box on any post or page and it provides a great way for user interaction.  As comments are the standard part of any website and it appears at the bottom of any page or post and also wherever the comments are enabled. It provides a gainful control over the no. of elements of the post or any of the WordPress page. Sometimes there is a need when we want to add Comment box in the Footer, sidebar or anywhere else in the post then we can use the comment module shortcode in that particular case. Divi Comment Module Shortcode 1[et_pb_comments admin_label=”Comments” show_avatar=”on” show_reply=”on” show_count=”on” background_layout=”light” use_border_color=”off”
Source: Divi Comment Module Learn How to Find and Use on Your Site

Simple Divi Shortcode – WordPress plugin |

Simple Divi Shortcode

By Fabrice ESQUIROL – Creaweb2b







Using this tool you will be able to embed any Divi Library item inside another module content or inside a php template by using a simple shortcode.

Avec cet outil, vous pourrez insérer n’importe quel élément de la bibliothèque Divi au sein d’un autre module ou au sein d’un template php par le biais d’un simple shortcode.

Source: Simple Divi Shortcode – WordPress plugin |

CSS Tricks: Modern and Advanced Techniques for 2019

As time goes by, CSS is becoming more and more powerful and nowadays it offers lots of possibilities to create visually stunning websites.

This article is a compilation of fresh, advanced CSS tips and techniques to master your web design and front-end web development skills. Each technique features sample code snippet, demo, and explanations.

Warning: Some techniques contained in this article aren’t fully supported by all browsers. Make sure to check the browser compatibility before you implement them on a production site.

Source: CSS Tricks: Modern and Advanced Techniques for 2019

Positioning Slide Text on a Full-Width Divi Slider | Divi Booster

Here’s a quick tip for positioning the slide text on individual slides with the Divi Theme‘s full width slider.

Suppose you start with a full-width slider with a background image and some text, similar to that shown in the featured image above. Divi has an option in the slide settings to toggle the vertical alignment between centered and bottom-aligned. However, if you want more control over the text position, you will need to resort to CSS.

For example to align the slider text to the top right corner of the slide, we can add the following into the slide’s custom CSS field for the slide description:

Here’s the copy-and-pasteable version:

text-align: right; padding-top: 5% !important; padding-bottom: 27% !important;

Source: Positioning Slide Text on a Full-Width Divi Slider | Divi Booster