Create Custom Dynamic Wordpress Theme Development Tutorial

Today, We want to share with you Create Custom Dynamic WordPress Theme Development Tutorial.
In this post we will show you how to create custom theme in wordpress step by step, hear for Create Custom Dynamic WordPress Theme Development Tutorial we will give you demo and example for implement.
In this post, we will learn about Create Custom WordPress Theme Web Design with Development with an example.

Building Custom WordPress Theme

Step : 1. A Blog Frontend

Before We start, let’s take a look at A WordPress default Custom WordPress Theme and see how it is structured. Take note of A elements (post header, and post title, wordpress website search form, all the menu navigation, last footer, etc.) For custom wordpress theme designer.

Step : 2. Photoshop Mockups

Based on A information gathered from A default Custom WordPress Theme, design a Photoshop mockup of wp website blog. and then We are using infinityknowledge (Thems Name), one of my free WordPress themes, as an example. Download A project.zip to see A Photoshop file.

Step : 3. HTML + CSS

After A wordpress HTML PSD design is done, Make a static HTML+CSS template of each page. You can use my infinityknowledge (Thems Name) HTML files in A project.zip to follow this Article. Extract A zip and take a look at A index.html, single.html, and page.html. Later in A Article, We shall use these HTML files and convert them into a Custom WordPress Theme.

Why Make a Static HTML File First?

Mainly because it shall make A development process a lot easier. We usually Make a HTML file such as a every template that We should, test it across all of The browsers, full validate both design HTML and CSS Interface markups, then all of The We have to do is cut source code & paste This code A WordPress code. By doing so, We do not have to worry about HTML or CSS bugs during my Custom WordPress Theme making process for wordpress themes for designers.

Step : 4. How WordPress Theme Works

If We and then A default Custom WordPress Theme directory (wp-content/themes/default), We should see many PHP files (called template file) and one style.css file. When We are viewing A front page, WordPress actually uses several template files to generate A page (index.php << sidebar.php,header.php, and footer.php).

READ : Woocommerce get price in custom loop

For more Information, check out webapplication Architecture and Template Hierarchy at Codex.

Step : 5. Duplicate A Template Files

Data source Copy A infinityknowledge (Thems Name) HTML directory into A wp-content/themes directory. Then, and then to A default Custom WordPress Theme directory, copy A comments.php and searchform.php file to A infinityknowledge (Thems Name) directory for wordpress theme designers.

Step : 6. Style.css

Go to A WordPress default Custom WordPress Theme directory, open A style.css file. Data source Copy A commented code at A top and paste This code it to A infinityknowledge (Thems Name) style.css file. Change A Custom WordPress Theme name and A author information as We desire.

Step : 7. Splitting A Files

After that We should to understand where to split A file into several files: Like as a header.php, sidebar.php, and footer.php. A image following shows a simplified version of my index file and how A markups should split.

Step : 8. Header.php

Open A index.html file. this source code Cut from A top to where A ends, paste This code it in a new PHP file, and save A file as header.php.

[php]
Go to A default Custom WordPress Theme directory, open A header.php. Data source Copy and interchange A tags where it requires PHP code (Template Tag): simple SEO Tags ,</p> <h2>, stylesheet, </p> <h1>, and p b , i and </p> <div class="description">.<br /> [/php]<br /> <figure id="attachment_128" aria-describedby="caption-attachment-128" style="width: 300px" class="wp-caption alignnone"><a href="https://infinityknow.com/wp-content/uploads/2018/06/8.gif"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20173'%3E%3C/svg%3E" alt="how to create dynamic content in wordpress" width="300" height="173" class="size-medium wp-image-128" data-lazy-srcset="https://infinityknow.com/wp-content/uploads/2018/06/8-300x173.gif 300w, https://infinityknow.com/wp-content/uploads/2018/06/8-200x115.gif 200w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" data-lazy-src="https://infinityknow.com/wp-content/uploads/2018/06/8-300x173.gif" /><noscript><img src="https://infinityknow.com/wp-content/uploads/2018/06/8-300x173.gif" alt="how to create dynamic content in wordpress" width="300" height="173" class="size-medium wp-image-128" srcset="https://infinityknow.com/wp-content/uploads/2018/06/8-300x173.gif 300w, https://infinityknow.com/wp-content/uploads/2018/06/8-200x115.gif 200w" sizes="(max-width: 300px) 100vw, 300px" /></noscript></a><figcaption id="caption-attachment-128" class="wp-caption-text">how to create dynamic content in wordpress</figcaption></figure></p> <h3>Step : Navigation Menu (wp_list_pages)</h3> <p>[php]<br /> Change A </p> <li> tags in A <ul id="nav"> toethor<br /> [/php]</p> <h3>Step : 9. Sidebar.php</h3> <p>[php]<br /> Back to A index.html file, cut source code from where A </p> <form id="searchform"> start to A closing tag of </p> <div id="sidebar"> and paste This code it in a new PHP file, save it as sidebar.php.</p> <p>Change A </p> <form id="searchform"> wrap toethor .</p> <div class='code-block code-block-1' style='margin: 8px auto; text-align: center; display: block; clear: both;'> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-1944225715659599" data-ad-slot="9041170678"></ins> <script type="rocketlazyloadscript"> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <p>Change A category </p> <li> tags toethor <p>Change A archive </p> <li> tags toethor<br /> [/php]<br /> <figure id="attachment_129" aria-describedby="caption-attachment-129" style="width: 300px" class="wp-caption alignnone"><a href="https://infinityknow.com/wp-content/uploads/2018/06/9.gif"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20115'%3E%3C/svg%3E" alt="how to create a website with wordpress" width="300" height="115" class="size-medium wp-image-129" data-lazy-srcset="https://infinityknow.com/wp-content/uploads/2018/06/9-300x115.gif 300w, https://infinityknow.com/wp-content/uploads/2018/06/9-200x77.gif 200w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" data-lazy-src="https://infinityknow.com/wp-content/uploads/2018/06/9-300x115.gif" /><noscript><img src="https://infinityknow.com/wp-content/uploads/2018/06/9-300x115.gif" alt="how to create a website with wordpress" width="300" height="115" class="size-medium wp-image-129" srcset="https://infinityknow.com/wp-content/uploads/2018/06/9-300x115.gif 300w, https://infinityknow.com/wp-content/uploads/2018/06/9-200x77.gif 200w" sizes="(max-width: 300px) 100vw, 300px" /></noscript></a><figcaption id="caption-attachment-129" class="wp-caption-text">how to create a website with wordpress</figcaption></figure></p> <h3>Step : 10. Footer.php</h3> <p>[php]<br /> Back to A index.html file, cut source code from A </p> <div id="footer"> tag to A end of and paste This code it in a new PHP file, save it as footer.php.<br /> [/php]<br /> <figure id="attachment_130" aria-describedby="caption-attachment-130" style="width: 300px" class="wp-caption alignnone"><a href="https://infinityknow.com/wp-content/uploads/2018/06/10.gif"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20282'%3E%3C/svg%3E" alt="how to create dynamic web pages in wordpress" width="300" height="282" class="size-medium wp-image-130" data-lazy-srcset="https://infinityknow.com/wp-content/uploads/2018/06/10-300x282.gif 300w, https://infinityknow.com/wp-content/uploads/2018/06/10-200x188.gif 200w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" data-lazy-src="https://infinityknow.com/wp-content/uploads/2018/06/10-300x282.gif" /><noscript><img src="https://infinityknow.com/wp-content/uploads/2018/06/10-300x282.gif" alt="how to create dynamic web pages in wordpress" width="300" height="282" class="size-medium wp-image-130" srcset="https://infinityknow.com/wp-content/uploads/2018/06/10-300x282.gif 300w, https://infinityknow.com/wp-content/uploads/2018/06/10-200x188.gif 200w" sizes="(max-width: 300px) 100vw, 300px" /></noscript></a><figcaption id="caption-attachment-130" class="wp-caption-text">how to create dynamic web pages in wordpress</figcaption></figure></p> <h3>Step : 11. Index.php</h3> <p>[php]<br /> After that in wp website index.html file, We should only have A </p> <div id="content"> wrap. Save A file as index.php. Insert A line:get_header, get_sidebar, and get_footer in A same order as wp website layout structure.<br /> [/php]<br /> <figure id="attachment_131" aria-describedby="caption-attachment-131" style="width: 300px" class="wp-caption alignnone"><a href="https://infinityknow.com/wp-content/uploads/2018/06/11.gif"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20155'%3E%3C/svg%3E" alt="custom wordpress theme designer" width="300" height="155" class="size-medium wp-image-131" data-lazy-srcset="https://infinityknow.com/wp-content/uploads/2018/06/11-300x155.gif 300w, https://infinityknow.com/wp-content/uploads/2018/06/11-200x103.gif 200w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" data-lazy-src="https://infinityknow.com/wp-content/uploads/2018/06/11-300x155.gif" /><noscript><img src="https://infinityknow.com/wp-content/uploads/2018/06/11-300x155.gif" alt="custom wordpress theme designer" width="300" height="155" class="size-medium wp-image-131" srcset="https://infinityknow.com/wp-content/uploads/2018/06/11-300x155.gif 300w, https://infinityknow.com/wp-content/uploads/2018/06/11-200x103.gif 200w" sizes="(max-width: 300px) 100vw, 300px" /></noscript></a><figcaption id="caption-attachment-131" class="wp-caption-text">custom wordpress theme designer</figcaption></figure></p> <h3>Step : 12. Understanding A PHP Loop</h3> <p>A image following illustrates how A PHP Loop works. A PHP Loop is used to show blog posts as well as it also lets We control what to show. Basically, A PHP Loop checks if That are posts in wp website blog, while That are posts, show it, if no post found, say <b>“Not Found”</b> for wordpress theme designers.</p> <figure id="attachment_132" aria-describedby="caption-attachment-132" style="width: 300px" class="wp-caption alignnone"><a href="https://infinityknow.com/wp-content/uploads/2018/06/12.gif"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20184'%3E%3C/svg%3E" alt="custom wordpress theme designer" width="300" height="184" class="size-medium wp-image-132" data-lazy-srcset="https://infinityknow.com/wp-content/uploads/2018/06/12-300x184.gif 300w, https://infinityknow.com/wp-content/uploads/2018/06/12-200x123.gif 200w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" data-lazy-src="https://infinityknow.com/wp-content/uploads/2018/06/12-300x184.gif" /><noscript><img src="https://infinityknow.com/wp-content/uploads/2018/06/12-300x184.gif" alt="custom wordpress theme designer" width="300" height="184" class="size-medium wp-image-132" srcset="https://infinityknow.com/wp-content/uploads/2018/06/12-300x184.gif 300w, https://infinityknow.com/wp-content/uploads/2018/06/12-200x123.gif 200w" sizes="(max-width: 300px) 100vw, 300px" /></noscript></a><figcaption id="caption-attachment-132" class="wp-caption-text">custom wordpress theme designer</figcaption></figure> <h3>Step : 13. Data source Copy A PHP Loop</h3> <p>[php]<br /> Go to A default Custom WordPress Theme directory, open A <b>index.php</b> file. Data source Copy A PHP Loop from A default <b>index.php</b> and paste This code it in between A </p> <div id="content">..</div> <p>. Then, interchange A static text toethor A WordPress Template Tags: custom post date, custom title, post category, comments, pagination Like as a next and previous link.<br /> [/php]<br /> <figure id="attachment_133" aria-describedby="caption-attachment-133" style="width: 300px" class="wp-caption alignnone"><a href="https://infinityknow.com/wp-content/uploads/2018/06/13.gif"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20132'%3E%3C/svg%3E" alt="wordpress themes for designers" width="300" height="132" class="size-medium wp-image-133" data-lazy-srcset="https://infinityknow.com/wp-content/uploads/2018/06/13-300x132.gif 300w, https://infinityknow.com/wp-content/uploads/2018/06/13-200x88.gif 200w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" data-lazy-src="https://infinityknow.com/wp-content/uploads/2018/06/13-300x132.gif" /><noscript><img src="https://infinityknow.com/wp-content/uploads/2018/06/13-300x132.gif" alt="wordpress themes for designers" width="300" height="132" class="size-medium wp-image-133" srcset="https://infinityknow.com/wp-content/uploads/2018/06/13-300x132.gif 300w, https://infinityknow.com/wp-content/uploads/2018/06/13-200x88.gif 200w" sizes="(max-width: 300px) 100vw, 300px" /></noscript></a><figcaption id="caption-attachment-133" class="wp-caption-text">wordpress themes for designers</figcaption></figure></p> <h3>Step : 14. Preview A Theme</h3> <p>good Luck! We have done A front page (A main part of A Custom WordPress Theme). After that, login to wp website admin panel, and then to A Design tab, We should see A infinityknowledge (Thems Name) Custom WordPress Theme, activate it and and then to A front page to preview A Custom WordPress Theme.</p> <h3>Step : 15. Single.php</h3> <p>After that, it is time to do A <b>single.php</b> template. If We want, We can and then through A same process — cut source code & paste This code from A default Custom WordPress Theme. But, We find it easier to use A <b>index.php</b> that We absolutely created and save it as <b>single.php</b>. Open A default Custom WordPress Theme <b>single.php</b> file and copy A Template Tags over. Then include A comments_template. A image following highlights what I’ve changed:</p> <figure id="attachment_134" aria-describedby="caption-attachment-134" style="width: 273px" class="wp-caption alignnone"><a href="https://infinityknow.com/wp-content/uploads/2018/06/15.gif"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20273%20300'%3E%3C/svg%3E" alt="wordpress theme designers" width="273" height="300" class="size-medium wp-image-134" data-lazy-srcset="https://infinityknow.com/wp-content/uploads/2018/06/15-273x300.gif 273w, https://infinityknow.com/wp-content/uploads/2018/06/15-200x220.gif 200w" data-lazy-sizes="(max-width: 273px) 100vw, 273px" data-lazy-src="https://infinityknow.com/wp-content/uploads/2018/06/15-273x300.gif" /><noscript><img src="https://infinityknow.com/wp-content/uploads/2018/06/15-273x300.gif" alt="wordpress theme designers" width="273" height="300" class="size-medium wp-image-134" srcset="https://infinityknow.com/wp-content/uploads/2018/06/15-273x300.gif 273w, https://infinityknow.com/wp-content/uploads/2018/06/15-200x220.gif 200w" sizes="(max-width: 273px) 100vw, 273px" /></noscript></a><figcaption id="caption-attachment-134" class="wp-caption-text">wordpress theme designers</figcaption></figure> <h3>Step : 16. Page.php</h3> <p>Togethor A main page <b> single.php</b> HTML template We absolutely created, as well as save it as Like name as <b>page.php</b>. Remove A simple comment form, post date, pagination Like as a next/previous link… and That is some it.. so That goes wp website root page Like as a <b>page.php </b> wordpress template.</p> <h3>Step : 17. Remove A HTML Files</h3> <p>Remove all of The A HTML some files in A infinityknowledge (Thems Name) directory (we do not should them anymore). Technically, that is enough such as a a basic WordPress Custom WordPress Theme. You may notice That are more PHP files in A default Custom WordPress Theme. Well, We do not truly should those files if We absolutely want a basic Custom WordPress Theme. For example, if A <b>search.php or 404.php</b> is not present in A Custom WordPress Theme directory, WordPress shall automatically use A index.php to render A page. Read A Template Hierarchy such as a more Information.</p> <h3>Step : 18. WordPress Page Template</h3> <p>Ok, final example. We shall show We how to use Page Template to Make an archive page that shall list all of The posts on wp website blog (good such as a seo ti indexing sitemap). Data source Copy A archives.php file from A default Custom WordPress Theme directory. Remove A unwanted source code as well as We should have something like this:</p> <figure id="attachment_135" aria-describedby="caption-attachment-135" style="width: 293px" class="wp-caption alignnone"><a href="https://infinityknow.com/wp-content/uploads/2018/06/18_0.gif"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20293%20210'%3E%3C/svg%3E" alt="how to create custom theme in wordpress step by step" width="293" height="210" class="size-full wp-image-135" data-lazy-src="https://infinityknow.com/wp-content/uploads/2018/06/18_0.gif" /><noscript><img src="https://infinityknow.com/wp-content/uploads/2018/06/18_0.gif" alt="how to create custom theme in wordpress step by step" width="293" height="210" class="size-full wp-image-135" /></noscript></a><figcaption id="caption-attachment-135" class="wp-caption-text">how to create custom theme in wordpress step by step</figcaption></figure> <p>and then We are using A query_post (showposts=-1 stands show all of The posts) to show a list of all of The posts.</p> <figure id="attachment_136" aria-describedby="caption-attachment-136" style="width: 300px" class="wp-caption alignnone"><a href="https://infinityknow.com/wp-content/uploads/2018/06/18_1.gif"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20195'%3E%3C/svg%3E" alt="custom wordpress theme designer" width="300" height="195" class="size-medium wp-image-136" data-lazy-srcset="https://infinityknow.com/wp-content/uploads/2018/06/18_1-300x195.gif 300w, https://infinityknow.com/wp-content/uploads/2018/06/18_1-200x130.gif 200w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" data-lazy-src="https://infinityknow.com/wp-content/uploads/2018/06/18_1-300x195.gif" /><noscript><img src="https://infinityknow.com/wp-content/uploads/2018/06/18_1-300x195.gif" alt="custom wordpress theme designer" width="300" height="195" class="size-medium wp-image-136" srcset="https://infinityknow.com/wp-content/uploads/2018/06/18_1-300x195.gif 300w, https://infinityknow.com/wp-content/uploads/2018/06/18_1-200x130.gif 200w" sizes="(max-width: 300px) 100vw, 300px" /></noscript></a><figcaption id="caption-attachment-136" class="wp-caption-text">custom wordpress theme designer</figcaption></figure> <p>After that, login to wp website admin panel, write a create new page, title it wp Archives. On A HTML Page Template select dropdown, select wp Archives.</p> <figure id="attachment_137" aria-describedby="caption-attachment-137" style="width: 300px" class="wp-caption alignnone"><a href="https://infinityknow.com/wp-content/uploads/2018/06/18_2.gif"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20300%20285'%3E%3C/svg%3E" alt="wordpress themes for designers" width="300" height="285" class="size-medium wp-image-137" data-lazy-srcset="https://infinityknow.com/wp-content/uploads/2018/06/18_2-300x285.gif 300w, https://infinityknow.com/wp-content/uploads/2018/06/18_2-200x190.gif 200w" data-lazy-sizes="(max-width: 300px) 100vw, 300px" data-lazy-src="https://infinityknow.com/wp-content/uploads/2018/06/18_2-300x285.gif" /><noscript><img src="https://infinityknow.com/wp-content/uploads/2018/06/18_2-300x285.gif" alt="wordpress themes for designers" width="300" height="285" class="size-medium wp-image-137" srcset="https://infinityknow.com/wp-content/uploads/2018/06/18_2-300x285.gif 300w, https://infinityknow.com/wp-content/uploads/2018/06/18_2-200x190.gif 200w" sizes="(max-width: 300px) 100vw, 300px" /></noscript></a><figcaption id="caption-attachment-137" class="wp-caption-text">wordpress themes for designers</figcaption></figure> <p>We hope you get an idea about <b>how to create a wordpress theme from scratch</b><br /> We would like to have feedback on my <a href="https://infinityknow.com/" target="_blank"> Information blog </a>.<br /> Your valuable any feedback, Good question, Inspirational Quotes, or Motivational comments about this article are always welcome.<br /> If you liked this post, Please don’t forget to share this as Well as Like FaceBook Page.</p> <p><b>We hope This Post can help you…….Good Luck!.</b></p> <div class='yarpp yarpp-related yarpp-related-website yarpp-template-list'>  <h3>Related posts:</h3><ol> <li><a href="https://infinityknow.com/create-custom-helper-class-in-laravel/" rel="bookmark" title="create Custom Helper Class in Laravel">create Custom Helper Class in Laravel </a></li> <li><a href="https://infinityknow.com/vue-js-dynamic-component-and-template-loading/" rel="bookmark" title="Vue JS Dynamic component and template loading">Vue JS Dynamic component and template loading </a></li> <li><a href="https://infinityknow.com/custom-ng-template-directive-using-angularjs-examples/" rel="bookmark" title="custom ng-template Directive using AngularJS Examples">custom ng-template Directive using AngularJS Examples </a></li> <li><a href="https://infinityknow.com/vuejs-simple-navigation-menu-vue-router-link-params/" rel="bookmark" title="Vuejs Simple Navigation Menu vue router-link params">Vuejs Simple Navigation Menu vue router-link params </a></li> </ol> </div> <div class='code-block code-block-5' style='margin: 8px 0; clear: both;'> <script type="rocketlazyloadscript" async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-1944225715659599" data-ad-slot="7479448669"></ins> <script type="rocketlazyloadscript"> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div>  </div> </div> <span class="cat-links"> <svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0.0 0 1879.0 2048" xmlns="http://www.w3.org/2000/svg"><path d="M1879,1080c0,20.667-10.333,42.667-31,66l-336,396c-28.667,34-68.833,62.833-120.5,86.5S1292,1664,1248,1664H160 c-22.667,0-42.833-4.333-60.5-13S73,1628,73,1608c0-20.667,10.333-42.667,31-66l336-396c28.667-34,68.833-62.833,120.5-86.5 S660,1024,704,1024h1088c22.667,0,42.833,4.333,60.5,13S1879,1060,1879,1080z M1536,736v160H704c-62.667,0-128.333,15.833-197,47.5 S383.667,1015,343,1063L6,1459l-5,6c0-2.667-0.167-6.833-0.5-12.5S0,1442.667,0,1440V480c0-61.333,22-114,66-158s96.667-66,158-66 h320c61.333,0,114,22,158,66s66,96.667,66,158v32h544c61.333,0,114,22,158,66S1536,674.667,1536,736z" /></svg><a href="https://infinityknow.com/technology/" rel="category tag">Technology</a>, <a href="https://infinityknow.com/articles/" rel="category tag">Articles</a>, <a href="https://infinityknow.com/education/degree/" rel="category tag">Degree</a>, <a href="https://infinityknow.com/education/" rel="category tag">Education</a>, <a href="https://infinityknow.com/technology/php/" rel="category tag">PHP</a> </span> <span class="tag-links hide-clip"> <svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M384 448q0-53-37.5-90.5t-90.5-37.5-90.5 37.5-37.5 90.5 37.5 90.5 90.5 37.5 90.5-37.5 37.5-90.5zm1067 576q0 53-37 90l-491 492q-39 37-91 37-53 0-90-37l-715-716q-38-37-64.5-101t-26.5-117v-416q0-52 38-90t90-38h416q53 0 117 26.5t102 64.5l715 714q37 39 37 91zm384 0q0 53-37 90l-491 492q-39 37-91 37-36 0-59-14t-53-45l470-470q37-37 37-90 0-52-37-91l-715-714q-38-38-102-64.5t-117-26.5h224q53 0 117 26.5t102 64.5l715 714q37 39 37 91z"></path></svg><span class="screen-reader-text">Tags:</span><a href="https://infinityknow.com/tag/create-custom-wordpress-theme-web-design-with-development/" rel="tag">Create Custom Wordpress Theme Web Design with Development</a>, <a href="https://infinityknow.com/tag/create-responsive-wordpress-theme-from-scratch/" rel="tag">create responsive wordpress theme from scratch</a>, <a href="https://infinityknow.com/tag/create-wordpress-theme/" rel="tag">create wordpress theme</a>, <a href="https://infinityknow.com/tag/how-to-create-a-website-with-wordpress-pdf/" rel="tag">how to create a website with wordpress pdf</a>, <a href="https://infinityknow.com/tag/how-to-create-a-wordpress-theme-from-scratch/" rel="tag">how to create a wordpress theme from scratch</a>, <a href="https://infinityknow.com/tag/how-to-create-custom-theme-in-wordpress-step-by-step/" rel="tag">how to create custom theme in wordpress step by step</a>, <a href="https://infinityknow.com/tag/how-to-create-dynamic-content-in-wordpress/" rel="tag">how to create dynamic content in wordpress</a>, <a href="https://infinityknow.com/tag/how-to-create-dynamic-web-pages-in-wordpress/" rel="tag">how to create dynamic web pages in wordpress</a>, <a href="https://infinityknow.com/tag/how-to-make-dynamic-page-in-wordpress/" rel="tag">how to make dynamic page in wordpress</a>, <a href="https://infinityknow.com/tag/wordpress-dynamic-content-from-database/" rel="tag">wordpress dynamic content from database</a>, <a href="https://infinityknow.com/tag/wordpress-dynamic-page-content/" rel="tag">wordpress dynamic page content</a>, <a href="https://infinityknow.com/tag/wordpress-page-template/" rel="tag">wordpress page template</a>, <a href="https://infinityknow.com/tag/wordpress-page-template-plugin/" rel="tag">wordpress page template plugin</a>, <a href="https://infinityknow.com/tag/wordpress-theme-development/" rel="tag">wordpress theme development</a>, <a href="https://infinityknow.com/tag/wordpress-theme-development-tutorial-for-beginners/" rel="tag">wordpress theme development tutorial for beginners</a>, <a href="https://infinityknow.com/tag/wordpress-theme-template/" rel="tag">wordpress theme template</a>, <a href="https://infinityknow.com/tag/wordpress-without-theme/" rel="tag">wordpress without theme</a> </span> </article> <nav class="navigation post-navigation" aria-label="Posts"> <h2 class="screen-reader-text">Post navigation</h2> <div class="nav-links"><div class="nav-previous"><a href="https://infinityknow.com/vuejs-ui-grid-component-sorting-filtering-paging-grouping/" rel="prev"><span class="nav-title"><span class="screen-reader-text">Previous Post:</span> Vuejs UI Grid Component Sorting Filtering Paging Grouping</span></a></div><div class="nav-next"><a href="https://infinityknow.com/vuejs-dynemically-slider-vuejs-image-slider-component-example-vuejs-carousel-slider-components/" rel="next"><span class="nav-title"><span class="screen-reader-text">Next Post:</span> Vuejs dynemically slider – Vuejs image slider component example – Vuejs Carousel Slider Components</span></a></div></div> </nav> <div class="pb-related-posts"> <h2 class="pb-related-posts-title">Related Posts</h2> <div class="glide carousel-posts carousel-related-posts"> <div class="glide__track" data-glide-el="track"> <ul class="glide__slides"> <li class="glide__slide carousel-post-only-title"> <div class="carousel-post-title-wrap"> <a href="https://infinityknow.com/how-to-check-request-is-ajax-or-not-in-laravel-6/" class="carousel-post-title-link">How to check request is ajax or not in Laravel 6?</a> <a class="carousel-post-taxonomy-link" href="https://infinityknow.com/technology/">Technology</a> </div> </li> <li class="glide__slide"> <div class="carousel-post-image-wrap"> <a href="https://infinityknow.com/codeigniter-config/" class="carousel-post-image-link"> <img width="702" height="336" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20702%20336'%3E%3C/svg%3E" class="carousel-post-image wp-post-image" alt="Codeigniter config set and get variable" loading="lazy" data-lazy-srcset="https://infinityknow.com/wp-content/uploads/2018/08/Codeigniter-config-set-and-get-variable.jpg 702w, https://infinityknow.com/wp-content/uploads/2018/08/Codeigniter-config-set-and-get-variable-300x144.jpg 300w" data-lazy-sizes="(max-width: 702px) 100vw, 702px" data-lazy-src="https://infinityknow.com/wp-content/uploads/2018/08/Codeigniter-config-set-and-get-variable.jpg" /><noscript><img width="702" height="336" src="https://infinityknow.com/wp-content/uploads/2018/08/Codeigniter-config-set-and-get-variable.jpg" class="carousel-post-image wp-post-image" alt="Codeigniter config set and get variable" loading="lazy" srcset="https://infinityknow.com/wp-content/uploads/2018/08/Codeigniter-config-set-and-get-variable.jpg 702w, https://infinityknow.com/wp-content/uploads/2018/08/Codeigniter-config-set-and-get-variable-300x144.jpg 300w" sizes="(max-width: 702px) 100vw, 702px" /></noscript> </a> </div> <div class="carousel-post-title-wrap"> <a href="https://infinityknow.com/codeigniter-config/" class="carousel-post-title-link">Codeigniter config set and get variable</a> <a class="carousel-post-taxonomy-link" href="https://infinityknow.com/technology/">Technology</a> </div> </li> <li class="glide__slide carousel-post-only-title"> <div class="carousel-post-title-wrap"> <a href="https://infinityknow.com/happy-janmashtami-images-2022/" class="carousel-post-title-link">happy janmashtami images – 2022</a> <a class="carousel-post-taxonomy-link" href="https://infinityknow.com/articles/">Articles</a> </div> </li> <li class="glide__slide carousel-post-only-title"> <div class="carousel-post-title-wrap"> <a href="https://infinityknow.com/how-to-get-last-record-of-table-in-laravel-6/" class="carousel-post-title-link">How to get last record of table in Laravel 6?</a> <a class="carousel-post-taxonomy-link" href="https://infinityknow.com/technology/">Technology</a> </div> </li> <li class="glide__slide"> <div class="carousel-post-image-wrap"> <a href="https://infinityknow.com/laravel-delete-queued-jobs/" class="carousel-post-image-link"> <img width="471" height="341" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20471%20341'%3E%3C/svg%3E" class="carousel-post-image wp-post-image" alt="Laravel delete queued jobs" loading="lazy" data-lazy-srcset="https://infinityknow.com/wp-content/uploads/2019/07/Laravel-delete-queued-jobs.png 471w, https://infinityknow.com/wp-content/uploads/2019/07/Laravel-delete-queued-jobs-300x217.png 300w" data-lazy-sizes="(max-width: 471px) 100vw, 471px" data-lazy-src="https://infinityknow.com/wp-content/uploads/2019/07/Laravel-delete-queued-jobs.png" /><noscript><img width="471" height="341" src="https://infinityknow.com/wp-content/uploads/2019/07/Laravel-delete-queued-jobs.png" class="carousel-post-image wp-post-image" alt="Laravel delete queued jobs" loading="lazy" srcset="https://infinityknow.com/wp-content/uploads/2019/07/Laravel-delete-queued-jobs.png 471w, https://infinityknow.com/wp-content/uploads/2019/07/Laravel-delete-queued-jobs-300x217.png 300w" sizes="(max-width: 471px) 100vw, 471px" /></noscript> </a> </div> <div class="carousel-post-title-wrap"> <a href="https://infinityknow.com/laravel-delete-queued-jobs/" class="carousel-post-title-link">Laravel delete queued jobs</a> <a class="carousel-post-taxonomy-link" href="https://infinityknow.com/technology/">Technology</a> </div> </li> <li class="glide__slide carousel-post-only-title"> <div class="carousel-post-title-wrap"> <a href="https://infinityknow.com/c-hashset-tutorial-with-examples/" class="carousel-post-title-link">C# HashSet Tutorial with Examples</a> <a class="carousel-post-taxonomy-link" href="https://infinityknow.com/technology/">Technology</a> </div> </li> </ul> </div> <div class="glide__arrows" data-glide-el="controls"> <button class="glide__arrow glide__arrow--left" data-glide-dir="<"> <span class="screen-reader-text">prev</span> <svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="53.0 0 1558.0 2048" xmlns="http://www.w3.org/2000/svg"><path d="M1611,832c0,35.333-12.333,65.333-37,90l-651,651c-25.333,25.333-55.667,38-91,38c-36,0-66-12.667-90-38L91,922 c-25.333-24-38-54-38-90c0-35.333,12.667-65.667,38-91l74-75c26-24.667,56.333-37,91-37c35.333,0,65.333,12.333,90,37l486,486 l486-486c24.667-24.667,54.667-37,90-37c34.667,0,65,12.333,91,37l75,75C1598.667,767,1611,797.333,1611,832z" /></svg> </button> <button class="glide__arrow glide__arrow--right" data-glide-dir=">"> <span class="screen-reader-text">next</span> <svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="53.0 0 1558.0 2048" xmlns="http://www.w3.org/2000/svg"><path d="M1611,832c0,35.333-12.333,65.333-37,90l-651,651c-25.333,25.333-55.667,38-91,38c-36,0-66-12.667-90-38L91,922 c-25.333-24-38-54-38-90c0-35.333,12.667-65.667,38-91l74-75c26-24.667,56.333-37,91-37c35.333,0,65.333,12.333,90,37l486,486 l486-486c24.667-24.667,54.667-37,90-37c34.667,0,65,12.333,91,37l75,75C1598.667,767,1611,797.333,1611,832z" /></svg> </button> </div> </div> </div> <div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/create-custom-dynamic-wordpress-theme-development-tutorial/#respond" style="display:none;">Cancel reply</a></small></h3><form action="https://infinityknow.com/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Your email address will not be published.</span> <span class="required-field-message" aria-hidden="true">Required fields are marked <span class="required" aria-hidden="true">*</span></span></p><p class="comment-form-comment"><label for="comment">Comment <span class="required" aria-hidden="true">*</span></label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required></textarea></p><p class="comment-form-author"><label for="author">Name <span class="required" aria-hidden="true">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" required /></p> <p class="comment-form-email"><label for="email">Email <span class="required" aria-hidden="true">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" required /></p> <p class="comment-form-url"><label for="url">Website</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" /></p> <p class="comment-form-cookies-consent"><input id="wp-comment-cookies-consent" name="wp-comment-cookies-consent" type="checkbox" value="yes" /> <label for="wp-comment-cookies-consent">Save my name, email, and website in this browser for the next time I comment.</label></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Post Comment" /> <input type='hidden' name='comment_post_ID' value='119' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div> </div> </main> <aside id="secondary-left" class="widget-area c-sidebar c-sidebar-left"> <section id="search-3" class="widget widget_search"><form role="search" method="get" class="search-form" action="https://infinityknow.com/"> <label> <span class="screen-reader-text">Search for:</span> <input type="search" class="search-field" placeholder="Search …" value="" name="s" /> </label> <input type="submit" class="search-submit" value="Search" /> </form></section><section id="custom_html-18" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><script type="rocketlazyloadscript" async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1944225715659599" data-ad-slot="1996366350" data-ad-format="auto"></ins> <script type="rocketlazyloadscript"> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div></section><section id="categories-1" class="widget widget_categories"><h3 class="widget-title">Categories</h3><nav aria-label="Categories"> <ul> <li class="cat-item cat-item-3115"><a href="https://infinityknow.com/web-hosting/account-web-hosting/" title="Account web hosting">Account web hosting</a> (1) </li> <li class="cat-item cat-item-469"><a href="https://infinityknow.com/technology/angularjs/">AngularJs</a> (277) </li> <li class="cat-item cat-item-4"><a href="https://infinityknow.com/articles/">Articles</a> (143) </li> <li class="cat-item cat-item-3232"><a href="https://infinityknow.com/technology/asp-net/">Asp.Net</a> (49) </li> <li class="cat-item cat-item-5999"><a href="https://infinityknow.com/astrology/">Astrology</a> (2) </li> <li class="cat-item cat-item-8"><a href="https://infinityknow.com/articles/attorney/">Attorney</a> (7) </li> <li class="cat-item cat-item-11"><a href="https://infinityknow.com/insurance/auto-car-insurance/">Auto Car Insurance</a> (4) </li> <li class="cat-item cat-item-5997"><a href="https://infinityknow.com/biography/">Biography</a> (2) </li> <li class="cat-item cat-item-5974"><a href="https://infinityknow.com/business/">Business</a> (9) </li> <li class="cat-item cat-item-12"><a href="https://infinityknow.com/insurance/business-insurance/">Business Insurance</a> (3) </li> <li class="cat-item cat-item-151"><a href="https://infinityknow.com/articles/california/">California</a> (4) </li> <li class="cat-item cat-item-3121"><a href="https://infinityknow.com/web-hosting/choose-the-web-hosting/" title="Choose the web hosting">Choose the web hosting</a> (1) </li> <li class="cat-item cat-item-5987"><a href="https://infinityknow.com/clothing/">Clothing</a> (6) </li> <li class="cat-item cat-item-2933"><a href="https://infinityknow.com/articles/cloud/" title="what is cloud technology,cloud google,cloud wiki,cloud computing services,what is cloud computing with example,cloud computing wiki,what is cloud computing in simple terms,what is cloud storage">cloud</a> (8) </li> <li class="cat-item cat-item-3086"><a href="https://infinityknow.com/articles/cloud/cloud-data-storage/" title="Cloud data storage">Cloud data storage</a> (2) </li> <li class="cat-item cat-item-7"><a href="https://infinityknow.com/articles/credit/">Credit</a> (1) </li> <li class="cat-item cat-item-3132"><a href="https://infinityknow.com/web-hosting/dedicated-hosting-server-web/" title="Dedicated hosting server web">Dedicated hosting server web</a> (1) </li> <li class="cat-item cat-item-3131"><a href="https://infinityknow.com/web-hosting/dedicated-server-web-hosting/" title="Dedicated server web hosting">Dedicated server web hosting</a> (1) </li> <li class="cat-item cat-item-3133"><a href="https://infinityknow.com/web-hosting/dedicated-web-hosting/" title="Dedicated web hosting">Dedicated web hosting</a> (1) </li> <li class="cat-item cat-item-53"><a href="https://infinityknow.com/education/degree/">Degree</a> (11) </li> <li class="cat-item cat-item-5972"><a href="https://infinityknow.com/articles/design/">Design</a> (9) </li> <li class="cat-item cat-item-3124"><a href="https://infinityknow.com/web-hosting/differences-shared-hosting/" title="Differences shared hosting">Differences shared hosting</a> (1) </li> <li class="cat-item cat-item-152"><a href="https://infinityknow.com/articles/donate/">Donate</a> (2) </li> <li class="cat-item cat-item-52"><a href="https://infinityknow.com/education/">Education</a> (37) </li> <li class="cat-item cat-item-3119"><a href="https://infinityknow.com/web-hosting/energy-web-hosting/" title="Energy web hosting">Energy web hosting</a> (1) </li> <li class="cat-item cat-item-344"><a href="https://infinityknow.com/entertainment/">Entertainment</a> (6) </li> <li class="cat-item cat-item-5995"><a href="https://infinityknow.com/facts/">Facts</a> (12) </li> <li class="cat-item cat-item-5979"><a href="https://infinityknow.com/fashion/">Fashion</a> (3) </li> <li class="cat-item cat-item-9"><a href="https://infinityknow.com/articles/finance/">Finance</a> (3) </li> <li class="cat-item cat-item-5978"><a href="https://infinityknow.com/food/">Food</a> (5) </li> <li class="cat-item cat-item-6000"><a href="https://infinityknow.com/full-form/">full form</a> (90) </li> <li class="cat-item cat-item-1284"><a href="https://infinityknow.com/google-adsense/">Google Adsense</a> (22) </li> <li class="cat-item cat-item-5970"><a href="https://infinityknow.com/health/">Health</a> (20) </li> <li class="cat-item cat-item-5989"><a href="https://infinityknow.com/home-improvement/">Home Improvement</a> (5) </li> <li class="cat-item cat-item-10"><a href="https://infinityknow.com/insurance/">Insurance</a> (6) </li> <li class="cat-item cat-item-697"><a href="https://infinityknow.com/education/interview/">Interview</a> (2) </li> <li class="cat-item cat-item-347"><a href="https://infinityknow.com/jobs/">Jobs</a> (6) </li> <li class="cat-item cat-item-4233"><a href="https://infinityknow.com/technology/jquery/">jquery</a> (2) </li> <li class="cat-item cat-item-4300"><a href="https://infinityknow.com/jquery-2/">jQuery</a> (2) </li> <li class="cat-item cat-item-656"><a href="https://infinityknow.com/technology/laravel/">Laravel</a> (164) </li> <li class="cat-item cat-item-243"><a href="https://infinityknow.com/articles/lawyer/">Lawyer</a> (4) </li> <li class="cat-item cat-item-5983"><a href="https://infinityknow.com/lifestyle/">Lifestyle</a> (6) </li> <li class="cat-item cat-item-6"><a href="https://infinityknow.com/articles/loans/">Loans</a> (6) </li> <li class="cat-item cat-item-13"><a href="https://infinityknow.com/make-money/">Make Money</a> (31) </li> <li class="cat-item cat-item-3099"><a href="https://infinityknow.com/articles/cloud/managed-dedicated-server/" title="Managed dedicated server">Managed dedicated server</a> (1) </li> <li class="cat-item cat-item-3118"><a href="https://infinityknow.com/web-hosting/managed-hosting-solution/" title="Managed hosting solution">Managed hosting solution</a> (1) </li> <li class="cat-item cat-item-3095"><a href="https://infinityknow.com/articles/cloud/managed-servers/" title="Managed servers">Managed servers</a> (1) </li> <li class="cat-item cat-item-5973"><a href="https://infinityknow.com/marketing/">Marketing</a> (8) </li> <li class="cat-item cat-item-5"><a href="https://infinityknow.com/articles/mortgage/">Mortgage</a> (2) </li> <li class="cat-item cat-item-5988"><a href="https://infinityknow.com/movies/">Movies</a> (21) </li> <li class="cat-item cat-item-806"><a href="https://infinityknow.com/technology/mysql/">MySQL</a> (180) </li> <li class="cat-item cat-item-346"><a href="https://infinityknow.com/news/" title="News">News</a> (5) </li> <li class="cat-item cat-item-5977"><a href="https://infinityknow.com/photography/">Photography</a> (1) </li> <li class="cat-item cat-item-191"><a href="https://infinityknow.com/technology/php/">PHP</a> (250) </li> <li class="cat-item cat-item-4740"><a href="https://infinityknow.com/programming/">Programming</a> (18) </li> <li class="cat-item cat-item-5994"><a href="https://infinityknow.com/quotes/">Quotes</a> (75) </li> <li class="cat-item cat-item-5982"><a href="https://infinityknow.com/real-estate/">Real Estate</a> (2) </li> <li class="cat-item cat-item-210"><a href="https://infinityknow.com/seo/">SEO</a> (9) </li> <li class="cat-item cat-item-3127"><a href="https://infinityknow.com/web-hosting/shared-web-hosting/" title="Shared web hosting">Shared web hosting</a> (1) </li> <li class="cat-item cat-item-5996"><a href="https://infinityknow.com/shayari/">Shayari</a> (67) </li> <li class="cat-item cat-item-345"><a href="https://infinityknow.com/sports/" title="Sports">Sports</a> (5) </li> <li class="cat-item cat-item-5991"><a href="https://infinityknow.com/status/">Status</a> (34) </li> <li class="cat-item cat-item-5993"><a href="https://infinityknow.com/stories/">Stories</a> (45) </li> <li class="cat-item cat-item-5998"><a href="https://infinityknow.com/suvichar/">suvichar</a> (8) </li> <li class="cat-item cat-item-5985"><a href="https://infinityknow.com/tech/">Tech</a> (3) </li> <li class="cat-item cat-item-190"><a href="https://infinityknow.com/technology/">Technology</a> (675) </li> <li class="cat-item cat-item-4858"><a href="https://infinityknow.com/tips-and-tricks/">Tips and Tricks</a> (42) </li> <li class="cat-item cat-item-5971"><a href="https://infinityknow.com/articles/top-tranding/">Top Tranding</a> (35) </li> <li class="cat-item cat-item-84"><a href="https://infinityknow.com/articles/trading/">Trading</a> (28) </li> <li class="cat-item cat-item-5976"><a href="https://infinityknow.com/travel/">Travel</a> (12) </li> <li class="cat-item cat-item-1"><a href="https://infinityknow.com/uncategorized/">Uncategorized</a> (8) </li> <li class="cat-item cat-item-497"><a href="https://infinityknow.com/technology/vuejs/">VueJs</a> (179) </li> <li class="cat-item cat-item-5975"><a href="https://infinityknow.com/web-design/">Web Design</a> (2) </li> <li class="cat-item cat-item-3082"><a href="https://infinityknow.com/web-hosting/" title="WEB HOSTING">WEB HOSTING</a> (1) </li> <li class="cat-item cat-item-3120"><a href="https://infinityknow.com/web-hosting/web-hosting-company/" title="Web hosting company">Web hosting company</a> (1) </li> <li class="cat-item cat-item-3116"><a href="https://infinityknow.com/web-hosting/web-hosting-really/" title="Web hosting really">Web hosting really</a> (1) </li> <li class="cat-item cat-item-3125"><a href="https://infinityknow.com/web-hosting/web-hosting-windows/" title="Web hosting windows">Web hosting windows</a> (1) </li> <li class="cat-item cat-item-3123"><a href="https://infinityknow.com/web-hosting/which-website-hosting/" title="Which website hosting">Which website hosting</a> (1) </li> <li class="cat-item cat-item-5992"><a href="https://infinityknow.com/wishes/">Wishes</a> (13) </li> <li class="cat-item cat-item-4742"><a href="https://infinityknow.com/wordpress/">wordpress</a> (15) </li> </ul> </nav></section></aside> <aside id="secondary" class="widget-area c-sidebar c-sidebar-right"> <section id="custom_html-20" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1944225715659599" data-ad-slot="1996366350" data-ad-format="auto"></ins> <script type="rocketlazyloadscript"> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div></section><section id="tag_cloud-5" class="widget widget_tag_cloud"><h3 class="widget-title">Categories</h3><nav aria-label="Categories"><div class="tagcloud"><a href="https://infinityknow.com/technology/angularjs/" class="tag-cloud-link tag-link-469 tag-link-position-1" style="font-size: 19.336585365854pt;" aria-label="AngularJs (277 items)">AngularJs<span class="tag-link-count"> (277)</span></a> <a href="https://infinityknow.com/articles/" class="tag-cloud-link tag-link-4 tag-link-position-2" style="font-size: 17.424390243902pt;" aria-label="Articles (143 items)">Articles<span class="tag-link-count"> (143)</span></a> <a href="https://infinityknow.com/technology/asp-net/" class="tag-cloud-link tag-link-3232 tag-link-position-3" style="font-size: 14.282926829268pt;" aria-label="Asp.Net (49 items)">Asp.Net<span class="tag-link-count"> (49)</span></a> <a href="https://infinityknow.com/articles/attorney/" class="tag-cloud-link tag-link-8 tag-link-position-4" style="font-size: 8.819512195122pt;" aria-label="Attorney (7 items)">Attorney<span class="tag-link-count"> (7)</span></a> <a href="https://infinityknow.com/business/" class="tag-cloud-link tag-link-5974 tag-link-position-5" style="font-size: 9.5024390243902pt;" aria-label="Business (9 items)">Business<span class="tag-link-count"> (9)</span></a> <a href="https://infinityknow.com/clothing/" class="tag-cloud-link tag-link-5987 tag-link-position-6" style="font-size: 8.4780487804878pt;" aria-label="Clothing (6 items)">Clothing<span class="tag-link-count"> (6)</span></a> <a href="https://infinityknow.com/articles/cloud/" class="tag-cloud-link tag-link-2933 tag-link-position-7" style="font-size: 9.1609756097561pt;" aria-label="cloud (8 items)">cloud<span class="tag-link-count"> (8)</span></a> <a href="https://infinityknow.com/education/degree/" class="tag-cloud-link tag-link-53 tag-link-position-8" style="font-size: 10.048780487805pt;" aria-label="Degree (11 items)">Degree<span class="tag-link-count"> (11)</span></a> <a href="https://infinityknow.com/articles/design/" class="tag-cloud-link tag-link-5972 tag-link-position-9" style="font-size: 9.5024390243902pt;" aria-label="Design (9 items)">Design<span class="tag-link-count"> (9)</span></a> <a href="https://infinityknow.com/education/" class="tag-cloud-link tag-link-52 tag-link-position-10" style="font-size: 13.463414634146pt;" aria-label="Education (37 items)">Education<span class="tag-link-count"> (37)</span></a> <a href="https://infinityknow.com/entertainment/" class="tag-cloud-link tag-link-344 tag-link-position-11" style="font-size: 8.4780487804878pt;" aria-label="Entertainment (6 items)">Entertainment<span class="tag-link-count"> (6)</span></a> <a href="https://infinityknow.com/facts/" class="tag-cloud-link tag-link-5995 tag-link-position-12" style="font-size: 10.253658536585pt;" aria-label="Facts (12 items)">Facts<span class="tag-link-count"> (12)</span></a> <a href="https://infinityknow.com/food/" class="tag-cloud-link tag-link-5978 tag-link-position-13" style="font-size: 8pt;" aria-label="Food (5 items)">Food<span class="tag-link-count"> (5)</span></a> <a href="https://infinityknow.com/full-form/" class="tag-cloud-link tag-link-6000 tag-link-position-14" style="font-size: 16.058536585366pt;" aria-label="full form (90 items)">full form<span class="tag-link-count"> (90)</span></a> <a href="https://infinityknow.com/google-adsense/" class="tag-cloud-link tag-link-1284 tag-link-position-15" style="font-size: 11.960975609756pt;" aria-label="Google Adsense (22 items)">Google Adsense<span class="tag-link-count"> (22)</span></a> <a href="https://infinityknow.com/health/" class="tag-cloud-link tag-link-5970 tag-link-position-16" style="font-size: 11.687804878049pt;" aria-label="Health (20 items)">Health<span class="tag-link-count"> (20)</span></a> <a href="https://infinityknow.com/home-improvement/" class="tag-cloud-link tag-link-5989 tag-link-position-17" style="font-size: 8pt;" aria-label="Home Improvement (5 items)">Home Improvement<span class="tag-link-count"> (5)</span></a> <a href="https://infinityknow.com/insurance/" class="tag-cloud-link tag-link-10 tag-link-position-18" style="font-size: 8.4780487804878pt;" aria-label="Insurance (6 items)">Insurance<span class="tag-link-count"> (6)</span></a> <a href="https://infinityknow.com/jobs/" class="tag-cloud-link tag-link-347 tag-link-position-19" style="font-size: 8.4780487804878pt;" aria-label="Jobs (6 items)">Jobs<span class="tag-link-count"> (6)</span></a> <a href="https://infinityknow.com/technology/laravel/" class="tag-cloud-link tag-link-656 tag-link-position-20" style="font-size: 17.834146341463pt;" aria-label="Laravel (164 items)">Laravel<span class="tag-link-count"> (164)</span></a> <a href="https://infinityknow.com/lifestyle/" class="tag-cloud-link tag-link-5983 tag-link-position-21" style="font-size: 8.4780487804878pt;" aria-label="Lifestyle (6 items)">Lifestyle<span class="tag-link-count"> (6)</span></a> <a href="https://infinityknow.com/articles/loans/" class="tag-cloud-link tag-link-6 tag-link-position-22" style="font-size: 8.4780487804878pt;" aria-label="Loans (6 items)">Loans<span class="tag-link-count"> (6)</span></a> <a href="https://infinityknow.com/make-money/" class="tag-cloud-link tag-link-13 tag-link-position-23" style="font-size: 12.985365853659pt;" aria-label="Make Money (31 items)">Make Money<span class="tag-link-count"> (31)</span></a> <a href="https://infinityknow.com/marketing/" class="tag-cloud-link tag-link-5973 tag-link-position-24" style="font-size: 9.1609756097561pt;" aria-label="Marketing (8 items)">Marketing<span class="tag-link-count"> (8)</span></a> <a href="https://infinityknow.com/movies/" class="tag-cloud-link tag-link-5988 tag-link-position-25" style="font-size: 11.824390243902pt;" aria-label="Movies (21 items)">Movies<span class="tag-link-count"> (21)</span></a> <a href="https://infinityknow.com/technology/mysql/" class="tag-cloud-link tag-link-806 tag-link-position-26" style="font-size: 18.107317073171pt;" aria-label="MySQL (180 items)">MySQL<span class="tag-link-count"> (180)</span></a> <a href="https://infinityknow.com/news/" class="tag-cloud-link tag-link-346 tag-link-position-27" style="font-size: 8pt;" aria-label="News (5 items)">News<span class="tag-link-count"> (5)</span></a> <a href="https://infinityknow.com/technology/php/" class="tag-cloud-link tag-link-191 tag-link-position-28" style="font-size: 19.063414634146pt;" aria-label="PHP (250 items)">PHP<span class="tag-link-count"> (250)</span></a> <a href="https://infinityknow.com/programming/" class="tag-cloud-link tag-link-4740 tag-link-position-29" style="font-size: 11.414634146341pt;" aria-label="Programming (18 items)">Programming<span class="tag-link-count"> (18)</span></a> <a href="https://infinityknow.com/quotes/" class="tag-cloud-link tag-link-5994 tag-link-position-30" style="font-size: 15.512195121951pt;" aria-label="Quotes (75 items)">Quotes<span class="tag-link-count"> (75)</span></a> <a href="https://infinityknow.com/seo/" class="tag-cloud-link tag-link-210 tag-link-position-31" style="font-size: 9.5024390243902pt;" aria-label="SEO (9 items)">SEO<span class="tag-link-count"> (9)</span></a> <a href="https://infinityknow.com/shayari/" class="tag-cloud-link tag-link-5996 tag-link-position-32" style="font-size: 15.170731707317pt;" aria-label="Shayari (67 items)">Shayari<span class="tag-link-count"> (67)</span></a> <a href="https://infinityknow.com/sports/" class="tag-cloud-link tag-link-345 tag-link-position-33" style="font-size: 8pt;" aria-label="Sports (5 items)">Sports<span class="tag-link-count"> (5)</span></a> <a href="https://infinityknow.com/status/" class="tag-cloud-link tag-link-5991 tag-link-position-34" style="font-size: 13.190243902439pt;" aria-label="Status (34 items)">Status<span class="tag-link-count"> (34)</span></a> <a href="https://infinityknow.com/stories/" class="tag-cloud-link tag-link-5993 tag-link-position-35" style="font-size: 14.009756097561pt;" aria-label="Stories (45 items)">Stories<span class="tag-link-count"> (45)</span></a> <a href="https://infinityknow.com/suvichar/" class="tag-cloud-link tag-link-5998 tag-link-position-36" style="font-size: 9.1609756097561pt;" aria-label="suvichar (8 items)">suvichar<span class="tag-link-count"> (8)</span></a> <a href="https://infinityknow.com/technology/" class="tag-cloud-link tag-link-190 tag-link-position-37" style="font-size: 22pt;" aria-label="Technology (675 items)">Technology<span class="tag-link-count"> (675)</span></a> <a href="https://infinityknow.com/tips-and-tricks/" class="tag-cloud-link tag-link-4858 tag-link-position-38" style="font-size: 13.80487804878pt;" aria-label="Tips and Tricks (42 items)">Tips and Tricks<span class="tag-link-count"> (42)</span></a> <a href="https://infinityknow.com/articles/top-tranding/" class="tag-cloud-link tag-link-5971 tag-link-position-39" style="font-size: 13.326829268293pt;" aria-label="Top Tranding (35 items)">Top Tranding<span class="tag-link-count"> (35)</span></a> <a href="https://infinityknow.com/articles/trading/" class="tag-cloud-link tag-link-84 tag-link-position-40" style="font-size: 12.643902439024pt;" aria-label="Trading (28 items)">Trading<span class="tag-link-count"> (28)</span></a> <a href="https://infinityknow.com/travel/" class="tag-cloud-link tag-link-5976 tag-link-position-41" style="font-size: 10.253658536585pt;" aria-label="Travel (12 items)">Travel<span class="tag-link-count"> (12)</span></a> <a href="https://infinityknow.com/uncategorized/" class="tag-cloud-link tag-link-1 tag-link-position-42" style="font-size: 9.1609756097561pt;" aria-label="Uncategorized (8 items)">Uncategorized<span class="tag-link-count"> (8)</span></a> <a href="https://infinityknow.com/technology/vuejs/" class="tag-cloud-link tag-link-497 tag-link-position-43" style="font-size: 18.107317073171pt;" aria-label="VueJs (179 items)">VueJs<span class="tag-link-count"> (179)</span></a> <a href="https://infinityknow.com/wishes/" class="tag-cloud-link tag-link-5992 tag-link-position-44" style="font-size: 10.526829268293pt;" aria-label="Wishes (13 items)">Wishes<span class="tag-link-count"> (13)</span></a> <a href="https://infinityknow.com/wordpress/" class="tag-cloud-link tag-link-4742 tag-link-position-45" style="font-size: 10.868292682927pt;" aria-label="wordpress (15 items)">wordpress<span class="tag-link-count"> (15)</span></a></div> </nav></section><section id="custom_html-21" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-1944225715659599" data-ad-slot="1996366350" data-ad-format="auto"></ins> <script type="rocketlazyloadscript"> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div></section></aside> </div> </div> <footer id="colophon" class="site-footer"> <div class="u-wrapper footer-carousel-posts-wrap"> <div class="glide carousel-posts footer-carousel-posts"> <div class="glide__track" data-glide-el="track"> <ul class="glide__slides"> <li class="glide__slide carousel-post-only-title"> <div class="carousel-post-title-wrap"> <a href="https://infinityknow.com/khamoshi-shayari/" class="carousel-post-title-link">khamoshi shayari</a> <a class="carousel-post-taxonomy-link" href="https://infinityknow.com/shayari/">Shayari</a> </div> </li> <li class="glide__slide"> <div class="carousel-post-image-wrap"> <a href="https://infinityknow.com/vuejs-two-way-data-binding-and-state-management-components/" class="carousel-post-image-link"> <img width="509" height="349" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20509%20349'%3E%3C/svg%3E" class="carousel-post-image wp-post-image" alt="VueJS Two way data binding and state management components" loading="lazy" data-lazy-srcset="https://infinityknow.com/wp-content/uploads/2018/07/VueJS-Two-way-data-binding-and-state-management-components.png 509w, https://infinityknow.com/wp-content/uploads/2018/07/VueJS-Two-way-data-binding-and-state-management-components-300x206.png 300w" data-lazy-sizes="(max-width: 509px) 100vw, 509px" data-lazy-src="https://infinityknow.com/wp-content/uploads/2018/07/VueJS-Two-way-data-binding-and-state-management-components.png" /><noscript><img width="509" height="349" src="https://infinityknow.com/wp-content/uploads/2018/07/VueJS-Two-way-data-binding-and-state-management-components.png" class="carousel-post-image wp-post-image" alt="VueJS Two way data binding and state management components" loading="lazy" srcset="https://infinityknow.com/wp-content/uploads/2018/07/VueJS-Two-way-data-binding-and-state-management-components.png 509w, https://infinityknow.com/wp-content/uploads/2018/07/VueJS-Two-way-data-binding-and-state-management-components-300x206.png 300w" sizes="(max-width: 509px) 100vw, 509px" /></noscript> </a> </div> <div class="carousel-post-title-wrap"> <a href="https://infinityknow.com/vuejs-two-way-data-binding-and-state-management-components/" class="carousel-post-title-link">VueJS Two way data binding and state management components</a> <a class="carousel-post-taxonomy-link" href="https://infinityknow.com/technology/">Technology</a> </div> </li> <li class="glide__slide carousel-post-only-title"> <div class="carousel-post-title-wrap"> <a href="https://infinityknow.com/interesting-facts-in-hindi/" class="carousel-post-title-link">interesting facts in hindi</a> <a class="carousel-post-taxonomy-link" href="https://infinityknow.com/facts/">Facts</a> </div> </li> <li class="glide__slide"> <div class="carousel-post-image-wrap"> <a href="https://infinityknow.com/angularjs-window-resize-and-angular-get-element-height-in-controller/" class="carousel-post-image-link"> <img width="492" height="430" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20492%20430'%3E%3C/svg%3E" class="carousel-post-image wp-post-image" alt="AngularJS – window resize and angular get element height in controller" loading="lazy" data-lazy-srcset="https://infinityknow.com/wp-content/uploads/2018/07/AngularJS-–-window-resize-and-angular-get-element-height-in-controller.jpg 492w, https://infinityknow.com/wp-content/uploads/2018/07/AngularJS-–-window-resize-and-angular-get-element-height-in-controller-300x262.jpg 300w" data-lazy-sizes="(max-width: 492px) 100vw, 492px" data-lazy-src="https://infinityknow.com/wp-content/uploads/2018/07/AngularJS-–-window-resize-and-angular-get-element-height-in-controller.jpg" /><noscript><img width="492" height="430" src="https://infinityknow.com/wp-content/uploads/2018/07/AngularJS-–-window-resize-and-angular-get-element-height-in-controller.jpg" class="carousel-post-image wp-post-image" alt="AngularJS – window resize and angular get element height in controller" loading="lazy" srcset="https://infinityknow.com/wp-content/uploads/2018/07/AngularJS-–-window-resize-and-angular-get-element-height-in-controller.jpg 492w, https://infinityknow.com/wp-content/uploads/2018/07/AngularJS-–-window-resize-and-angular-get-element-height-in-controller-300x262.jpg 300w" sizes="(max-width: 492px) 100vw, 492px" /></noscript> </a> </div> <div class="carousel-post-title-wrap"> <a href="https://infinityknow.com/angularjs-window-resize-and-angular-get-element-height-in-controller/" class="carousel-post-title-link">AngularJS – window resize and angular get element height in controller</a> <a class="carousel-post-taxonomy-link" href="https://infinityknow.com/technology/">Technology</a> </div> </li> <li class="glide__slide carousel-post-only-title"> <div class="carousel-post-title-wrap"> <a href="https://infinityknow.com/c-print-alphabet-triangle-tutorial-with-examples/" class="carousel-post-title-link">C# Print Alphabet Triangle Tutorial with Examples</a> <a class="carousel-post-taxonomy-link" href="https://infinityknow.com/technology/">Technology</a> </div> </li> <li class="glide__slide carousel-post-only-title"> <div class="carousel-post-title-wrap"> <a href="https://infinityknow.com/atm-full-form/" class="carousel-post-title-link">atm full form – atm Kya Hai, Meaning and Abbreviation – What is the full form of atm?</a> <a class="carousel-post-taxonomy-link" href="https://infinityknow.com/full-form/">full form</a> </div> </li> <li class="glide__slide carousel-post-only-title"> <div class="carousel-post-title-wrap"> <a href="https://infinityknow.com/laravel-6-get-all-records/" class="carousel-post-title-link">Laravel 6 Get All Records</a> <a class="carousel-post-taxonomy-link" href="https://infinityknow.com/technology/">Technology</a> </div> </li> <li class="glide__slide"> <div class="carousel-post-image-wrap"> <a href="https://infinityknow.com/woocommerce-product-publish-update-and-delete-hooks/" class="carousel-post-image-link"> </a> </div> <div class="carousel-post-title-wrap"> <a href="https://infinityknow.com/woocommerce-product-publish-update-and-delete-hooks/" class="carousel-post-title-link">Woocommerce Product publish, update and delete hooks</a> <a class="carousel-post-taxonomy-link" href="https://infinityknow.com/technology/php/">PHP</a> </div> </li> </ul> </div> <div class="glide__arrows" data-glide-el="controls"> <button class="glide__arrow glide__arrow--left" data-glide-dir="<"> <span class="screen-reader-text">prev</span> <svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="53.0 0 1558.0 2048" xmlns="http://www.w3.org/2000/svg"><path d="M1611,832c0,35.333-12.333,65.333-37,90l-651,651c-25.333,25.333-55.667,38-91,38c-36,0-66-12.667-90-38L91,922 c-25.333-24-38-54-38-90c0-35.333,12.667-65.667,38-91l74-75c26-24.667,56.333-37,91-37c35.333,0,65.333,12.333,90,37l486,486 l486-486c24.667-24.667,54.667-37,90-37c34.667,0,65,12.333,91,37l75,75C1598.667,767,1611,797.333,1611,832z" /></svg> </button> <button class="glide__arrow glide__arrow--right" data-glide-dir=">"> <span class="screen-reader-text">next</span> <svg class="svg-icon" width="24" height="24" aria-hidden="true" role="img" focusable="false" viewBox="53.0 0 1558.0 2048" xmlns="http://www.w3.org/2000/svg"><path d="M1611,832c0,35.333-12.333,65.333-37,90l-651,651c-25.333,25.333-55.667,38-91,38c-36,0-66-12.667-90-38L91,922 c-25.333-24-38-54-38-90c0-35.333,12.667-65.667,38-91l74-75c26-24.667,56.333-37,91-37c35.333,0,65.333,12.333,90,37l486,486 l486-486c24.667-24.667,54.667-37,90-37c34.667,0,65,12.333,91,37l75,75C1598.667,767,1611,797.333,1611,832z" /></svg> </button> </div> </div> </div> <div class="copyright-text"> <div class="u-wrapper copyright-text-wrap"> <p>Copyright © 2022 InfinityKnow.</p> <p class="pressbook-credit"> Powered by <a href="https://scriptstown.com/wordpress-themes/pressbook-news/" itemprop="url">PressBook News WordPress theme</a> </p> </div> </div> </footer> <a href="#" class="go-to-top" aria-label="Go to top"></a> </div> <link data-minify="1" rel='stylesheet' id='yarppRelatedCss-css' href='https://infinityknow.com/wp-content/cache/min/1/wp-content/plugins/yet-another-related-posts-plugin/style/related.css?ver=1652745623' media='all' /> <script type="rocketlazyloadscript" id='rocket-browser-checker-js-after'> "use strict";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){return protoProps&&defineProperties(Constructor.prototype,protoProps),staticProps&&defineProperties(Constructor,staticProps),Constructor}}();function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}var RocketBrowserCompatibilityChecker=function(){function RocketBrowserCompatibilityChecker(options){_classCallCheck(this,RocketBrowserCompatibilityChecker),this.passiveSupported=!1,this._checkPassiveOption(this),this.options=!!this.passiveSupported&&options}return _createClass(RocketBrowserCompatibilityChecker,[{key:"_checkPassiveOption",value:function(self){try{var options={get passive(){return!(self.passiveSupported=!0)}};window.addEventListener("test",null,options),window.removeEventListener("test",null,options)}catch(err){self.passiveSupported=!1}}},{key:"initRequestIdleCallback",value:function(){!1 in window&&(window.requestIdleCallback=function(cb){var start=Date.now();return setTimeout(function(){cb({didTimeout:!1,timeRemaining:function(){return Math.max(0,50-(Date.now()-start))}})},1)}),!1 in window&&(window.cancelIdleCallback=function(id){return clearTimeout(id)})}},{key:"isDataSaverModeOn",value:function(){return"connection"in navigator&&!0===navigator.connection.saveData}},{key:"supportsLinkPrefetch",value:function(){var elem=document.createElement("link");return elem.relList&&elem.relList.supports&&elem.relList.supports("prefetch")&&window.IntersectionObserver&&"isIntersecting"in IntersectionObserverEntry.prototype}},{key:"isSlowConnection",value:function(){return"connection"in navigator&&"effectiveType"in navigator.connection&&("2g"===navigator.connection.effectiveType||"slow-2g"===navigator.connection.effectiveType)}}]),RocketBrowserCompatibilityChecker}(); </script> <script id='rocket-preload-links-js-extra'> var RocketPreloadLinksConfig = {"excludeUris":"\/(.+\/)?feed\/?.+\/?|\/(?:.+\/)?embed\/|\/(index\\.php\/)?wp\\-json(\/.*|$)|\/wp-admin\/|\/logout\/|\/wp-login.php","usesTrailingSlash":"1","imageExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif","fileExt":"jpg|jpeg|gif|png|tiff|bmp|webp|avif|php|pdf|html|htm","siteUrl":"https:\/\/infinityknow.com","onHoverDelay":"100","rateThrottle":"3"}; </script> <script type="rocketlazyloadscript" id='rocket-preload-links-js-after'> (function() { "use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e=function(){function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}return function(e,t,n){return t&&i(e.prototype,t),n&&i(e,n),e}}();function i(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}var t=function(){function n(e,t){i(this,n),this.browser=e,this.config=t,this.options=this.browser.options,this.prefetched=new Set,this.eventTime=null,this.threshold=1111,this.numOnHover=0}return e(n,[{key:"init",value:function(){!this.browser.supportsLinkPrefetch()||this.browser.isDataSaverModeOn()||this.browser.isSlowConnection()||(this.regex={excludeUris:RegExp(this.config.excludeUris,"i"),images:RegExp(".("+this.config.imageExt+")$","i"),fileExt:RegExp(".("+this.config.fileExt+")$","i")},this._initListeners(this))}},{key:"_initListeners",value:function(e){-1<this.config.onHoverDelay&&document.addEventListener("mouseover",e.listener.bind(e),e.listenerOptions),document.addEventListener("mousedown",e.listener.bind(e),e.listenerOptions),document.addEventListener("touchstart",e.listener.bind(e),e.listenerOptions)}},{key:"listener",value:function(e){var t=e.target.closest("a"),n=this._prepareUrl(t);if(null!==n)switch(e.type){case"mousedown":case"touchstart":this._addPrefetchLink(n);break;case"mouseover":this._earlyPrefetch(t,n,"mouseout")}}},{key:"_earlyPrefetch",value:function(t,e,n){var i=this,r=setTimeout(function(){if(r=null,0===i.numOnHover)setTimeout(function(){return i.numOnHover=0},1e3);else if(i.numOnHover>i.config.rateThrottle)return;i.numOnHover++,i._addPrefetchLink(e)},this.config.onHoverDelay);t.addEventListener(n,function e(){t.removeEventListener(n,e,{passive:!0}),null!==r&&(clearTimeout(r),r=null)},{passive:!0})}},{key:"_addPrefetchLink",value:function(i){return this.prefetched.add(i.href),new Promise(function(e,t){var n=document.createElement("link");n.rel="prefetch",n.href=i.href,n.onload=e,n.onerror=t,document.head.appendChild(n)}).catch(function(){})}},{key:"_prepareUrl",value:function(e){if(null===e||"object"!==(void 0===e?"undefined":r(e))||!1 in e||-1===["http:","https:"].indexOf(e.protocol))return null;var t=e.href.substring(0,this.config.siteUrl.length),n=this._getPathname(e.href,t),i={original:e.href,protocol:e.protocol,origin:t,pathname:n,href:t+n};return this._isLinkOk(i)?i:null}},{key:"_getPathname",value:function(e,t){var n=t?e.substring(this.config.siteUrl.length):e;return n.startsWith("/")||(n="/"+n),this._shouldAddTrailingSlash(n)?n+"/":n}},{key:"_shouldAddTrailingSlash",value:function(e){return this.config.usesTrailingSlash&&!e.endsWith("/")&&!this.regex.fileExt.test(e)}},{key:"_isLinkOk",value:function(e){return null!==e&&"object"===(void 0===e?"undefined":r(e))&&(!this.prefetched.has(e.href)&&e.origin===this.config.siteUrl&&-1===e.href.indexOf("?")&&-1===e.href.indexOf("#")&&!this.regex.excludeUris.test(e.href)&&!this.regex.images.test(e.href))}}],[{key:"run",value:function(){"undefined"!=typeof RocketPreloadLinksConfig&&new n(new RocketBrowserCompatibilityChecker({capture:!0,passive:!0}),RocketPreloadLinksConfig).init()}}]),n}();t.run(); }()); </script> <script type="rocketlazyloadscript" src='https://infinityknow.com/wp-content/themes/pressbook-news/assets/glide/glide.min.js?ver=3.4.1' id='glide-js' defer></script> <script type="rocketlazyloadscript" src='https://infinityknow.com/wp-content/themes/pressbook/js/script.min.js?ver=1.4.1' id='pressbook-script-js' defer></script> <script type="rocketlazyloadscript" src='https://infinityknow.com/wp-includes/js/comment-reply.min.js?ver=5.9.3' id='comment-reply-js' defer></script> <script type="rocketlazyloadscript" src='https://infinityknow.com/wp-content/themes/pressbook/js/ResizeObserver.min.js?ver=1' id='resize-observer-polyfill-js' defer></script> <script type="rocketlazyloadscript" src='https://infinityknow.com/wp-content/themes/pressbook/js/sticky-sidebar.min.js?ver=1' id='sticky-sidebar-js' defer></script> <script type="rocketlazyloadscript" id='sticky-sidebar-js-after'> try{new StickySidebar(".site-content > .pb-content-sidebar > .c-sidebar",{topSpacing:100,bottomSpacing:0,containerSelector:".site-content > .pb-content-sidebar",minWidth:1279});new StickySidebar(".site-content > .pb-content-sidebar > .c-sidebar-right",{topSpacing:100,bottomSpacing:0,containerSelector:".site-content > .pb-content-sidebar",minWidth:1279});}catch(e){} </script> <script id='pressbook-news-script-js-extra'> var pressbookCarousel = {"header":{"autoplay":true,"perView":{"xlg":4,"lg":3,"md":2,"sm":1,"xs":1}},"footer":{"autoplay":true,"perView":{"xlg":4,"lg":3,"md":2,"sm":1,"xs":1}},"related":{"autoplay":true,"perView":{"xlg":2,"lg":2,"md":1,"sm":1,"xs":1}}}; </script> <script type="rocketlazyloadscript" src='https://infinityknow.com/wp-content/themes/pressbook-news/assets/js/script.min.js?ver=1.0.8' id='pressbook-news-script-js' defer></script> <script id='q2w3_fixed_widget-js-extra'> var q2w3_sidebar_options = [{"use_sticky_position":false,"margin_top":12,"margin_bottom":83,"stop_elements_selectors":"","screen_max_width":0,"screen_max_height":0,"widgets":[]}]; </script> <script type="rocketlazyloadscript" src='https://infinityknow.com/wp-content/plugins/q2w3-fixed-widget/js/frontend.min.js?ver=6.0.7' id='q2w3_fixed_widget-js' defer></script> <script type="rocketlazyloadscript" src='https://infinityknow.com/wp-content/plugins/enlighter/cache/enlighterjs.min.js?ver=uFgLFCvLLLzj31b' id='enlighterjs-js' defer></script> <script type="rocketlazyloadscript" id='enlighterjs-js-after'> !function(e,n){if("undefined"!=typeof EnlighterJS){var o={"selectors":{"block":"pre.EnlighterJSRAW","inline":"code.EnlighterJSRAW"},"options":{"indent":2,"ampersandCleanup":true,"linehover":true,"rawcodeDbclick":false,"textOverflow":"break","linenumbers":true,"theme":"classic","language":"generic","retainCssClasses":false,"collapse":false,"toolbarOuter":"","toolbarTop":"{BTN_RAW}{BTN_COPY}{BTN_WINDOW}{BTN_WEBSITE}","toolbarBottom":""}};(e.EnlighterJSINIT=function(){EnlighterJS.init(o.selectors.block,o.selectors.inline,o.options)})()}else{(n&&(n.error||n.log)||function(){})("Error: EnlighterJS resources not loaded yet!")}}(window,console); </script> <script>window.lazyLoadOptions={elements_selector:"img[data-lazy-src],.rocket-lazyload,iframe[data-lazy-src]",data_src:"lazy-src",data_srcset:"lazy-srcset",data_sizes:"lazy-sizes",class_loading:"lazyloading",class_loaded:"lazyloaded",threshold:300,callback_loaded:function(element){if(element.tagName==="IFRAME"&&element.dataset.rocketLazyload=="fitvidscompatible"){if(element.classList.contains("lazyloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener('LazyLoad::Initialized',function(e){var lazyLoadInstance=e.detail.instance;if(window.MutationObserver){var observer=new MutationObserver(function(mutations){var image_count=0;var iframe_count=0;var rocketlazy_count=0;mutations.forEach(function(mutation){for(i=0;i<mutation.addedNodes.length;i++){if(typeof mutation.addedNodes[i].getElementsByTagName!=='function'){continue} if(typeof mutation.addedNodes[i].getElementsByClassName!=='function'){continue} images=mutation.addedNodes[i].getElementsByTagName('img');is_image=mutation.addedNodes[i].tagName=="IMG";iframes=mutation.addedNodes[i].getElementsByTagName('iframe');is_iframe=mutation.addedNodes[i].tagName=="IFRAME";rocket_lazy=mutation.addedNodes[i].getElementsByClassName('rocket-lazyload');image_count+=images.length;iframe_count+=iframes.length;rocketlazy_count+=rocket_lazy.length;if(is_image){image_count+=1} if(is_iframe){iframe_count+=1}}});if(image_count>0||iframe_count>0||rocketlazy_count>0){lazyLoadInstance.update()}});var b=document.getElementsByTagName("body")[0];var config={childList:!0,subtree:!0};observer.observe(b,config)}},!1)</script><script data-no-minify="1" async src="https://infinityknow.com/wp-content/plugins/wp-rocket/assets/js/lazyload/16.1/lazyload.min.js"></script><script>function lazyLoadThumb(e){var t='<img loading="lazy" data-lazy-src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"><noscript><img src="https://i.ytimg.com/vi/ID/hqdefault.jpg" alt="" width="480" height="360"></noscript>',a='<div class="play"></div>';return t.replace("ID",e)+a}function lazyLoadYoutubeIframe(){var e=document.createElement("iframe"),t="ID?autoplay=1";t+=0===this.dataset.query.length?'':'&'+this.dataset.query;e.setAttribute("src",t.replace("ID",this.dataset.src)),e.setAttribute("frameborder","0"),e.setAttribute("allowfullscreen","1"),e.setAttribute("allow", "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),this.parentNode.replaceChild(e,this)}document.addEventListener("DOMContentLoaded",function(){var e,t,a=document.getElementsByClassName("rll-youtube-player");for(t=0;t<a.length;t++)e=document.createElement("div"),e.setAttribute("data-id",a[t].dataset.id),e.setAttribute("data-query", a[t].dataset.query),e.setAttribute("data-src", a[t].dataset.src),e.innerHTML=lazyLoadThumb(a[t].dataset.id),e.onclick=lazyLoadYoutubeIframe,a[t].appendChild(e)});</script></body> </html>