Skip to main content

Create Custom Template Page in Wordpress Theme

 Assalamualaikum...

 


 

Wanted to create a simple page that can quickly get a delivery quote for my customer~ 

 

Issue with Wordpress is most of the time need to fill up the address details before getting full quotation as im using a free plugin that is not so user friendly. 

 

While I have manual quotation request incoming to our 4nutz social medias, i decided to spin up a tool page that help to quickly calculate the pricing.

 

ok today wanted to share first

 

How to create a page template in Wordpress theme?

 

Reason doing so is so that we do changes in the wordpress theme or the best is the child theme. not directly apply in database the code nor hacking the wordpress framework code! that is really hard and headache to maintain!

 

For those who dont know how to create Child Theme, please refer to this tutorial first!

 


Step one, create a php page file in Wordpress Theme/ Child Theme

vim page-distance-calculator.php

Step two, edit the php page, add the template details and include header, footer and content area.

<?php

/** Template Name: Page Delivery Calculator

 *

 * @package WordPress

 * @subpackage Storefront Child

 * @since Storefront Child 1.0

 */

?>

<?php get_header(); ?>

<div id="primary" class="content-area">

<?php get_footer(); ?>

Step three, add php code / html 

Step four, load in Wordpress page by creating a new page and load this new template in page attribute settings!

 

Walaah your page is done!

of course i did not include the delivery calculator code probably in next blog post! 



Reference:

https://developer.wordpress.org/themes/template-files-section/page-template-files/

https://www.cloudways.com/blog/creating-custom-page-template-in-wordpress/

 


 

 


Labels

Labels:

Comments

Post a Comment

Popular posts from this blog

Tutorial on Min3D framework using Android Studio

Salam peeps, UPDATES***, the model on the old link is no longer working. so i have create a github repo, where i put the source code in a project, you guys can try to clone in and run on your android studio device emulator or directly on your phone, Ive replaced the model with a cube. https://github.com/aliaramli/Min3DTutorial Previously i ve posted tutorial on min3D using eclipse IDE, i believe most of us has moved to Android Studio IDE in developing android apps? As previous tutorial shows a lot of support from readers and among hot post in my blog, i ve decided to post the same tutorial but this time using Android Studio. For those who are familiar with Eclipse/Android Studio migration they might not have problem in running this tutorial . For more detail explanation on min3D please visit this website page Ok lets get started. Step One Create a new android project in android studio. you may name it as what you like, below are how i defined my project settings. ...
23 comments
Read more

Get the last active time from users in woocommerce using sql query

To easily get the last active time from users (under Woocommerce extended plugin) we can easily query from database using the meta_key of "wc_last_active" example query: select user_id, meta_value from wp_usermeta where meta_key= "wc_last_active" and user_id in (11111,112222); results: +-------------+------------------+ | user_id    | meta_value | +-------------+-------------------+ |   11111   | 1556755200 | |   112222 | 1566518400 |
1 comment
Read more

AWS Workspace Device is not Authorized Linux Client

Have you guys tried the AWS Workspace? They are offering the service for free from April - June 2020. For a limited time, in response to COVID-19 , starting April 1, 2020 through June 30, 2020, Amazon WorkSpaces Free Tier provides up to 50 WorkSpaces with Windows Standard bundle with 80 GB Root and 50 GB User Volumes, running in AutoStop mode for up to 10,000 hours of combined use per month across all AWS Regions where WorkSpaces Free Tier is currently available. Additionally, the Amazon WorkSpaces Free Tier provides one WorkSpace with Windows Performance bundle with 80 GB Root and 100 GB User Volumes, running in AutoStop mode for up to 200 hours, two WorkSpaces with Linux Standard bundle with 80 GB Root and 50 GB User Volumes, running in AutoStop mode for up to 400 hours, and one WorkSpace with Windows Value bundle with 80 GB Root and 10 GB User Volume, running in AutoStop mode for up to 200 hours. All new customers that start using WorkSpaces for the first time during ...
Post a Comment
Read more