Are you having an issue on images file name updating to its current year? In this guide, I will reveal the trick on how to fix the media file when importing items of your custom post fields using WP All Imports and WP All Exports Plugin.
Choosing a modal way of creating a popup on your Divi might be the perfect fit if you don’t want to get in trouble with plugin compatibility. In this Divi 01 tutorial, I’m going to walk you through how to create a perfect modal for your Extra and Divi website.
Modal Popup Demo:
Things We Need in Creating A Modal
Simply add a classed for your row and section to serve as your popup container and popup box.
In my case, I added a class name pricing_table on my code module and pricing_background for section module.
Don’t forget to add a class name on your button to trigger the modal when click.
Let’s get our hands dirty!
Copy the code below and paste it to the respective section.
Click the CSS tab and paste it to Divi > Theme Customizer > Custom CSS
Select the JS tab > copy & paste > go to Divi > Theme Options > Integration > Add it either in <head> or <body> section.
PS: Don’t forget to add the opening and closing script. The reason why I commented it down because Codepen doesn’t allow you to add <script> since we’re already using JS file.
Doing extra customization on your website is pretty common especially if the chosen theme doesn’t support the style and functionality that you want. But most amateur website designers missed this portion which may result in losing all the extra codes every time there’s a new update on your theme. Of course, that’s not everyone’s cup of tea. It’s a waste of time, effort, and money. To avoid this, you need to make sure the parent theme is carrying a WordPress child theme version.
What is WordPress Child Theme?
A child theme is a theme that inherits the functionality and styling of another theme, called the parenttheme. Child themes are the recommended way of modifying an existing theme – WordPress Codex
1. Create a folder under wp-content/themes
Like any theme, child themes are located in wp-content/themes in your WordPress installation. So, navigate there and create a new folder for your child theme.
A best practice is to give your theme’s folder the same name as the parent theme followed with -child phrase. Now, because we’re using the Divi theme, we will call our folder divi-child.
Upload your screenshot.png in the child theme folder, this will serve as preview under appearance > Themes
Create a blank functions.php using atom then upload in the folder you have created
Create a styles.css then write the following code below. You can modify the text field according to your preferred information. Child Theme Syntax:
Theme Name: Level Up Child
Theme URI: http://bookwormhead.com
Description: This is a child theme of Angelic site
Author: Angelic Sanoy
Author URI: http://bookwormhead.com
Lastly, go back to Appearance – Themes and press the activate button.
After installation, you will see a console that’s composed of 5 modules.
Run the Apache and MySQL module by clicking the start button.
Beside Mysql row, click the admin button to create a database or you can simply go to localhost/phpmyadmin/ to access the phpmyadmin console.
To add a database, click the New
Name your database (As an example, I used wp, you can rename it whatever you want).
Click the check all
Hit the create button
Step 2: Placing The WordPress Files On The Right Directory
Step 2:1: Download the latest version of WordPress on there official website.
If you’re using iOS, please the .tar.gz
Step 2: 2: Unzip it into the htdocs folder. Usually, it is located at C:/Program Files/XAMPP/htdocs.
So basically, it looks like C:/Program Files/XAMPP/htdocs/wordpress/
Note: you can rename the WordPress folder, just keep in mind that this will serve as the extension of your local link. Since we use WordPress, our front-end link will be localhost/wordpress
You can see the WordPress is already live but in order to make it work, you need to connect the database that we have created in step 1.
Step 3: Connecting the Database
In the process of installation, simply select a language and follow the instruction until you reach the database Q&A field. For other option, just edit the wp-config but for those new for backend, let’s just stick to front-end configuration. 🙂
Here’s the format
Database Name: WP (this is the name we have used in the database
Username: Root (we’re using root since we’re installing the WordPress locally)
Password: leave it black
Database host: localhost
Table Prefix: wp_
Lastly, name the general settings.
And now, you have a demo site.
Local WordPress Installation Highlight Of The Day | Tweetable
WordPress installation is not tricky, you just need to do it slowly or else your site won’t be live quickly – Angelic Sanoy