How To Build A WordPress Child Theme Less Than A Minute

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?

child theme is a theme that inherits the functionality and styling of another theme, called the parentthemeChild themes are the recommended way of modifying an existing theme – WordPress Codex

WordPress codex did a very great job in explaining what child theme is.

Now, you know what’s WordPress child theme is.. Let’s build now!

A child theme needs three things:

  • Its own folder,
  • A style sheet name styles.css
  • functions.php file
  • screenshot.png (optional)

child theme directory

 

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.

2. Screenshot
Upload your screenshot.png in the child theme folder, this will serve as preview under appearance > Themes

3. Functions.php
Create a blank functions.php using atom then upload in the folder you have created

4. Styles.css
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
Template: Divi
Version: 0.1
*/
@import url("../Divi/style.css");

Lastly, go back to Appearance – Themes and press the activate button.

Download the child theme source file here

How To Setup WordPress Offline Site Less Than A Minute | WP 101

Installing a WordPress on your desktop and computer is quite tricky than using One-click installation feature offered by most of the hosting company.

However, if you want to master WordPress, you might need to consider familiarizing the offline setup.

At first, I thought it’s really hard and it required programming knowledge but these 3 tricks can save three forth of your time. 🙂

Step 1 – Install and Configure The Xampp Console

  1. Install a xampp on  your desktop or laptop.
  2. After installation, you will see a console that’s composed of 5 modules.
  3. Run the Apache and MySQL module by clicking the start button.

Setup WordPress Offline Site

Beside Mysql row, click the admin button to create a database or you can simply go to localhost/phpmyadmin/ to access the phpmyadmin console.

  1. To add a database, click the New
  2. Name your database (right now I used wp, you can rename it whatever you want).
  3. Click the check all
  4. Hit the create button

phpmyadmin - localhost

Step 2: Placing The WordPress Files On The Right Directory

Download the WordPress file and 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, you can also edit the wp-config but for those new for coding, let’s just stick to front-end configuration. 🙂

how to setup wordpress offline

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

Related topic:  How to permanently remove malware on your WordPress site

 

 

 

 

 

How to permanently remove the malwares on your WordPress site?

how I permantenly remove this malware notification

Securing your website from Malware, do I need to care?

For sure, you’ll do if you see this warning. The struggle is insane, I’ve been searching a long time how to permanent remove malware on WordPress. I found some tutorials but suddenly, it keeps coming back until I found out the solution.

For more information, check the Sucuri Scanner – www.sitecheck.sucuri.net/results/www.bookwormhead.com

What happen if there’s a malware on your site?

Nowadays, hackers are getting stronger and they used to hack sites that are poorly maintained and outdated. They usually inject malicious files making your site blacklisted to search engine like Google. If this happen, you will be invisible to search result. Worst thing, they can steal confidential information making yourself and your customers unsecured. Sounds scary? That’s the truth!
Most of the codes are weird .php and .json that’s not included in your WordPress core e.g
  • idi123.php
  • wp-signups.php
  • error405.php

This crazy codes are the reason why your visitors are staying away from you. Some injections really dive in to your core files like wp-settings, wp-config. You can figure out the malicious code because you can barely understand its meaning like <script>89sakjda)))s9 </script>. For wp-config, they usually appears in the comment section and sometimes they are also injected to your theme header.

Anyway, I would be happy to break down the steps to stay away from hijackers.

Steps how to remove malware on WordPress – Proven and Tested

Make your website CMS platform, extras and software up to date

A new CMS version usually take few months to be available and it is significant to keep your files updated to have a good business experience.

Updating your website is easy to do however you need to be cautious as well for some unexpected error due to incompatibility.
Secure Your site
Having an updated version is not enough, you need to secure it and make sure that hijackers cannot enter to your website.

Peace of advice, don’t take this for granted. A lot of website owners are facing this chaos and they end up redoing a new site and domain.

Here you can create the content that will be used within the module.