Php, Wordpress, CodeIgniter, Magento: Create custom wordpress theme for any website or html template in very easy way

Hello

Today I saw you how to create custom wordpress theme.

If you want to make theme from any template, please download it to your local and test html is working fine or not.

If you want to make from any website, please save as to your local, arrange files like css, js, images in assets folder. make sure that this downloaded html page is working okay in offline mode.

You have to create theme folder in wp-content -> themes folder. For example I make a folder named "Myloan".

Create these files first in your theme folder "Myloan":-

style.css
functions.php
header.php
footer.php
page.php
index.php
screenshot.png
assets(folder which contains all files like css, js, images)

Put simple code like this:- must write this code

style.css

Theme Name: My Loan

Theme URI: #

Author: Chirag

Author URI: https://wordpress.org/

Description: #

Tested up to: 6.2

Requires PHP: 5.6

Version: 1.1

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: myloan

Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

functions.php: include css js and other code:

<?php

/**

* @package WordPress

* @subpackage myloan

* @version 1.1

* Main Theme Functions File

* Created by CMSMasters

/*** START EDIT THEME PARAMETERS HERE ***/

function load_stylesheets(){

wp_register_style('css1',get_template_directory_uri().'/assets/css.css',array(),'1','all');

wp_enqueue_style('css1');

wp_register_style('css2',get_template_directory_uri().'/assets/autoptimize_8cac1e736864bdc86b06e5465ca5d637.css',array(),'1','all');

wp_enqueue_style('css2');

wp_register_style('css3',get_template_directory_uri().'/assets/autoptimize_single_67cf90d667118914b7946e19b3d520ab.css',array(),'1','all');

wp_enqueue_style('css3');

wp_register_style('css4',get_template_directory_uri().'/assets/autoptimize_single_8eaf06f89938b4c3f43d5ada62c34f11.css',array(),'1','all');

wp_enqueue_style('css4');

wp_register_style('css5',get_template_directory_uri().'/assets/autoptimize_single_4f790d313876572982c13e7b9457038c.css',array(),'1','all');

wp_enqueue_style('css5');

wp_register_style('css6',get_template_directory_uri().'/assets/autoptimize_single_82d56e6b6d66f13ec624b1f11d32043c.css',array(),'1','all');

wp_enqueue_style('css6');

wp_register_style('css7',get_template_directory_uri().'/assets/autoptimize_single_0b5653b6da6b0767bb25989aa360979d.css',array(),'1','all');

wp_enqueue_style('css7');

wp_register_style('customcss',get_template_directory_uri().'/assets/customcss.css',array(),'1','all');

wp_enqueue_style('customcss');

}

add_action('wp_enqueue_scripts','load_stylesheets');

function addjs(){

//header scripts

wp_register_script('jquery',get_template_directory_uri().'/assets/jquery.min.js', '', 1,1,1);

wp_enqueue_script('jquery');

wp_register_script('jquery-migrate',get_template_directory_uri().'/assets/jquery-migrate.min.js', '', 1,1,1);

wp_enqueue_script('jquery-migrate');

wp_register_script('autoptimize1',get_template_directory_uri().'/assets/autoptimize_single_4ce62d8207dae4259cb82c779adc78d5.js', '', 1,1,1);

wp_enqueue_script('autoptimize1');

wp_register_script('shims',get_template_directory_uri().'/assets/v4-shims.min.js', '', 1,1,1);

wp_enqueue_script('shims');

wp_register_script('modernizr-custom',get_template_directory_uri().'/assets/modernizr-custom.min.js', '', 1,1,1);

wp_enqueue_script('modernizr-custom');

wp_register_script('jquery2',get_template_directory_uri().'/assets/5e3b1d77-f013-4473-86af-e78be1a3f8b8.js', '', 1,1,1);

wp_enqueue_script('jquery2');

wp_register_script('jsjs',get_template_directory_uri().'/assets/js.js', '', 1,1,1);

wp_enqueue_script('jsjs');

//footer scripts

wp_register_script('imagesloaded-js',get_template_directory_uri().'/assets/imagesloaded.min.js', '', 1,1,1);

wp_enqueue_script('imagesloaded-js');

wp_register_script('masonry-js',get_template_directory_uri().'/assets/masonry.min.js', '', 1,1,1);

wp_enqueue_script('masonry-js');

wp_register_script('auxin-plugins-js',get_template_directory_uri().'/assets/plugins.min.js', '', 1,1,1);

wp_enqueue_script('auxin-plugins-js');

wp_register_script('auxin-scripts-js',get_template_directory_uri().'/assets/scripts.min.js', '', 1,1,1);

wp_enqueue_script('auxin-scripts-js');

wp_register_script('auxin-elementor-widgets-js',get_template_directory_uri().'/assets/autoptimize_single_b7ce792f0d03f8d9e4330abe54cbb741.js', '', 1,1,1);

wp_enqueue_script('auxin-elementor-widgets-js');

wp_register_script('mediaelement-core-js',get_template_directory_uri().'/assets/mediaelement-and-player.min.js', '', 1,1,1);

wp_enqueue_script('mediaelement-core-js');

wp_register_script('mediaelement-migrate-js',get_template_directory_uri().'/assets/mediaelement-migrate.min.js', '', 1,1,1);

wp_enqueue_script('mediaelement-migrate-js');

wp_register_script('wp-mediaelement-js',get_template_directory_uri().'/assets/wp-mediaelement.min.js', '', 1,1,1);

wp_enqueue_script('wp-mediaelement-js');

wp_register_script('auxin-elements-plugins-js',get_template_directory_uri().'/assets/plugins.min(1).js', '', 1,1,1);

wp_enqueue_script('auxin-elements-plugins-js');

wp_register_script('auxin-elements-scripts-js',get_template_directory_uri().'/assets/autoptimize_single_666ddb314d62d4d200ca34b8f15c72c5.js', '', 1,1,1);

wp_enqueue_script('auxin-elements-scripts-js');

wp_register_script('auxin-portfolio-portfolio-js',get_template_directory_uri().'/assets/autoptimize_single_7e48ff2a3e322642d873f3e82dbd0ed1.js', '', 1,1,1);

wp_enqueue_script('auxin-portfolio-portfolio-js');

wp_register_script('jquery-numerator-js',get_template_directory_uri().'/assets/jquery-numerator.min.js', '', 1,1,1);

wp_enqueue_script('jquery-numerator-js');

wp_register_script('auxin-pro-tools-pro-js',get_template_directory_uri().'/assets/autoptimize_single_55abb9814ae416a1f10acdb0e34f71aa.js', '', 1,1,1);

wp_enqueue_script('auxin-pro-tools-pro-js');

wp_register_script('auxin-custom-js-js',get_template_directory_uri().'/assets/custom.js', '', 1,1,1);

wp_enqueue_script('auxin-custom-js-js');

wp_register_script('smartmenus-js',get_template_directory_uri().'/assets/jquery.smartmenus.min.js', '', 1,1,1);

wp_enqueue_script('smartmenus-js');

wp_register_script('elementor-pro-webpack-runtime-js',get_template_directory_uri().'/assets/webpack-pro.runtime.min.js', '', 1,1,1);

wp_enqueue_script('elementor-pro-webpack-runtime-js');

wp_register_script('elementor-webpack-runtime-js',get_template_directory_uri().'/assets/webpack.runtime.min.js', '', 1,1,1);

wp_enqueue_script('elementor-webpack-runtime-js');

wp_register_script('elementor-frontend-modules-js',get_template_directory_uri().'/assets/frontend-modules.min.js', '', 1,1,1);

wp_enqueue_script('elementor-frontend-modules-js');

wp_register_script('wp-polyfill-inert-js',get_template_directory_uri().'/assets/wp-polyfill-inert.min.js', '', 1,1,1);

wp_enqueue_script('wp-polyfill-inert-js');

wp_register_script('regenerator-runtime-js',get_template_directory_uri().'/assets/regenerator-runtime.min.js', '', 1,1,1);

wp_enqueue_script('regenerator-runtime-js');

wp_register_script('wp-polyfill-js',get_template_directory_uri().'/assets/wp-polyfill.min.js', '', 1,1,1);

wp_enqueue_script('wp-polyfill-js');

wp_register_script('wp-hooks-js',get_template_directory_uri().'/assets/hooks.min.js', '', 1,1,1);

wp_enqueue_script('wp-hooks-js');

wp_register_script('wp-i18n-js',get_template_directory_uri().'/assets/i18n.min.js', '', 1,1,1);

wp_enqueue_script('wp-i18n-js');

wp_register_script('elementor-pro-frontend-js',get_template_directory_uri().'/assets/frontend.min.js', '', 1,1,1);

wp_enqueue_script('elementor-pro-frontend-js');

wp_register_script('elementor-waypoints-js',get_template_directory_uri().'/assets/waypoints.min.js', '', 1,1,1);

wp_enqueue_script('elementor-waypoints-js');

wp_register_script('jquery-ui-core-js',get_template_directory_uri().'/assets/core.min.js', '', 1,1,1);

wp_enqueue_script('jquery-ui-core-js');

wp_register_script('swiper-js',get_template_directory_uri().'/assets/swiper.min.js', '', 1,1,1);

wp_enqueue_script('swiper-js');

wp_register_script('share-link-js',get_template_directory_uri().'/assets/share-link.min.js', '', 1,1,1);

wp_enqueue_script('share-link-js');

wp_register_script('elementor-dialog-js',get_template_directory_uri().'/assets/dialog.min.js', '', 1,1,1);

wp_enqueue_script('elementor-dialog-js');

wp_register_script('elementor-frontend-js',get_template_directory_uri().'/assets/frontend.min(1).js', '', 1,1,1);

wp_enqueue_script('elementor-frontend-js');

wp_register_script('pro-preloaded-elements-handlers-js',get_template_directory_uri().'/assets/preloaded-elements-handlers.min.js', '', 1,1,1);

wp_enqueue_script('pro-preloaded-elements-handlers-js');

wp_register_script('preloaded-modules-js',get_template_directory_uri().'/assets/preloaded-modules.min.js', '', 1,1,1);

wp_enqueue_script('preloaded-modules-js');

wp_register_script('e-sticky-js',get_template_directory_uri().'/assets/jquery.sticky.min.js', '', 1,1,1);

wp_enqueue_script('e-sticky-js');

}

add_action( 'wp_enqueue_scripts', 'addjs' );

//acf page

//acf option page

if( function_exists('acf_add_options_page') ) {

acf_add_options_page(array(

'page_title' => 'Theme General Settings',

'menu_title' => 'Theme Settings',

'menu_slug' => 'theme-general-settings',

'capability' => 'edit_posts',

'redirect' => false

));

acf_add_options_sub_page(array(

'page_title' => 'Theme Header Settings',

'menu_title' => 'Header',

'parent_slug' => 'theme-general-settings',

));

acf_add_options_sub_page(array(

'page_title' => 'Theme Footer Settings',

'menu_title' => 'Footer',

'parent_slug' => 'theme-general-settings',

));

}

//end option page

//end

header.php : must write <?php wp_head(); ?> before </head>

<?php

/**

* The header.

* This is the template that displays all of the <head> section and everything up until main.

* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials

<!DOCTYPE html>

<head>

<title>MY USA LOANS | Get Cash When You Need It | PAYDAY LOANS ONLINE</title>

<?php wp_head(); ?>

</head>

<a class="aux-logo-anchor aux-has-logo" title="MY USA LOANS" href="https://www.mydomainname.com/"><img width="260" height="152" src="<?php bloginfo('template_directory'); ?>/assets/mul-logo-dk-blue-2.png" class="aux-attachment aux-featured-image attachment-260x152 aux-attachment-id-10907 " alt="mul-logo-dk-blue-2" data-ratio="1.71" data-original-w="260"></a>

<h3 class="site-title"><a href="https://www.mydomainname.com/" title="MY USA LOANS">MY USA LOANS</a></h3>

<p class="site-description">PAYDAY LOANS ONLINE</p>

</section>

</div>

<div class="elementor-element elementor-element-d472bf1 elementor-nav-menu__align-right elementor-hidden-tablet elementor-hidden-phone elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="d472bf1" data-element_type="widget" data-settings="{"submenu_icon":{"value":"<i class=\"fas fa-chevron-down\"><\/i>","library":"fa-solid"},"layout":"horizontal","toggle":"burger"}" data-widget_type="nav-menu.default">

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8461"><a href="https://www.mydomainname.com/how-it-works/" class="elementor-item">How It Works</a></li>

<a class="elementor-item has-submenu" id="sm-16817547812465557-1" aria-haspopup="true" aria-controls="sm-16817547812465557-2" aria-expanded="false">Our Products<span class="sub-arrow"><i class="fas fa-chevron-down"></i></span></a>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8459"><a href="https://www.mydomainname.com/short-term-loans-bad-credit/" class="elementor-sub-item">Bad Credit Loans</a></li>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8463"><a href="https://www.mydomainname.com/loans-by-state/payday-loans-online/" class="elementor-sub-item">Payday Loans Online</a></li>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8462"><a href="https://www.mydomainname.com/online-loans/" class="elementor-sub-item">Online Loans</a></li>

</ul>

</li>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8465"><a href="https://www.mydomainname.com/rates-fees/" class="elementor-item">Rates & Fees</a></li>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8460"><a href="https://www.mydomainname.com/contact/" class="elementor-item">Contact</a></li>

</ul>

</nav>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8461"><a href="https://www.mydomainname.com/how-it-works/" class="elementor-item" tabindex="-1">How It Works</a></li>

<a class="elementor-item has-submenu" tabindex="-1" id="sm-168175478125283-1" aria-haspopup="true" aria-controls="sm-168175478125283-2" aria-expanded="false">Our Products<span class="sub-arrow"><i class="fas fa-chevron-down"></i></span></a>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8462"><a href="https://www.mydomainname.com/online-loans/" class="elementor-sub-item" tabindex="-1">Online Loans</a></li>

</ul>

</li>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8465"><a href="https://www.mydomainname.com/rates-fees/" class="elementor-item" tabindex="-1">Rates & Fees</a></li>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8460"><a href="https://www.mydomainname.com/contact/" class="elementor-item" tabindex="-1">Contact</a></li>

</ul>

</nav>

</div>

<div class="elementor-element elementor-element-191934f elementor-nav-menu__align-right elementor-hidden-desktop elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="191934f" data-element_type="widget" data-settings="{"submenu_icon":{"value":"<i class=\"fas fa-chevron-down\"><\/i>","library":"fa-solid"},"layout":"horizontal","toggle":"burger"}" data-widget_type="nav-menu.default">

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9020"><a href="https://www.mydomainname.com/how-it-works/" class="elementor-item">How It Works</a></li>

<a href="https://www.mydomainname.com/#" class="elementor-item elementor-item-anchor has-submenu" id="sm-16817547812565857-1" aria-haspopup="true" aria-controls="sm-16817547812565857-2" aria-expanded="false">Our Products<span class="sub-arrow"><i class="fas fa-chevron-down"></i></span></a>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9016"><a href="https://www.mydomainname.com/short-term-loans-bad-credit/" class="elementor-sub-item">Bad Credit Loans</a></li>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9022"><a href="https://www.mydomainname.com/loans-by-state/payday-loans-online/" class="elementor-sub-item">Payday Loans Online</a></li>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9021"><a href="https://www.mydomainname.com/online-loans/" class="elementor-sub-item">Online Loans</a></li>

</ul>

</li>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9023"><a href="https://www.mydomainname.com/rates-fees/" class="elementor-item">Rates & Fees</a></li>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9018"><a href="https://www.mydomainname.com/contact/" class="elementor-item">Contact</a></li>

<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10993"><a href="https://www.mydomainname.com/get-started/" class="elementor-item">Get Started</a></li>

</ul>

</nav>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9020"><a href="https://www.mydomainname.com/how-it-works/" class="elementor-item" tabindex="-1">How It Works</a></li>

<a href="https://www.mydomainname.com/#" class="elementor-item elementor-item-anchor has-submenu" tabindex="-1" id="sm-16817547812578323-1" aria-haspopup="true" aria-controls="sm-16817547812578323-2" aria-expanded="false">Our Products<span class="sub-arrow"><i class="fas fa-chevron-down"></i></span></a>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9021"><a href="https://www.mydomainname.com/online-loans/" class="elementor-sub-item" tabindex="-1">Online Loans</a></li>

</ul>

</li>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9023"><a href="https://www.mydomainname.com/rates-fees/" class="elementor-item" tabindex="-1">Rates & Fees</a></li>

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-9018"><a href="https://www.mydomainname.com/contact/" class="elementor-item" tabindex="-1">Contact</a></li>

<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-10993"><a href="https://www.mydomainname.com/get-started/" class="elementor-item" tabindex="-1">Get Started</a></li>

</ul>

</nav>

</div>

<div class="elementor-widget-container"> <a href="https://www.mydomainname.com/get-started/" target="_self" class="aux-button aux-small aux-black aux-curve aux-none aux-uppercase"><span class="aux-overlay"></span><span class="aux-text">Get Started</span></a></div>

</div>

</section>

</div>

</section>

</div>

footer.php: must write <?php wp_footer(); ?> before </body>

__________________

---------------------------

<?php wp_footer(); ?>

</body>

</html>

index.php: must write get_header(); and get_footer(); to this page.

<?php

/**

* The main template file

* This is the most generic template file in a WordPress theme

* and one of the two required files for a theme (the other being style.css).

* It is used to display a page when nothing more specific matches a query.

* E.g., it puts together the home page when no home.php file exists.

get_header(); ?>

<?php if ( is_home() && ! is_front_page() && ! empty( single_post_title( '', false ) ) ) : ?>

</header>

<?php endif; ?>

<?php

if ( have_posts() ) {

// Load posts loop.

while ( have_posts() ) {

the_post();

//get_template_part( 'template-parts/content/content', get_theme_mod( 'display_excerpt_or_full_post', 'excerpt' ) );

}

// Previous/next page navigation.

//twenty_twenty_one_the_posts_navigation();

} else {

// If no content, include the "No posts found" template.

//get_template_part( 'template-parts/content/content-none' );

}

get_footer();

Php, Wordpress, CodeIgniter, Magento

Wednesday, April 19, 2023

Create custom wordpress theme for any website or html template in very easy way

style.css

functions.php: include css js and other code:

header.php : must write <?php wp_head(); ?> before </head>

footer.php: must write <?php wp_footer(); ?> before </body>

index.php: must write get_header(); and get_footer(); to this page.

No comments:

Post a Comment