welcome to the Posts. Lets start to learn the topic step by step.
WordPress is the best cms for blog type or to make a simple dynamic site, so in this WordPress theme development tutorial we will learn how to make a wp theme from the scratch step by step from an HTML file and which is installable to any WordPress site, The steps of the WordPress theme development […]
In this post, I am going to show how to install WordPress. To install the first download WordPress from wordpress.org and unzip the file and try to download the latest version of the file. [embedyt] https://www.youtube.com/watch?v=GwRAKWH-NM8[/embedyt] Step 1 keep the file inside for windows/mac and wamp, user keep it inside the www folder for windows/mac and […]
Hi, in this post I am going to teach you how to describe a WordPress theme using style.css file. Now start to describe the theme for that Step 1. create a style.css file inside your theme folder Step 2. Now make a comment portion of CSS Step 3. Now write the code /* Theme Name: Twenty Fifteen Theme URI: https://wordpress.org/themes/twentyfifteen/ Author: the WordPress team […]
Hi, in this post the uses of functions.php file of WordPress theme development I am going to show you the uses of functions.php file of a WP theme. The functions.php file uses for defining all the functions and hooks inside a WordPress theme development. In this post, I will teach about some basic function like […]
In this post How to Make a WordPress theme options page or an admin menu page for WordPress theme, I am going to show how to make a setting page for WordPress custom theme. Open your theme function.php file and write the code Now start the code step by step Step 1. Create a menu […]
In this post, I am going to show how to make a theme identification image or featured image of the theme, For that, you need to take a screenshot of the HTML page or any image you want to make the theme identification image or featured image of the theme and save the image in […]
Hi, in Develop theme header of WordPress post I am going to show you how to develop a custom header.php or common header for WordPress theme from an HTML pice saved as header.php First I am describing the code should be used for header portion and then will show a sample header code with HTML […]
Hi, in this post I am going to show how to Develop WordPress dynamic sidebar with a widget for a custom WordPress theme, for that First: Go to function.php file and write the below code to declare a sidebar //To Register a sidebar function theme_slug_widgets_init() { register_sidebar( array( ‘name’ => __( ‘Main Sidebar’, ‘theme-slug’ ), […]
Hi, In this WordPress custom post loop with arguments we are going to learn how to declare a custom post with argument and use the custom post in frontend as a slider. Now start to make a custom post for slider step by step Step 1. Open function.php file of your theme folder and write […]
Hi, today we are going to learn how to Develop WordPress FrontPage an index.php file of default FrontPage for WordPress custom theme. If you have not selected any static front page then the index, PHP file will be fetched as frontpage in WordPress. Now write the code in index.php file if not created please create […]
Hi, in this WordPress common page template development we are going to learn to create the default page template the page.php file for WordPress theme development. If you are not going to select any page template from WordPress admin panel while creating a page then the page.php file the default page template will be called […]
Hi, today we will learn WordPress page template development, contact us page with the contact form, using contact form 7 plugin, contact form 7 plugin will provide a shortcode which has to place in a wishing editor or in page by <?php echo do_shortcode(‘[the short code here]’); ?> Now start to create a contact us page step […]
Hi, We are going to learn a Newsletter subscription form development using mail poet newsletter plugin. The newsletter of a website helps the user to get the update through email of a website and for that admin of a website needs to create the newsletter and send to the user’s email address and here in […]
Blogger AdSense – Earn money from blogspot.com or blogger.com is not so easy today as there are several problems to get approved from Google AdSense using Google Blogspot. Problems with blogger.com or blogspot.com to get approved by Google AdSense As Google does not provide adds to a subdomain and as if you are using blogger.com […]
what is Google AdSense? it is one of the most popular advertisement providers with the best quality add provided by Google. It is one of the best ways to earn money online from home. Google AdSense is free to register to earn money online from home, but there is some restriction, Benefit You get from […]
while we are going to apply for google AdSense we afraid of if google AdSense disapproved, most of the time first we use to apply for google AdSense and google AdSense disapproved of the application many times. Now I am going to tell you the reason to reject the application by google, First. Less content, […]
Hi, we are going to discuss How to monetize YouTube the AdSense of youtube or how to make money online from home using youtube without spending a single pane. But you have to do handwork to get the view. For that, you have to follow some step Step 1. You have to make […]
many times there is needed to create a WordPress user from coding-end to make a frontend registration form. And for that, we need to create a user programmatically and set rools of the user and give the user permission. now we will learn how we can make a user using WordPress code Step 1. […]
Hi, we are going to learn WordPress blog template post loop development, as WordPress is mainly used for blogging so there must have to a blog template for showing the posted blog. Now start to create the blog template step by step First, there is two way to make a blog page you can go […]
the single.php file is used to display as a single post-default template so to show a single we need to learn WordPress single post template development the single.php file the development process of a single.php file is similar to page.php file development and the only difference is getting the comment template now will start to […]
the custom single post templates structure is same as a post-default template or single.php file, If you find some design change on some case of displaying custom post then you can make a single post display page for the custom post type and we will learn custom post template development step by step for that, […]
the archive.php file is used to display the date, month or year wise and it also used to show the category wise posts, now in this archive template development we are going to learn to make an archive and custom archive page. Now Start to make the archive page step by step Step 1 make […]
the search.php is the search page template for WordPress, in this search template development we will learn to make a search form and search result displaying page so first, we will make a search form in any position of the theme The search form code for WordPress search function <form action=”<?php echo esc_url( home_url( ‘/’ […]
Hi in this post we are going to learn How to get category wise search and archive results in WordPress. in WordPress, there is much time we have to get the search and archive result by category, so in this post, we will learn how to get search result and archive result by category, for […]
In general a subscriber or contributer type user have not permission to upload image in wordpress so to give permission to upload image to subscriber or contributer type user need to write function or install a plugin The functions to give file upload permission to a user Now write the code in your functions.php file […]
To set the minimum cart total write the code into your functions.php file and change the variable value of $minimum_cart_total. Here is the code to set a minimum cart total in WordPress woo-commerce <?php // Set a minimum dollar amount per order add_action( ‘woocommerce_check_cart_items’, ‘spyr_set_min_total’ ); function spyr_set_min_total() { // Only run in […]
Hi in this tutorial we are going to learn how to make Allow to see only the media files and images uploaded by the user in wordpress. Write the code in functions.php file inside your theme folder <?php add_action(‘pre_get_posts’,’hm_users_own_attachments’); function hm_users_own_attachments( $wp_query_obj ) { global $current_user, $pagenow; $is_attachment_request = ($wp_query_obj->get(‘post_type’)==’attachment’); if( !$is_attachment_request ) return; if( […]
Hi, many times we have to make custom product loop and single custom product page with various design and at that time we need to give a button with add to cart URL or link with variation to add the product to cart and in this post we will going to see how the link […]
in a blog type website or in an e-commerce website there needed a comment form and display comments list. In WordPress, there is provided a comment template by default and it can be customized also no make the comment template step by step first write the below code in a post or page template to […]
the widget is mainly displayed in sidebar or WordPress and its a very good process to ad extra featured in WordPress in this tutorial we will learn and develop a WordPress widget widget To create a widget first have to create a class extending the WordPress default widget class thus in the declared class all […]
WordPress woocommerce theme development: woocommerce is the most popular e-commerce plugin for WordPress, we will learn how to develop a WordPress woocommerce theme step by step in this tutorial and will make a proper e-commerce theme, first we need to know the structure to create an e-commerce theme, the header contains the cart link with […]
the plugin is the best way to add more featured to WordPress and on theme change the feature will not be gone. In this tutorial, we are going to develop a WordPress login registration plugin with the shortcode. Now start step by step, you can use the shortcode for the plugin [CMWP_LOGIN redirect=<page page id […]
WordPress ajax is very easy to implement and in this tutorial we will learn how to make an ajax form and will develop a plugin regarding that, Now step by step start ** if you need then visit my plugin development tutorial page to define a plugin and shortcode and learn to create till the […]
today we will learn how to develop a WordPress plugin using MySQL database table by creating during installation, inserting from WordPress admin panel and fetching value in frontend using the shortcode. and for this plugin, you can be able to get the social media list by using the shortcode [CM_SOCIAL_MEDIA]. now step by step develop […]
Twitter Bootstrap is an open-source platform to design a mobile-first responsive website, Bootstrap is a combination of CSS javascript and icons, but needed a predefined structure of HTML 5 and the class name and some id to design a site using bootstrap. so in this series of the tutorial, we will learn about the predefine […]
Bootstrap 3 grid system is the container or container fluid and row and column system, to make a mobile responsive website using bootstrap the grid system is the first need to make the structure and in this tutorial, we will learn how to make the structure of a website using the bootstrap grid system. The […]
The bootstrap typography is the text style defined by bootstrap and it is a little bit different from browser default to make the text browser compatible now the default text inside the body is 14px and line-height is 1.428 and the p tag has a margin that is 10 px by default. example: Try it […]
Image and its placement is a very important part of an HTML website design and so bootstrap have given some structure and also while we place an image the width adjustment creating the problem and in Bootstrap 3 Image, bootstrap also defined class for the width of an image. Structure of the bootstrap 3 images the Rounded, […]
to represent some data by row and column table is one of the most effective solution, Bootstrap providing some classes to make a Bootstrap 3 Responsive Table more attractive and useful, and the type of the tables are Responsive, Striped, Bordered, Hover, Condensed, and Contextual Table Let’s discuss bootstrap table A basic table of bootstrap […]
Bootstrap jumbotron indicates a big box for calling extra attention to some special content or information. It is a gray division with a rounded corner. The Bootstrap jumbotron enlarges the font sizes of the text inside it. Bootstrap jumbotron can be used inside container or container fluid and outside container or container fluid. To use […]
The Bootstrap 3 well adds a rounded gray border around an element with a gray background and a little padding, it provides a quick way to apply a simple inset effect to an element. It is used to make a little portion highlight or different from others. To use it just enclose the contents with […]
Bootstrap 3 Alert box is used to get the immediate attention of the end-users such as warning, error, confirmation or success messages. Here can be used as an optional close button to hide the box. the alert box is mainly 4 types and they are… 1. success or light green background with deep green text […]
Bootstrap 3 Buttons is one of the most and a frequently used component of bootstrap. now there are 8 different types of a button with 4 different size and also there is a block label button which covers 100% of the container width. ** Note: A bootstrap 3 button can be effective on only input […]
In our previous post, we have learned about the bootstrap button and we are going to learn Bootstrap 3 Button Group . for that we have to include some buttons inside a div or container and give it to the class name .btn-group , normally its a horizontal button group Example: Try It Yourself <div […]
Bootstrap 3 glyphicons icons is a predefined set of the icon can be used in website design using bootstrap like font-awesome. Bootstrap 3 glyphicons icons can be used as text, that is the size and color can be defined as like text style. To use that give the class name .glyphicon and the class of […]
In this post, we are going to discuss Bootstrap 3 Badges and Labels, Bootstrap 3 Badges The Badges are the number indicator of a button or text, it is mainly used to show how many messages or orders have been submitted. The color of the text and background color of Bootstrap 3 Badges are compatible […]
Bootstrap 3 Progress Bars are the predefined attractive element of bootstrap, A progress bar is mainly used to show how many presents of a task is completed graphically. Normal Progress Bar A normal progress bar is a blue background colored bar and to use any progress bar take a div and give the class name […]
WordPress get current page id or post id is a common query while developing WordPress theme, as there many time it needed to filter or make a link, now the below code will help you to get the current page or post id inside and outside of the loop WordPress get current page id Outside […]
In WordPress get page content by id is mainly used to get the content outside of the page calling by URL Like as if you want to call the content of the about in home page or in the footer in case of WordPress theme development Now code for the WordPress get page content by […]
In this post, we will learn how to get product loop by Category Name in woo-commerce, for that first need to make an array of arguments and then have to get the products like as getting the posts by arguments as the woo-commerce product is also one kind of argument. Now the example code is […]
The Breadcrumbs are used to show a position of page and Pagination is used to navigate or linked a page. suppose you have a lots of posts in your blog and you want to show few of them in one page and next few in the second page and so on then there is needed […]
A pager is also one king of pagination, it provides the next and prev button, When we are used to showing a single post some time we need two buttons on the bottom position to show the previous and next post, we can use pager at that time. Now We are going to learn how […]
A list group is used to display an unordered or a div in a list view, the list view mainly used inside the menu or display some list of content. Now let us discuss Bootstrap 3 List Groups, which is a very flexible component for displaying lists of elements in a beautiful manner. Basic List […]
Bootstrap 3 Panels lets us place the content in a better presentation. Bootstrap 3 Panels have a border with some padding and divided into header and footer and body, for heading and related text. It is mainly used while we need to write several topics with titles and content like FAQ. Now start to make […]
In WordPress Home URL or site URL is mainly used to make a redirect to the home page by clicking on the logo or a special link on any position of the body or it is also used to link some static component. Now start WordPress get home URL The basic way The basic code […]
If you want to include your style URL in your theme where the description of the theme and author is defined then you have to import the style URL in your theme and if you have imported all the related style URL in the theme defining stylesheet then you must have to import the stylesheet. […]
Pingback permits you to apprize different bloggers that you just have connected to their article on your web site. though there are some minor technical variations, a trackback is largely identical things as a pingback. Now the code for WordPress pingback URL is bloginfo( ‘pingback_url’ ) and have to print the code on a link […]
Bootstrap 3 dropdowns are mainly used in the navigation menu to make a dropdown menu, But sometimes it is used in button and div also for scripting. A bootstrap 3 dropdowns is a toggleable menu that allows you to choose a value from a togglable list. Basic Dropdown To make a basic dropdown add the […]
A collapse and accordion is a hide panel or portion which is opened on click on a button or link with scrolling effect. Now start to learn Bootstrap Collapse and Accordion. Basic Collapse to make a basic collapse in bootstrap 3 need to use data-toggle=”collapse” and data-target=”#collapse_demo” in a button or link where collapse_demo is […]
Bootstrap 3 tab and pills are the nav component, the pills are mainly used in the navbar and the tab is used on javascript van bar to show regarding hiding portion like an accordion. Basic Menu To make a basic menu use an unordered list and inside li give anchor link Example: Try it yourself […]
Bootstrap 3 Responsive Form is a very useful HTML component that is used to send the data to the server via getting or post method. Nowadays so many users are using mobile for internet browsing so we have to make a form easy to fillup from mobile also. so bootstrap is given us many classes […]
In bootstrap, the form components if properly declared then it will automatically take some property inside class .form-control and the form fields are text, password, datetime, datetime-local, date, month, time, week, number, email, URL, search, tel, and color. Textarea: As other form fields textarea will have some default property and width 100% when its declared […]
The bootstrap media object is used to make left or right align media like video or image and the media object is mainly used in waterfall instruction comments or testimonials. Now start to learn Bootstrap 3 Media Objects step by step. Default bootstrap 3 media to make a default media in bootstrap 3 take a […]
A slider is a common component of a website and makes a fully responsive slider becomes very easy with help of bootstrap 3 and in the bootstrap slider, you can use caption or text also, Now start Bootstrap 3 Carousel slider step by step. Code and discussion of bootstrap 3 slider to make a slider […]
A modal window is a popup window like lightbox, there is a three size modal window in bootstrap 3, today we will going to discuss about Bootstrap 3 Modal Window. How to make bootstrap 3 modal window to make a modal window need to take a trigger in which on click the modal window will […]
A tooltip is an instructional box with small instruction which described the functions of the tools, Bootstrap provides us a nice decorated tooltip now we are going to start to learn Bootstrap 3 Tooltip How to create a bootstrap 3 tooltips to create tooltips take a hoverable element and give there a title which will […]
Bootstrap 3 popover is similar to the tooltip , bootstrap provided us a very nice popover and today we will going to learn how to make a popover How to make a bootstrap 3 popover to create a bootstrap 3 popover use a title which will be shown inside the popover and use data-content=”Some content […]
to get the URL of any post or page in WordPress first you need to get the id of that page or post, and for that go to admin panel and open the post or page for edit and on URL you will find ?post=<post id> and get the post or page id from there. […]
to get the URL of a page by its name in WordPress first you need to get the id of the page by page name and then you have to get the page URL by id Now to get the id of the page by page name use the below code $page = get_page_by_title( ‘Hellow […]
In this post, we are going to learn about WordPress get featured image URL now start step by step First, get the id of the post or page of which featured image URL you want to get by using the code $post->ID Second get the id of the thumbnail image bypassing the post id through […]
In this post we are going to learn to get myaccount page url of woocommerce , now start step by step First: get the my account page id by using the code get_option( ‘woocommerce_myaccount_page_id’ ); Second: check if there is any myaccount page id Third: get the parmalink by passing the myaccount page id through […]
In this post, we ate going to learn about woo-commerce get logout URL and let’s make that step by step First: get the my account page id by using the code get_option( ‘woocommerce_myaccount_page_id’ ); Second: check if there is any my-account page id Third: get the permalink bypassing my account page id through the function […]
When I entered the network world as a professional, my first question was how to make money online from home? as its a very good thing to make some extra money from home and not going to any other places, So In this post, I am going to give you some ideas on how to […]
Hi, In this post we are going to discuss how to make a javascript pagination of a table and an unordered list (ul li). For that, we have to include 2 javascript libraries. <script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js”></script> <script type=”text/javascript” src=”https://cdn.rawgit.com/ddenhartog/jquery-simple-pagination/master/jquery-simple-pagination-plugin.js”></script> the ul or table we want to make pageable, have to keep inside a div with an […]
Hi, today we are going to see how to make a form validation using javascript, it includes email validation, name validation, max-min value validation, string length validation and also phone number validation. We are going to use the set custom message as the required field use to show and for that we will use javascript […]
Hi, today we are going to discuss making a load more gallery without reloading the page using javascript. now lets start step by step, Step 1. first needed a gallery of image or text and need to give a unique class name to the thumbnail divs. Step 2. then make the div display none to […]
Hi, in the post ‘ Bootstrap form validation using javascript ‘ we are going to learn how to make a validated form on the bootstrap framework using javascript only without any validator js plugin. To make the form and validate the form using the below code. here we are going to use only 3 fields […]
Below there is some needed woo-commerce page URL, which is frequently used to develop any woo-commerce website. The WooCommercer important page URL are Shop Url $shopUrl = get_permalink( woocommerce_get_page_id( ‘shop’ ) ); Cart Url global $woocommerce; $aUrl = $woocommerce->cart->get_cart_url(); Checkout Url global $woocommerce; $aUrl = $woocommerce->cart->get_checkout_url(); Account Url $aAccountPageId = get_option( ‘woocommerce_myaccount_page_id’ […]
The javascript is built for client-side application handling and after introducing of node js we can handle the server-side also that is the database interaction also can be handled by javascript also, Now typescript is the superset of javascript, That is if you write code in javascript and save that as a .ts extension and […]
To learn any language first need to set up the environment and to set up the environment for typescript we have to install some software and packages. We are going to discuss that one by one. To work on Typescript first we need node.js so whatever operating system you are using you have to install […]
All the programming languages used their own syntax, So TypeScript also has defined its own syntax, TypeScript is composed of – Modules Functions Variables Statements and Expressions Comments To run the typescript page and convert to javascript, first locate the folder where your script file exists, then have to use tsc followed the filename, you […]
TypeScript supports various types of values like a number, string, etc and to store them there are a few numbers of variables also, In TypeScript here is 6 type of variable in typescript and they are as described below, Number: To declare a number type variable first use the keyword let or var then the […]
There ia a number of structure to define a variable in typescript and we are going to discuss upon that, var/let [variable name] : [type of the variable] = [value] In this case first have to write the keyword ver or let then the variable name and after that have to write the variable type […]
The operators are used for some operation like addition or substruction, TypeScript also have defined some operators like other programming languages, Here the addition or substruction symbol is the operator and the values to add or substruct are the operands. Let’s discuss the operators in details: Arithmetic Operator There are 7 types of the arithmetic […]
Like all other programming languages in TypeScript also there is a conditional decision-making system and they are mainly if case and switch case The if Case in TypeSaript: if a condition is satisfied then only it lets execute the code which is inside of the if case else executes from the code after the if […]
like all other object-oriented programming languages in TypeScript also loop is used when need to executes a particular block for a numbers of time There is mainly 3 types of loop and they are while loop do-while loop and for loop While Loop A while loop can be called an infinite loop also it can […]
Like javascript, in TypeScript also, the function is used to create some reusable block of code. That is if we need a block of code several times then we should define a function.
The number is also supported in typescript as, like javascript, the number object converts into a numeric latter to an instant of the class Number. The Number is a class that makes numeric literals an object. To declare a number first we have to write var or let keyword to make the typescript that the […]
A string is a collection of characters, that wraps the string primitive data type with a number of helper methods. We are going to discuss the method and helper of typescript below, String Object’s method There is 3 string object method available and they are: Constructor, Length, Prototype 1. Constructor: The constructor returns a reference […]
If you are a PHP programmer or any of the frameworks of PHP then apache 2, MySQL, PHP, and PHPMyAdmin are very common to use, and XAMPP gives a package of all the 4, So XAMPP became a very popular name among the PHP and PHP Framework programmers, Now Ubuntu is an open-source operating system […]
An array is a special type of variable which is used to store multiple data sequentially. In an array, the type of data stored must be the same. The limitation of variables can be solved by using an array. Variables are scaller in nature in that one variable contains only a single data at a […]
In the case of an array, we can not insert multiple file types as elements of the same array. So Type script introduced a tuple in which we can pass multiple data types like number string etc in the same tuple. The works of supply are the same as an array. To declare a tuple […]
In some cases, we can not determine whether the variable or an array will be in which type, and in that case, separated by a pipe we can make a multi-type variable or array.But using the union we can not assign a multi-type value at a time, for that we have to replace all the […]
The object is a set of variables or functions or array or scalar value, Which we can use as a normal or also can be able to pass through a function. to declare an object first we have to take a variable using the keyword var or let and then have to provide the variable […]
Like the other popular object-oriented programming languages interface is a collection of related properties, But the interface does not initialize the property or implemented the property. if we want to use a variable and if there are a lot of variables to pass through a function then we have to define all the types to […]
Like all other object-oriented programming languages, the TypeScript class is also the blueprint for creating objects with specific functions. A class encapsulated the data for its object. In javascript es5 have or earlier have not the concept of classes, The concept of classes is started on typescript es6. How to create a class in typescript: […]
The TypeScript Namespace is used to make the same group of code in an organized way, which can reduce the same type function from different files.In many programming languages like java, we can use some inbuilt namespace or can create a namespace and define some function there, and exporting the function from the namespace we […]
The typescript module is to manage the code in some groups in an organized way. There are 2 types of modules in typeScript and they are: Internal Module and External Module Internal Module: The internal module is if you want to keep the module and its uses in the same file then it can be […]
In TypeScript the Ambients or Declaration or Definition files are used, when needed to include some external javascript library but at that time of compilation we do not need to convert the file from typescript to javascript and typescript can not understand its syntax also as not its pre defined in typescript and now there […]
Welcome to the Angular tutorial, through the tutorial we are going to learn everything about the development of angular 2 and above. Introduction of the Angular Tutorial Initially, Google introduced angular.js and it is included as a library like other libraries there were some predefined classes and functions or methods, But when Google introduced Angular […]
To install angular you have to install node js in your system Install Node: to install Node you have to go to your browser and type the web address https://nodejs.org/en/ Now download the latest stable released version of the node and install by following the following steps given node itself during the installation. With the […]
To create an angular project, create a folder to store your application in any directory you want. After creating the folder open your command terminal and go into the folder. For that first select the drive by entering the drive name, then give the cd <your folder location> After entering the folder, type the command […]
Inside an angular project, there are a lot of files. Among them, we are going to discuss only a few files. So let’s discuss the file structure of an angular application A few file structures of an Angular Application As told we are going to learn about the file structure of the angular application one […]
As I have already mentioned previously that the component of angular contains the various types of view. So let’s discuss the angular component in detail. We will learn how to make a component and the basics of the component and also going to learn how to add a new component and how to use it. […]
To show Interpolation we are going to use the ‘Hellow World’ project we have created before with a component name test, in our previous angular tutorial. Or you can create a new project also for the interpolation. What is an interpolation: In one word it can be said that interpolation is used to make a […]
What is Property Binding? When we can assign an attribute value with a property is called a property binding, Like if we set a property myId with the value “testId” in the component class and if we wish to make the value of an attribute of HTML of the template then we have to enclose […]