How To Create Twenty Nineteen Child Theme

Sometimes we need to create wordpress theme child for modification css only. We need to create child theme because regular update on parent theme so we don’t need to change code if there is new update. Here is the way to create child theme for Nineteen Child Theme :

  • Create folder nineteen-child
  • Create file style.css
  • Create file functions.php

That’s very simple. For the structure of sytle.css is like this :

Theme Name: Twenty Nineteen Child
Theme URL:
Description: Twenty Seventeen Child Theme
Author: WPAmaNuke
Author URL:
Template: twentynineteen
Version: 1.0.0
Text Domain: twentynineteen-child
/* Custom CSS goes after this line */

.entry .entry-title a {

For modifying css , you need to use firefox web developer inspector or chrome devtools and do some experiment

To include parent style.css you need to create file functions.php and add code like this :


	add_action( 'wp_enqueue_scripts', 'tnt_enqueue_parent_styles' );

	function tnt_enqueue_parent_styles() {
	   wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );


How To Create WordPress Plugin

To Create WordPress Plugin you need to know how basic php , css and html works.
Here is some function which ussually i used for wordpress plugin.


It’s suggested to prefix your function and variable. For example using mfp (My First Plugin). Here is the example $mfp_string , mfp_function.


You can detect directory and url WordPress Plugin using function plugin_dir_path( FILE ) and plugin_dir_url( FILE ).
I ussually use constant some constanta like this :

define( 'MFP_DIR' , plugin_dir_path( __FILE__ ) );
define( 'MFP_URL' , plugin_dir_url( __FILE__ ) );


Hook is function so you don’t need to change the core code. There are 2 hooks : action and filter.


Here are some function which you need to know : do_action , add_action and remove_action


For example your index.php in theme like this

	do_action( 'mfp_header_before' );
	echo '<div>HEADER</div>';
	do_action( 'mfp_header_after' );
	do_action( 'mfp_content_before' );
	echo '<div>CONTENT</div>';
	do_action( 'mfp_content_after' );
	do_action( 'mfp_footer_before' );
	echo '<div>FOOTER</div>';
	do_action( 'mfp_footer_after' );



You can add action in the plugin without change index.php in the theme. For example :

	function mfp_example_header_before1() {
		echo '<div>HEADER BEFORE 1</div>';
	add_action( 'mfp_header_before','mfp_example_header_before1' );
	function mfp_example_header_before2() {
		echo '<div>HEADER BEFORE 2</div>';
	add_action( 'mfp_header_before','mfp_example_header_before2' );
	function mfp_example_footer_before1() {
		echo '<div>FOOTER BEFORE 1</div>';
	add_action( 'mfp_footer_before','mfp_example_footer_before1' );


If you want to remove just use for example remove_action( ‘mfp_header_before’,’mfp_example_header_before2′ ); or if you want to remove all action remove_all_actions( ‘mfp_header_before’ );



Filter is hook for variable. Function which you need to know apply_filters and add_filter.
Example :

	function mfp_do_filter( $mfp_text ) {
		$mfp_text = "VAR DO FILTER";
		return $mfp_text;
	add_filter( 'mfp_var_filter', 'mfp_do_filter' );
	function mfp_apply_filter() {
		$mfp_var = "VAR APPLY FILTER";
		$mfp_var = apply_filters( 'mfp_var_filter' , $mfp_var );
		echo $mfp_var;


If you want to remove filter. Just use for example remove_filter( ‘mfp_var_filter’ , ‘mfp_do_filter’ ); or if you want ro remove all just use function remove_all_filter( ‘mfp_var_filter’ );


After you know some basic functions now it’s time to create your first plugin.

Plugin Name: My First Plugin
Plugin URI:
Description: First plugin which i made
Version: 1.0
Author: WPAmanuke
Author URI:
License: GPLv2

function mfp_filter_the_content_before( $content ) {
    $custom_content = '<div>Before Content Filter</div>';
    $custom_content .= $content;
    return $custom_content;
add_filter( 'the_content', 'mfp_filter_the_content_before' );

function mfp_filter_the_content_after( $content ) {
    $custom_content = '<div>After Content Filter</div>';
    $custom_content = $content . $custom_content;
    return $custom_content;
add_filter( 'the_content', 'mfp_filter_the_content_after' );


Oziz WordPress Theme

Oziz is one page WordPress Theme for landing page. It’s speciality to show resume , skill , portfolio , service , biography info for your reader. It design suitable for job seeker who want to show their resume online. It use bootstrap, fontawesome. You can see the demo in : .

You can make changes in customizer to see the feature. If you want to use Custom Homepage than here is how to do it. Create New Page after that in the right there is Page Attributes choose Template : Custom Homepage

After that in the customizer just make setting in the every section.

Theare 8 sections :

  • About
  • Resume
  • Pricing Table
  • Portfolio
  • Testimonials
  • Team
  • Contact

I start upload in 13 March 2019 and i will see how long before it approved

Magazine News Block Gutenberg Plugin

Gutenberg has become default WordPress Text Editor right now. The princip is making each as component/block just like page builder which has been exist before. Because it’s new , i just want to experiment for learning purpose creating simple magazine news block builder plugin for gutenberg. It work using ajax for backend. For development i’m using create-guten-block from ahmadawais and learning from other existence gutenberg block. For developing gutenberg blogk , i must install nodejs and learning reactjs library. If you don’t know about React just learn in youtube , there are many good tutorials there.

Choose Magazine News Block
Magazine News Block Setting

Covfefe WordPress Theme

Covfefe WordPress Theme is my next experiment WP Theme with 3 column design.

It use FontAwesome and Bootstrap Framework 4 ( Grid and Utility) which i include in the style.css , So the css is only 1 file.  It use microformat for the php file so search engine friendly. Just using hentry , entry-title , entry-summary and entry-content. Just download the covfefe wordpress theme. You can see the demo

It still my experiment in coding WordPress Theme standard.  My next WordPress Theme experiment will be niche about Landing Page and Resume. Don’t hesitate to give input in the comments.

Headline WordPress Theme

Headline WordPress Theme is my next experiment WP Theme with simple design. I just want to know how many request people who want to download minimalist theme. So i make theme with no jQuery included only simple Javascript , simple CSS , no web font. It’s based Underscore WP Framework which i only modify a little in the css and php code. You can download free headline wordpress theme on If you want to customize color and font and remove footer copyright just buy headline pro extensions plugin

It use Bootstrap Framework ( Grid and Utility) which i include in the style.css , So the css is only 1 file.  It use microformat for the php file so search engine friendly. Just using hentry , entry-title , entry-summary and entry-content. I hope it’s usefull. And if you have any ideas or request just comment on this post .

Showcase Theme Preview Reloaded

For some days i am looking for showcase theme preview plugin in for showing my future themes Finally i found WordPress Theme Showcase Plugin in , but it was 8 years old and not updated. So i just modify it a little to meet my needs. The plugin is simple and just like my expectation so i add javascript to make it work in post , page and category.

Beside using shortcode  [theme_showcase] , you can use Theme Preview widget on sidebar / footer to choose theme preview which you want

I upload it to so it’s usefull for anybody and can be modified as they need. This plugin is usefull for wordpress theme developer showcase their simple themes.

You can see the demo here :


Random Theme WordPress Plugin

After long not programming , finally i get idea to make random theme wordpress plugin

The idea is simple . In wordpress plugin there are a lot of random wordpress plugin just like random post , banner , image , gallery etc but not exist random theme.

So i make it based on another plugin.

After 3 days research and programming  finally i can make it .

I call it Random Theme .

It will display random theme when visitor come to your website. So just choose nice themes for your website at least 2 themes.

You can see the demo here :

Free Blogpedia MultiPurpose Blog WordPress Theme

After 1 month coding . Finally i can release blogpedia, a free wordpress theme for blog. It based on bootstrap 3, owlcarousel , fontawesome. It just wordpres code for my practice coding skill , so the content is simple. I have plan to submit it in after my first theme approved. It has been approved in . You can download blogpedia wordpress theme .
It still have many lack features , like styling color , widget , etc . But i have plan for iteration to make it better.  Blogpedia is my second theme this year. So just wait my another free wordpress theme. If you have any ideas what type theme / plugins which you want , just comment on this post. I have less ideas what type theme / plugins lol.

How To Use Slider in Home :

  1. Just login to your wordpress admin panel
  2. From your WordPress admin panel click Apperance -> Customize 
  3. Click Theme Options -> Magazine Template -> Header Slider -> Enable
  4. Just choose Category and Post Count

How To Use Top Slider in Home :

  1. From your WordPress admin panel click Apperance -> Customize 
  2. Click Theme Options -> Magazine Template -> Top Feature -> Enable
  3. Than choose category and number of post count which you want

If you want to use menu with social icons and top menu , just choose Theme Options -> Layout -> Header Type -> Type 1.

If you want to customize background color than just choose Theme Options -> Layout -> Layout Type -> Boxed

Simple HTML Tutorial

HTML is the standard markup language for creating Web pages. Before you code wordpress theme, first you must learn html and css. HTML is the standard markup language for creating Web pages. Because HTML describe structure of web pages using markup and the markup is element to build html block.
The most basic html document is like this :

    <!DOCTYPE html>


  • The <head> element contains meta information about the document
  • The <body> element contains the visible page content

Here is simple standard HTML Document

    <!DOCTYPE html>
        <title>My Title</title>
        <h1>My Heading</h1>
        <p>My Paragraph.</p>

The output above html will be like this :

Because the output still plain , you need to styling the html with css. Styling here means coloring , font-size , padding etc.
Here the sample styling with embedded css ( using style ) :

    <!DOCTYPE html>
        <title>My Title</title>
            h1 {
                color: #ff0000;
                font-size: 50px;
                text-transform: uppercase;
            p {
                color: #0000ff;
                font-size: 30px;
        <h1>My Heading</h1>
        <p>My Paragraph.</p>

And here is the output

I hope this simple html tutorial help you to know very basic HTML and CSS