CINXE.COM

<!DOCTYPE html><html data-app-version="-production" lang="en"><head><script type="application/ld+json"> { "@context": "https://schema.org", "@id": "https://fast.wistia.net/embed/iframe/p13uoqj24d", "@type": "VideoObject", "name": "Introduction", "description": "<p>Welcome to Coding Advanced WordPress Theme Templates! In this lesson, I'll give you an overview of what we'll cover in the course.</p>", "thumbnailURL": "https://embed-ssl.wistia.com/deliveries/e31276361e1c46a53770aae5906cf022b8dc70f9.jpg", "uploadDate": "2018-07-06", "embedUrl": "https://fast.wistia.net/embed/iframe/p13uoqj24d", "transcript": "Hello, and welcome to this Tuts Plus course on Coding Advanced Theme Templates in WordPress. My name's Rachel McCollin. In this course, I'll show you how to take a standard theme and make it more bespoke with additional theme templates. So I'll show you how to create extra loop files and include files, and how to call them correctly. I'll also show you how to create a custom page template for our contact page. And then finally, I'll show you how to create a single page for a new post type, as well as a new archive page for a new custom taxonomy. Watch this course and find out how to create advanced theme templates." }</script><link rel="preload" href="https://static.tutsplus.com/packs/static/fonts/fa-solid-900-130191cbdfe1d7a5dde9.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="https://static.tutsplus.com/packs/static/fonts/fa-regular-400-7b8124cb811f19c72e48.woff2" as="font" type="font/woff2" crossorigin="anonymous"><link rel="preload" href="https://static.tutsplus.com/packs/static/fonts/fa-brands-400-78547c4b11a377e195ff.woff2" as="font" type="font/woff2" crossorigin="anonymous"><script>window.Tutsplus = {}; window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; Tutsplus.environment = 'production'; Tutsplus.apexDomain = 'tutsplus.com'; Tutsplus.recaptchaSiteKey = '6Ldpx74UAAAAACuA5loIvNFtSYkAxOiK89Otp9dp'; Tutsplus.rollbarToken = '15981c89d2cb4b20994adb78613f9f59'; Tutsplus.rollbarEnabled = false; Tutsplus.ssoEnabled = true; Tutsplus.ssoServer = 'https://account.envato.com'; Tutsplus.ssoSignInPath = '/sso/sign_in.json'; Tutsplus.resetPasswordPath = 'https://account.envato.com/reset_password?to=tutsplus?to=tutsplus'; Tutsplus.forcedResetPasswordPath = 'https://account.envato.com/password_reset_required?to=tutsplus?to=tutsplus'; Tutsplus.adsEnabled = true; Tutsplus.is_posts_page = false; Tutsplus.is_post_page = false; Tutsplus.ext_social = false; Tutsplus.load_mathjax_library = false; Tutsplus.load_twitter_widget = false;</script><script type="text/javascript" data-turbo-eval="false"> window.addEventListener("CookiebotOnDialogDisplay", (event) => { const cookieDialog = event.srcElement.CookieConsentDialog.DOM cookieDialog.dataset.turbo = false }) </script> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="d10f7659-aa82-4007-9cf1-54a9496002bf" data-framework="TCFv2.2" type="text/javascript" data-georegions="{'region':'US','cbid':'d9683f70-895f-4427-97dc-f1087cddf9d8'}" async> </script> <script type="text/plain" data-cookieconsent="statistics" data-test-id="gtm-loader"> window['gtag_enable_tcf_support'] = true; if (!window.gtmLoaded) { (function(w,d,s,l,i) { w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'}); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l!='dataLayer'?'&l='+l:''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id='+i+dl; f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-MXT8M8X'); window.gtmLoaded = true; } </script> <script src="https://static.tutsplus.com/packs/js/runtime-76a1416ff3535925e8ac.js" async="async" data-turbo-suppress-warning="" defer="defer"></script> <script src="https://static.tutsplus.com/packs/js/951-fa7abab3c99e681f8324.js" async="async" data-turbo-suppress-warning="" defer="defer"></script> <script src="https://static.tutsplus.com/packs/js/766-8b3855d0505abca2d65c.js" async="async" data-turbo-suppress-warning="" defer="defer"></script> <script src="https://static.tutsplus.com/packs/js/391-4369c61e8b0895d845af.js" async="async" data-turbo-suppress-warning="" defer="defer"></script> <script src="https://static.tutsplus.com/packs/js/779-582d5befd4c454578e79.js" async="async" data-turbo-suppress-warning="" defer="defer"></script> <script src="https://static.tutsplus.com/packs/js/697-9b38e6eb07731860d5d7.js" async="async" data-turbo-suppress-warning="" defer="defer"></script> <script src="https://static.tutsplus.com/packs/js/69-c07c5811877c3c104f0d.js" async="async" data-turbo-suppress-warning="" defer="defer"></script> <script src="https://static.tutsplus.com/packs/js/course-c433e9f272e47d3a88eb.js" async="async" data-turbo-suppress-warning="" defer="defer"></script><link rel="stylesheet" media="all" href="https://static.tutsplus.com/packs/css/697-2b4a34c9.css" /> <link rel="stylesheet" media="all" href="https://static.tutsplus.com/packs/css/180-10f8ad61.css" /><meta content="no-referrer-when-downgrade" name="referrer" /><meta charset="utf-8" /><meta content="no-cache" name="turbo-cache-control" /><meta content="reload" name="turbo-visit-control" /><meta content="" name="geo-regions" /><meta content="nocache" name="bingbot" /><link href="https://static.tutsplus.com" rel="preconnect" /><title>Coding Advanced WordPress Theme Templates | Envato Tuts+</title><link rel="canonical" href="https://code.tutsplus.com/coding-advanced-wordpress-theme-templates--CRS-200867c" /><link rel="icon" type="image/x-icon" href="https://static.tutsplus.com/packs/static/images/favicon-f8d459d2fa865233f59c.ico" /><link rel="apple-touch-icon" type="image/png" href="https://static.tutsplus.com/packs/static/images/apple-touch-icon-46747f8b314a25bfa124.png" /><link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="https://code.tutsplus.com/courses.atom" /><meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="1A3mYGeddf2eAyo8-whPpqaW6_lzgWW46jAcrLe7vFA3_sehep16v7Yrk3joREnvP8j2hTqrlKqGjINqooiNBg" /><meta content="width=device-width, initial-scale=1" name="viewport" /><meta content="index, follow" name="robots" /><meta content="Coding Advanced WordPress Theme Templates | Envato Tuts+" property="og:title" /><meta content="Code Envato Tuts+" property="og:site_name" /><meta content="1494084460809023" property="fb:app_id" /><meta content="Template files are at the heart of every WordPress theme. And if you've already gotten started creating WordPress themes, chances are you have some experience with coding template files. But..." name="description" property="og:description" /><meta property="og:type" content="article"> <meta property="og:url" content="https://code.tutsplus.com/coding-advanced-wordpress-theme-templates--CRS-200867c"> <meta content="https://cms-assets.tutsplus.com/uploads/users/71/courses/1207/preview_image/coding-advanced-theme-templates-400x277.jpg" property="og:image" /><meta content="summary_large_image" name="twitter:card" /><meta content="@tutsplus" name="twitter:site" /><meta content="Coding Advanced WordPress Theme Templates" name="twitter:title" /><meta content="Template files are at the heart of every WordPress theme. And if you've already gotten started creating WordPress themes, chances are you have some experience with coding template files. But..." name="twitter:description" /><meta content="https://cms-assets.tutsplus.com/uploads/users/71/courses/1207/preview_image/coding-advanced-theme-templates-400x277.jpg" name="twitter:image" /><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "name": "Envato", "alternateName": "Envato Tuts+", "url": "https://tutsplus.com/", "logo": "https://static.tutsplus.com/packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd83433e94.png", "contactPoint": {"@type": "ContactPoint", "telephone": "+61 3 8376 6284", "contactType": "corporate contact"}, "parentOrganization": {"@type": "Organization", "name": "Envato Pty Ltd", "url": "https://www.envato.com/about"}, "sameAs": [ "https://tutsplus.com/", "https://business.tutsplus.com/", "https://code.tutsplus.com/", "https://design.tutsplus.com/", "https://webdesign.tutsplus.com/", "https://photography.tutsplus.com/", "https://music.tutsplus.com/", "https://cgi.tutsplus.com/", "https://gamedevelopment.tutsplus.com/", "https://computers.tutsplus.com/", "https://elements.envato.com/", "https://themeforest.net/", "https://codecanyon.net/", "https://audiojungle.net/", "https://videohive.net/", "https://graphicriver.net/", "https://photodune.net/", "https://3docean.net/", "https://placeit.net/", "https://mixkit.co/", "https://www.reshot.com/", "https://twitter.com/envato", "https://www.facebook.com/envato", "https://www.youtube.com/user/Envato", "https://www.instagram.com/envato/", "https://www.pinterest.com/envato/", "https://market.envato.com/" ] }</script><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "WebSite", "name": "Envato Tuts+", "url": "https://tutsplus.com" } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://code.tutsplus.com/coding-advanced-wordpress-theme-templates--CRS-200867c" }, "itemListElement": [{"@type":"ListItem","position":1,"name":"Home","item":{"@type":"Thing","@id":"https://tutsplus.com/"}},{"@type":"ListItem","position":2,"name":"Code","item":{"@type":"Thing","@id":"https://code.tutsplus.com"}},{"@type":"ListItem","position":3,"name":"WordPress","item":{"@type":"Thing","@id":"https://code.tutsplus.com/c/wordpress"}}] } </script> <meta content="t60fIs6JfmiK5FpPBlh_bKr5lJSX6abJYYIFjqiFG3M" name="google-site-verification" /><meta content="D3E35339A8EC086B14C62277CBEC8234" name="msvalidate.01" /><meta content="zvqxFgQqdy" name="baidu-site-verification" /></head><body class="page-body body--announcement-bar topic-code post__fullwidth-inarticle-ad-footer" data-analytics-context="body" data-controller="ga-analytics content-filters utm" data-ga-account="UA-11792865-37" data-ga-autolink-domains="activeden.net,audiojungle.net,themeforest.net,videohive.net,graphicriver.net,3docean.net,codecanyon.net,photodune.net,market.envato.com,elements.envato.com,build.envatohostedservices.com,author.envato.com,envato.com" data-ga-domain="tutsplus.com" data-utm-is-content-page-value="true" data-utm-utm-campaign-value="CRS-200867" data-utm-utm-medium-value="courses" data-wt-dcsid="dcs222cpd4g6lg7wb3cum8l5g_6w6m" name="page-body"> <script data-test-id="gtm-page-attributes"> window.dataLayer = window.dataLayer || []; function normalizeAttributeValue(value) { if (value === undefined) return undefined if (value === null) return undefined var normalizedValue = value .toString() .toLowerCase() .trim() .replace(/&/g, '&') .replace(/'/g, "'") .replace(/\s+/g, ' ') if (normalizedValue === '') return undefined return normalizedValue } (function () { if (document.documentElement.hasAttribute('data-turbo-preview')) return var pageAttributes = { app_name: 'tutsplus', app_version: '17407', app_env: 'production', topic: 'code', page_type: 'course', category: 'WordPress', sub_category: '', software_tag: '', tag: '', ga_param: '' } var normalizedPageAttributes = { event_attributes: null } Object.keys(pageAttributes).forEach(function(key) { normalizedPageAttributes[key] = normalizeAttributeValue(pageAttributes[key]) }) dataLayer.push(normalizedPageAttributes) dataLayer.push({ event: 'analytics_ready', event_attributes: { custom_timestamp: Date.now() } }) })() </script> <noscript data-test-id="gtm-noscript"> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MXT8M8X" height="0" width="0" style="display:none;visibility:hidden" > </iframe> </noscript>  <script src="https://static.tutsplus.com/packs/js/global_nav_scroll-e15d1af062eca0d35d71.js" defer="defer"></script><nav class="global-nav view new-nav" data-analytics-context="navigation" data-controller="global-nav"><a class="global-new-nav__skip-to-content-link" data-action="click->global-nav#sendNewNavDataLayerEvent" href="#page-content">Skip to content</a><div class="global-nav__mobile-closed"><div class="nav-actions"><a class="mobile-menu-icon mobile-header-action" data-action="click->global-nav#toggle" href="javascript:"><i class="fa fa-reorder"></i></a><a class="global-nav__header-tuts-logo-link mobile-header-action mobile-home-logo" data-action="click->global-nav#sendNewNavDataLayerEvent" href="https://tutsplus.com/"><img alt="envato-tuts+" class="global-nav__header-tuts-logo-image new-nav-mobile" src="https://static.tutsplus.com/packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd83433e94.png" /></a><a class="mobile-search-icon mobile-header-action" data-action="click->global-nav#toggle" href="javascript:"><i class="fa fa-magnifying-glass"></i></a></div></div><div class="global-nav__mobile-overlay"></div><div class="global-nav__mobile-new"><section class="view global-nav__mobile-open-header"><a class="global-nav__header-tuts-logo-link mobile-header-action mobile-home-logo" data-action="click->global-nav#sendNewNavDataLayerEvent" href="https://tutsplus.com/"><img alt="envato-tuts+" class="global-nav__header-tuts-logo-image new-nav-mobile" src="https://static.tutsplus.com/packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd83433e94.png" /></a><a class="mobile-close-icon mobile-header-action" data-action="click->global-nav#toggle" href="javascript:"><i class="fa fa-times"></i></a></section><section class="global-nav__mobile-search view new-nav-mobile" data-controller="global-search"><form class="global-nav__search-form mobile" data-turbo="false" data-action="submit->global-nav#sendSearchDataLayerEvent submit->global-search#perform_search" action="https://code.tutsplus.com/t/courses/search" accept-charset="UTF-8" method="get"><input type="text" name="search[terms]" id="search_terms" value="" placeholder="Search tutorials, courses and resources" class="global-nav__search-terms" data-action="keydown->global-search#keydown input->global-search#auto_suggestions focus->global-search#focus_in" /> <div class="search__auto_suggestions_container " data-global-search-target="suggestionContainer" data-action="mousedown->global-search#onSuggestionContainerMousedown" > <div class="search__auto_suggestions_content"> <div class="search__auto_suggesstion_list_container"> <div class="search__auto_suggesstion_list_content"> <ul class="search__auto_suggesstion_list" role="listbox" data-global-search-target="suggestionList"> </ul> </div> </div> </div> </div><button name="button" type="submit" class="global-nav__search-button" aria-label="Search"><i class="fa fa-search"></i></button></form></section><ul class='global-nav__mobile-top-level new-nav-mobile'> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Design'> <a href='https://design.tutsplus.com' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action=''> <span class='global-nav__mobile-top-level-link-title'> Design </span> </a> </li> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Business'> <a href='https://business.tutsplus.com' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action=''> <span class='global-nav__mobile-top-level-link-title'> Business </span> </a> </li> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Photo'> <a href='https://photography.tutsplus.com/photo' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action=''> <span class='global-nav__mobile-top-level-link-title'> Photo </span> </a> </li> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Video'> <a href='https://photography.tutsplus.com/video' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action=''> <span class='global-nav__mobile-top-level-link-title'> Video </span> </a> </li> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Web Design'> <a href='https://webdesign.tutsplus.com' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action=''> <span class='global-nav__mobile-top-level-link-title'> Web Design </span> </a> </li> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Code'> <a href='javascript:' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action='click->global-nav#toggleSecondLevelSection'> <span class='global-nav__mobile-top-level-link-title'> Code </span> <span class='global-nav__mobile-top-level-expand-text'> <i class='fa fa-angle-right global-nav__mobile-top-level-link-icon'></i> </span> </a> <div class='global-nav__mobile-second-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleSecondLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-second-level-heading '> <span class='global-nav__mobile-second-level-heading-title'> Code </span> <a href='https://code.tutsplus.com' class='global-nav__mobile-second-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-second-level-heading-link-text'> View all Code </span> <span class='global-nav__mobile-second-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title'>Start Learning</div> <ul class='global-nav__mobile-second-level-links'> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='WordPress'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> WordPress </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> WordPress </span> <a href='https://code.tutsplus.com/c/wordpress' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all WordPress </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Plugin Development'> <a href='https://code.tutsplus.com/c/wordpress/s/plugin-development' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Plugin Development </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Theme Development'> <a href='https://code.tutsplus.com/c/wordpress/s/theme-development' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Theme Development </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='HTML/CSS'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> HTML/CSS </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> HTML/CSS </span> <a href='https://code.tutsplus.com/c/htmlcss' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all HTML/CSS </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='HTML'> <a href='https://code.tutsplus.com/c/htmlcss/s/html' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> HTML </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='CSS'> <a href='https://code.tutsplus.com/c/htmlcss/s/css' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> CSS </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='JavaScript for Designers'> <a href='https://code.tutsplus.com/c/htmlcss/s/javascript-for-designers' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> JavaScript for Designers </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Bootstrap'> <a href='https://code.tutsplus.com/c/htmlcss/s/bootstrap' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Bootstrap </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Animation'> <a href='https://code.tutsplus.com/c/htmlcss/s/animation' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Animation </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='HTML Templates'> <a href='https://code.tutsplus.com/c/htmlcss/s/html-templates' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> HTML Templates </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Landing Pages'> <a href='https://code.tutsplus.com/c/htmlcss/s/landing-pages' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Landing Pages </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='SVG'> <a href='https://code.tutsplus.com/c/htmlcss/s/svg' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> SVG </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Mobile Development'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Mobile Development </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Mobile Development </span> <a href='https://code.tutsplus.com/c/mobile-development' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Mobile Development </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='iOS Development'> <a href='https://code.tutsplus.com/c/mobile-development/s/ios-development' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> iOS Development </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='iOS Templates'> <a href='https://code.tutsplus.com/c/mobile-development/s/ios-templates' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> iOS Templates </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Android Development'> <a href='https://code.tutsplus.com/c/mobile-development/s/android-development' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Android Development </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Android Templates'> <a href='https://code.tutsplus.com/c/mobile-development/s/android-templates' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Android Templates </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='React Native Development'> <a href='https://code.tutsplus.com/c/mobile-development/s/react-native-development' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> React Native Development </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='React Native Templates'> <a href='https://code.tutsplus.com/c/mobile-development/s/react-native-templates' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> React Native Templates </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Ionic Development'> <a href='https://code.tutsplus.com/c/mobile-development/s/ionic-development' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Ionic Development </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Ionic Templates'> <a href='https://code.tutsplus.com/c/mobile-development/s/ionic-templates' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Ionic Templates </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Corona'> <a href='https://code.tutsplus.com/c/mobile-development/s/corona' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Corona </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Firebase'> <a href='https://code.tutsplus.com/c/mobile-development/s/firebase' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Firebase </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Kotlin'> <a href='https://code.tutsplus.com/c/mobile-development/s/kotlin' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Kotlin </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='JavaScript'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> JavaScript </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> JavaScript </span> <a href='https://code.tutsplus.com/c/javascript' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all JavaScript </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='React'> <a href='https://code.tutsplus.com/c/javascript/s/react' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> React </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Vue.js'> <a href='https://code.tutsplus.com/c/javascript/s/vuejs' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Vue.js </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Node'> <a href='https://code.tutsplus.com/c/javascript/s/node' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Node </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='jQuery'> <a href='https://code.tutsplus.com/c/javascript/s/jquery' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> jQuery </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Angular'> <a href='https://code.tutsplus.com/c/javascript/s/angular' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Angular </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Web APIs'> <a href='https://code.tutsplus.com/c/javascript/s/web-apis' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Web APIs </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='PHP'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> PHP </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> PHP </span> <a href='https://code.tutsplus.com/c/php' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all PHP </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Laravel'> <a href='https://code.tutsplus.com/c/php/s/laravel' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Laravel </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='PHP Scripts'> <a href='https://code.tutsplus.com/c/php/s/php-scripts' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> PHP Scripts </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='CodeIgniter'> <a href='https://code.tutsplus.com/c/php/s/codeigniter' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> CodeIgniter </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Yii'> <a href='https://code.tutsplus.com/c/php/s/yii' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Yii </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Coding Fundamentals'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Coding Fundamentals </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Coding Fundamentals </span> <a href='https://code.tutsplus.com/c/coding-fundamentals' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Coding Fundamentals </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='OOP'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/oop' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> OOP </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Functional Programming'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/functional-programming' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Functional Programming </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Databases & SQL'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/databases-sql' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Databases & SQL </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Security'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/security' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Security </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Testing'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/testing' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Testing </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Workflow'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/workflow' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Workflow </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Design Patterns'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/design-patterns' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Design Patterns </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Rest API'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/rest-api' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Rest API </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Machine Learning'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/machine-learning' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Machine Learning </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Authentication'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/authentication' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Authentication </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Version Control & Git'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/version-control-git' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Version Control & Git </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Performance'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/performance' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Performance </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='XML'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/xml' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> XML </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='AJAX'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/ajax' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> AJAX </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Regular Expressions'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/regular-expressions' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Regular Expressions </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Tools'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/tools' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Tools </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Game Development'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/game-development' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Game Development </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Terminal and CLI'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/terminal-and-cli' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Terminal and CLI </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Python'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Python </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Python </span> <a href='https://code.tutsplus.com/c/python' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Python </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Django'> <a href='https://code.tutsplus.com/c/python/s/django' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Django </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Ruby'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Ruby </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Ruby </span> <a href='https://code.tutsplus.com/c/ruby' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Ruby </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Ruby on Rails'> <a href='https://code.tutsplus.com/c/ruby/s/ruby-on-rails' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Ruby on Rails </span> </a> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-second-level-link-item' test-nav-item-name='Cloud & Hosting'> <a href='javascript:' class='global-nav__mobile-second-level-link' data-action='click->global-nav#toggleThirdLevelSection'> <span class='global-nav__mobile-second-level-link-title'> Cloud & Hosting </span> <span class='global-nav__mobile-second-level-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> <div class='global-nav__mobile-third-level-new'> <div class='global-nav__mobile-new'> <section class='view global-nav__mobile-open-header'> <a href='javascript:' class='mobile-action-icon mobile-back-icon' data-action='click->global-nav#toggleThirdLevelSection'> <i class='fa fa-arrow-left'></i> </a> <a href='javascript:' class='mobile-action-icon mobile-close-icon' data-action='click->global-nav#toggleThirdLevelSection global-nav#toggleSecondLevelSection global-nav#toggle'> <i class='fa fa-times'></i> </a> </section> <section class='view global-nav__mobile-third-level-heading '> <span class='global-nav__mobile-third-level-heading-title'> Cloud & Hosting </span> <a href='https://code.tutsplus.com/c/cloud-hosting' class='global-nav__mobile-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-heading-link-text'> View all Cloud & Hosting </span> <span class='global-nav__mobile-third-level-heading-link-icon'> <i class='fa fa-angle-right'></i> </span> </a> </section> <div class='global-nav__mobile-second-level-links-title empty-title'></div> <ul class='global-nav__mobile-third-level-links'> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='AWS'> <a href='https://code.tutsplus.com/c/cloud-hosting/s/aws' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> AWS </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Web Servers'> <a href='https://code.tutsplus.com/c/cloud-hosting/s/web-servers' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Web Servers </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Hosting'> <a href='https://code.tutsplus.com/c/cloud-hosting/s/hosting' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Hosting </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Scaling'> <a href='https://code.tutsplus.com/c/cloud-hosting/s/scaling' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Scaling </span> </a> </li> <li class='global-nav__mobile-third-level-link-item' test-nav-item-name='Databases & SQL'> <a href='https://code.tutsplus.com/c/cloud-hosting/s/databases-sql' class='global-nav__mobile-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-nav__mobile-third-level-link-title'> Databases & SQL </span> </a> </li> </ul> </div> </div> </li> </ul> </div> </div> </li> <li class='global-nav__mobile-top-level-item' test-nav-item-name='Music'> <a href='https://music.tutsplus.com' class='global-nav__mobile-top-level-link global-nav__mobile-top-level-link-new-nav' data-action=''> <span class='global-nav__mobile-top-level-link-title'> Music </span> </a> </li> </ul> <hr class="global-nav__mobile-divider" /><ul class="global-nav-mobile__envato-links new-nav-mobile"><li class="global-nav__mobile-top-level-item"><turbo-frame id="user_mobile_session_info" loading="lazy" src="/user_mobile_session?show_greeting=false"><a data-turbo="false" class="global-nav__mobile-user-link" href="https://tutsplus.com/sign_in?redirect_to=https%3A%2F%2Fcode.tutsplus.com%2Fcoding-advanced-wordpress-theme-templates--CRS-200867c">Sign In</a></turbo-frame></li><li class="global-nav__mobile-top-level-item"><a class="global-mobile__header-item--envato-link" data-action="click->global-nav#sendNewNavDataLayerEvent" href="https://www.youtube.com/channel/UC8lxnUR_CzruT2KA6cb7p0Q">Tuts+ YouTube</a></li><li class="global-nav__mobile-top-level-item"><a class="global-mobile__header-item--envato-link" data-action="click->global-nav#sendNewNavDataLayerEvent" href="https://elements.envato.com">Envato</a></li></ul></div><div class="global-new-nav__header"><div class="global-new-nav__header-content"><div class="global-new-nav__header-top"><div class="global-new-nav__header-right"><ul class="global-new-nav__header-list"><li class="global-new-nav__header-item"><a class="global-nav__header-item--envato-link" data-action="click->ga-analytics#sendElementsClickEvent" href="https://elements.envato.com?utm_campaign=elements_tuts-header_nav&utm_medium=promos&utm_source=tutsplus">Envato</a></li><li class="global-new-nav__header-item global-new-nav__header-divider">|</li><li class="global-new-nav__header-item"><a class="global-nav__header-item--envato-link" data-action="click->global-nav#sendNewNavDataLayerEvent" href="https://www.youtube.com/channel/UC8lxnUR_CzruT2KA6cb7p0Q?utm_campaign=elements_tuts-header_nav&utm_medium=promos&utm_source=tutsplus">Tuts+ YouTube</a></li><li class="global-new-nav__header-item global-new-nav__header-divider">|</li><li class="global-new-nav__header-item"><turbo-frame id="user_session_info" loading="lazy" src="/user_session"><a data-turbo="false" class="global-new-nav__user-link" rel="nofollow" href="https://tutsplus.com/sign_in?redirect_to=https%3A%2F%2Fcode.tutsplus.com%2Fcoding-advanced-wordpress-theme-templates--CRS-200867c">Sign In</a></turbo-frame></li></ul></div></div><div class="global-new-nav__header-bottom"><ul class="global-nav__header-list" data-controller="subcategories-nav"><li class="global-nav__header-item global-nav__header-item-tuts-logo"><a class="global-nav__header-tuts-logo-link" data-action="click->global-nav#sendNewNavDataLayerEvent" href="https://tutsplus.com/"><img alt="envato-tuts+" class="global-nav__header-tuts-logo-image new-nav-mobile" src="https://static.tutsplus.com/packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd83433e94.png" /></a></li> <li class='global-nav__header-item '> <a href='https://design.tutsplus.com' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Design</span> </a> </li> <li class='global-nav__header-item '> <a href='https://business.tutsplus.com' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Business</span> </a> </li> <li class='global-nav__header-item '> <a href='https://photography.tutsplus.com/photo' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Photo</span> </a> </li> <li class='global-nav__header-item '> <a href='https://photography.tutsplus.com/video' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Video</span> </a> </li> <li class='global-nav__header-item '> <a href='https://webdesign.tutsplus.com' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Web Design</span> </a> </li> <li class='global-nav__header-item global-nav__top-level-item--expanded'> <a href='https://code.tutsplus.com' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Code</span> </a> <div class='global-new-nav__header-second-level'> <ul class='global-nav__header-second-level-list'> <li class='global-nav__header-item active-category ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='WordPress'> <a href='https://code.tutsplus.com/c/wordpress' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> WordPress </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Plugin Development'> <a href='https://code.tutsplus.com/c/wordpress/s/plugin-development' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Plugin Development </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Theme Development'> <a href='https://code.tutsplus.com/c/wordpress/s/theme-development' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Theme Development </span> </a> </li> </ul> </ul> <a href='https://code.tutsplus.com/c/wordpress' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All WordPress </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='HTML/CSS'> <a href='https://code.tutsplus.com/c/htmlcss' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> HTML/CSS </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='HTML'> <a href='https://code.tutsplus.com/c/htmlcss/s/html' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> HTML </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='CSS'> <a href='https://code.tutsplus.com/c/htmlcss/s/css' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> CSS </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='JavaScript for Designers'> <a href='https://code.tutsplus.com/c/htmlcss/s/javascript-for-designers' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> JavaScript for Designers </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Bootstrap'> <a href='https://code.tutsplus.com/c/htmlcss/s/bootstrap' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Bootstrap </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Animation'> <a href='https://code.tutsplus.com/c/htmlcss/s/animation' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Animation </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='HTML Templates'> <a href='https://code.tutsplus.com/c/htmlcss/s/html-templates' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> HTML Templates </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Landing Pages'> <a href='https://code.tutsplus.com/c/htmlcss/s/landing-pages' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Landing Pages </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='SVG'> <a href='https://code.tutsplus.com/c/htmlcss/s/svg' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> SVG </span> </a> </li> </ul> </ul> <a href='https://code.tutsplus.com/c/htmlcss' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All HTML/CSS </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Mobile Development'> <a href='https://code.tutsplus.com/c/mobile-development' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Mobile Development </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='iOS Development'> <a href='https://code.tutsplus.com/c/mobile-development/s/ios-development' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> iOS Development </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='iOS Templates'> <a href='https://code.tutsplus.com/c/mobile-development/s/ios-templates' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> iOS Templates </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Android Development'> <a href='https://code.tutsplus.com/c/mobile-development/s/android-development' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Android Development </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Android Templates'> <a href='https://code.tutsplus.com/c/mobile-development/s/android-templates' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Android Templates </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='React Native Development'> <a href='https://code.tutsplus.com/c/mobile-development/s/react-native-development' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> React Native Development </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='React Native Templates'> <a href='https://code.tutsplus.com/c/mobile-development/s/react-native-templates' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> React Native Templates </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Ionic Development'> <a href='https://code.tutsplus.com/c/mobile-development/s/ionic-development' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Ionic Development </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Ionic Templates'> <a href='https://code.tutsplus.com/c/mobile-development/s/ionic-templates' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Ionic Templates </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Corona'> <a href='https://code.tutsplus.com/c/mobile-development/s/corona' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Corona </span> </a> </li> </ul> <ul> <li> <div class='global-new-nav__header-third-level-links-title'>   </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Firebase'> <a href='https://code.tutsplus.com/c/mobile-development/s/firebase' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Firebase </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Kotlin'> <a href='https://code.tutsplus.com/c/mobile-development/s/kotlin' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Kotlin </span> </a> </li> </ul> </ul> <a href='https://code.tutsplus.com/c/mobile-development' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Mobile Development </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='JavaScript'> <a href='https://code.tutsplus.com/c/javascript' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> JavaScript </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='React'> <a href='https://code.tutsplus.com/c/javascript/s/react' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> React </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Vue.js'> <a href='https://code.tutsplus.com/c/javascript/s/vuejs' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Vue.js </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Node'> <a href='https://code.tutsplus.com/c/javascript/s/node' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Node </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='jQuery'> <a href='https://code.tutsplus.com/c/javascript/s/jquery' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> jQuery </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Angular'> <a href='https://code.tutsplus.com/c/javascript/s/angular' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Angular </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Web APIs'> <a href='https://code.tutsplus.com/c/javascript/s/web-apis' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Web APIs </span> </a> </li> </ul> </ul> <a href='https://code.tutsplus.com/c/javascript' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All JavaScript </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='PHP'> <a href='https://code.tutsplus.com/c/php' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> PHP </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Laravel'> <a href='https://code.tutsplus.com/c/php/s/laravel' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Laravel </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='PHP Scripts'> <a href='https://code.tutsplus.com/c/php/s/php-scripts' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> PHP Scripts </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='CodeIgniter'> <a href='https://code.tutsplus.com/c/php/s/codeigniter' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> CodeIgniter </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Yii'> <a href='https://code.tutsplus.com/c/php/s/yii' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Yii </span> </a> </li> </ul> </ul> <a href='https://code.tutsplus.com/c/php' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All PHP </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Coding Fundamentals'> <a href='https://code.tutsplus.com/c/coding-fundamentals' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Coding Fundamentals </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='OOP'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/oop' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> OOP </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Functional Programming'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/functional-programming' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Functional Programming </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Databases & SQL'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/databases-sql' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Databases & SQL </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Security'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/security' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Security </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Testing'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/testing' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Testing </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Workflow'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/workflow' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Workflow </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Design Patterns'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/design-patterns' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Design Patterns </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Rest API'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/rest-api' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Rest API </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Machine Learning'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/machine-learning' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Machine Learning </span> </a> </li> </ul> <ul> <li> <div class='global-new-nav__header-third-level-links-title'>   </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Authentication'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/authentication' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Authentication </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Version Control & Git'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/version-control-git' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Version Control & Git </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Performance'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/performance' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Performance </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='XML'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/xml' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> XML </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='AJAX'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/ajax' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> AJAX </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Regular Expressions'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/regular-expressions' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Regular Expressions </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Tools'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/tools' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Tools </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Game Development'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/game-development' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Game Development </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Terminal and CLI'> <a href='https://code.tutsplus.com/c/coding-fundamentals/s/terminal-and-cli' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Terminal and CLI </span> </a> </li> </ul> </ul> <a href='https://code.tutsplus.com/c/coding-fundamentals' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Coding Fundamentals </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Python'> <a href='https://code.tutsplus.com/c/python' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Python </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Django'> <a href='https://code.tutsplus.com/c/python/s/django' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Django </span> </a> </li> </ul> </ul> <a href='https://code.tutsplus.com/c/python' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Python </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Ruby'> <a href='https://code.tutsplus.com/c/ruby' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Ruby </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Ruby on Rails'> <a href='https://code.tutsplus.com/c/ruby/s/ruby-on-rails' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Ruby on Rails </span> </a> </li> </ul> </ul> <a href='https://code.tutsplus.com/c/ruby' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Ruby </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> <li class='global-nav__header-item ' data-action='mouseenter->subcategories-nav#show mouseleave->subcategories-nav#hide click->subcategories-nav#show' test-nav-item-name='Cloud & Hosting'> <a href='https://code.tutsplus.com/c/cloud-hosting' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-link-text'> Cloud & Hosting </span> <i class='fa fa-chevron-down'></i> </a> <div class='global-new-nav__header-third-level'> <div class='global-new-nav__header-third-level-sub-categories'> <ul class='global-new-nav__header-third-level-links display-flex'> <ul> <li> <div class='global-new-nav__header-third-level-links-title'> Start Learning </div> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='AWS'> <a href='https://code.tutsplus.com/c/cloud-hosting/s/aws' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> AWS </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Web Servers'> <a href='https://code.tutsplus.com/c/cloud-hosting/s/web-servers' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Web Servers </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Hosting'> <a href='https://code.tutsplus.com/c/cloud-hosting/s/hosting' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Hosting </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Scaling'> <a href='https://code.tutsplus.com/c/cloud-hosting/s/scaling' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Scaling </span> </a> </li> <li class='global-new-nav__header-third-level-link-item' test-nav-item-name='Databases & SQL'> <a href='https://code.tutsplus.com/c/cloud-hosting/s/databases-sql' class='global-new-nav__header-third-level-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-link-title'> Databases & SQL </span> </a> </li> </ul> </ul> <a href='https://code.tutsplus.com/c/cloud-hosting' class='global-new-nav__header-third-level-heading-link' data-action='click->global-nav#sendNewNavDataLayerEvent'> <span class='global-new-nav__header-third-level-heading-link-text'> All Cloud & Hosting </span> <span class='global-new-nav__header-third-level-heading-link-icon'> <i class='fa fa-arrow-right'></i> </span> </a> </div> </div> </li> </ul> </div> </li> <li class='global-nav__header-item '> <a href='https://music.tutsplus.com' class='global-new-nav__header-link global-nav__header-link--primary' data-action='click->global-nav#sendNewNavDataLayerEvent focusin->subcategories-nav#hideAllSubCategoriesMenuWrappers'> <span>Music</span> </a> </li> </ul><div class="global-new-nav__header-right" data-controller="global-search"><form class="global-nav__search-form nonmobile" data-turbo="false" data-action="submit->global-nav#sendSearchDataLayerEvent submit->global-search#perform_search" action="https://code.tutsplus.com/t/courses/search" accept-charset="UTF-8" method="get"><input type="text" name="search[terms]" id="search_terms" value="" placeholder="Search tutorials..." class="global-nav__search-terms search-terms-nonmobile" data-action="keydown->global-search#keydown input->global-search#auto_suggestions focus->global-search#focus_in" /> <div class="search__auto_suggestions_container " data-global-search-target="suggestionContainer" data-action="mousedown->global-search#onSuggestionContainerMousedown" > <div class="search__auto_suggestions_content"> <div class="search__auto_suggesstion_list_container"> <div class="search__auto_suggesstion_list_content"> <ul class="search__auto_suggesstion_list" role="listbox" data-global-search-target="suggestionList"> </ul> </div> </div> </div> </div><button name="button" type="submit" class="global-nav__search-button" aria-label="Search"><i class="fa fa-search"></i></button></form></div></div></div></div></nav><div class="empty-sticky-nav-background-div" style="height: 155px"></div><div class="page-content topic-code " id="page-content"><main class="content" style="background-color: transparent;"><div class="content-banner"><div class="content-banner-restricted-width course-banner" name="course_banner"><ol class="content-banner__content-breadcrumb topic-code content-banner__content-breadcrumb-with-primary-category" data-controller="breadcrumbs-component" data-analytics-context="breadcrumbs"> <li class='breadcrumbs-link-item__home-icon'> <a href="https://tutsplus.com/" > <img alt="envato-tuts+" src="https://static.tutsplus.com/packs/static/images/home-67b42eb75817c9594bed.svg" /> </a> </li> <li class='breadcrumbs-link-item__home'> <a href="https://tutsplus.com/" > Home </a> </li> <li> <a href="https://code.tutsplus.com" > Code </a> </li> <li> <a href="https://code.tutsplus.com/c/wordpress" > WordPress </a> </li> </ol> <div class="content-banner__body"><a href="https://code.tutsplus.com/coding-advanced-wordpress-theme-templates--CRS-200867c"><h1 class="content-banner__title">Coding Advanced WordPress Theme Templates</h1></a></div></div></div><div class="content-title"></div><script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "mainEntityOfPage": { "@type": "WebPage", "@id": "https://code.tutsplus.com/coding-advanced-wordpress-theme-templates--CRS-200867c" }, "headline": "Coding Advanced WordPress Theme Templates", "author": { "@type": "Person", "name": "Rachel McCollin", "url": "https://tutsplus.com/authors/rachel-mccollin" }, "datePublished": "2019-09-30 00:00:00 UTC", "image": "https://cms-assets.tutsplus.com/uploads/users/71/courses/1207/preview_image/coding-advanced-theme-templates-400x277.jpg", "description": "Template files are at the heart of every WordPress theme. And if you've already gotten started creating WordPress themes, chances are you have some experience with coding template files. But...", "url": "https://code.tutsplus.com/coding-advanced-wordpress-theme-templates--CRS-200867c", "publisher": { "@type": "Organization", "name": "Envato Tuts", "logo": { "@type": "ImageObject", "url": "https://static.tutsplus.com/packs/static/images/envato-tutsplus-dark-da1bf6c5a7fd83433e94.png"} } }</script><div class="course course--accessible" data-controller="sticky-sidebar-content"><div class="layout__content-with-sidebar"><div class="content-heading"><div class="content-heading__primary"><div class="content-heading__primary-authorship content-heading__item"><img class="content-author__image" alt="Rachel McCollin" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=60/uploads/users/227/profiles/1328/profileImage/rachel-mccollin-jan2015-tutsplus.jpg 2x" loading="lazy" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=30/uploads/users/227/profiles/1328/profileImage/rachel-mccollin-jan2015-tutsplus.jpg" /><span class="content-heading__author-name flex-item"><a rel="author" href="https://tutsplus.com/authors/rachel-mccollin">Rachel McCollin</a></span><time class="content-heading__publication-date flex-item" datetime="2019-09-30T00:00:00Z" title="Sep 30, 2019">Sep 30, 2019</time><span class="content-heading__separator content-heading__separator-first"></span><span class="flex-item"><span class="fas fa-play-circle content-heading__fa-icon"></span><span class="content-heading__label">Lessons: </span><span class="content-heading__value">7</span></span><span class="content-heading__separator"></span><span class="flex-item"><span class="fas fa-clock content-heading__fa-icon"></span><span class="content-heading__label content-heading__length-label">Length: </span><span class="content-heading__value">44 minutes</span></span><div class="sharing-component"><div data-controller="share-icon" class='content-heading__social_share'> <div class="share-icon" > <a class="social-link facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://code.tutsplus.com/coding-advanced-wordpress-theme-templates--CRS-200867c" target="_blank"> <svg class="social-icon social-icon-fb" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M7.69921 19.3126V12.956H5.73572V10.0349H7.69921V8.77635C7.69921 5.52236 9.16588 4.01445 12.3484 4.01445C12.6667 4.01445 13.1064 4.0479 13.5135 4.09649C13.8185 4.12799 14.121 4.17988 14.4191 4.25182V6.90042C14.2467 6.88429 14.0739 6.87473 13.9008 6.87175C13.7069 6.8667 13.513 6.86431 13.3191 6.86458C12.7579 6.86458 12.3198 6.94105 11.9897 7.11072C11.7677 7.22249 11.5811 7.39404 11.4508 7.60619C11.246 7.94075 11.154 8.39878 11.154 9.00178V10.0349H14.2643L13.9579 11.7101L13.7302 12.956H11.154V19.5237C15.8698 18.9518 19.5238 14.9219 19.5238 10.0349C19.5238 4.75605 15.2595 0.476074 10 0.476074C4.74048 0.476074 0.476196 4.75605 0.476196 10.0349C0.476196 14.518 3.5508 18.2794 7.69921 19.3126Z"/> </svg> </a> </div> <div class="share-icon"> <a class="social-link" href=https://www.linkedin.com/shareArticle?mini=true&url=https://code.tutsplus.com/coding-advanced-wordpress-theme-templates--CRS-200867c&title=Coding%20Advanced%20WordPress%20Theme%20Templates&summary= target="_blank"> <svg class="social-icon social-icon-linkedin" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M19.5227 19.5237H15.5809V13.3374C15.5809 11.8622 15.551 9.96378 13.5269 9.96378C11.4717 9.96378 11.1579 11.5689 11.1579 13.2285V19.5237H7.21614V6.80232H11.0026V8.53635H11.0536C11.5827 7.53659 12.8692 6.48129 14.7913 6.48129C18.7851 6.48129 19.5238 9.11399 19.5238 12.5409L19.5227 19.5237ZM2.76423 5.06163C1.49542 5.06163 0.476166 4.03299 0.476166 2.76774C0.476166 1.5036 1.49653 0.476074 2.76423 0.476074C4.0286 0.476074 5.05341 1.5036 5.05341 2.76774C5.05341 4.03299 4.02749 5.06163 2.76423 5.06163ZM4.74064 19.5237H0.787822V6.80232H4.74064V19.5237Z"/> </svg> </a> </div> <div class="share-icon"> <a class="social-link" href="https://www.pinterest.com/pin/create/button/?url=https://code.tutsplus.com/coding-advanced-wordpress-theme-templates--CRS-200867c&description=" target="_blank"> <div class="icon"> <svg class="social-icon social-icon-pinterest" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M10.014 0.476074C4.74628 0.476074 0.476257 4.7356 0.476257 9.98957C0.476257 14.0205 2.98878 17.4634 6.53719 18.8483C6.45365 18.0951 6.37886 16.9412 6.56981 16.1189C6.74405 15.3753 7.68843 11.3912 7.68843 11.3912C7.68843 11.3912 7.40281 10.8197 7.40281 9.97766C7.40281 8.65782 8.17216 7.66734 9.12768 7.66734C9.94239 7.66734 10.3354 8.27766 10.3354 9.00703C10.3354 9.82369 9.81588 11.0443 9.54617 12.1753C9.31943 13.1221 10.0235 13.8935 10.9584 13.8935C12.6514 13.8935 13.9562 12.1118 13.9562 9.53877C13.9562 7.26814 12.3149 5.67449 9.97182 5.67449C7.2588 5.67449 5.66839 7.70782 5.66839 9.80068C5.66839 10.6205 5.98186 11.5015 6.37568 11.9761C6.45445 12.0713 6.46479 12.1546 6.44331 12.2499C6.3717 12.5475 6.2102 13.2015 6.17758 13.3316C6.13541 13.5102 6.04073 13.5467 5.85854 13.4626C4.6691 12.915 3.92283 11.1785 3.92283 9.77528C3.92283 6.77846 6.10915 4.01973 10.224 4.01973C13.5322 4.01973 16.1052 6.37449 16.1052 9.51417C16.1052 12.7959 14.031 15.4364 11.1461 15.4364C10.1803 15.4364 9.27328 14.9372 8.95185 14.3419L8.35595 16.6023C8.14193 17.4316 7.55716 18.4689 7.16413 19.0991C8.05759 19.3729 8.9988 19.5237 9.98853 19.5237C15.2451 19.5237 19.5239 15.2658 19.5239 10.0102C19.5239 4.75385 15.2451 0.496709 9.98853 0.496709L10.014 0.476074Z"/> </svg> </div> </a> </div> <div class="share-icon"> <a class="social-link" href="https://x.com/intent/post?url=https://code.tutsplus.com/coding-advanced-wordpress-theme-templates--CRS-200867c&text=Coding%20Advanced%20WordPress%20Theme%20Templates" target="_blank"> <svg class="social-icon social-icon-x" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M15.477 0.428467H18.3977L12.0167 7.69085L19.5238 17.5713H13.6461L9.04289 11.5781L3.77464 17.5713H0.852417L7.67781 9.80318L0.476227 0.429257H6.50321L10.6643 5.90726L15.477 0.428467ZM14.4524 15.8312H16.0707L5.62385 2.07771H3.88734L14.4524 15.8312Z"/> </svg> </a> </div> <div class="share-icon"> <a class="social-link copy-button" href="javascript:void(0)" data-action="click->share-icon#copyDomain"> <svg class="social-icon social-icon-link" width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M17.9817 9.46401L15.1331 12.3126C14.6442 12.8015 14.0638 13.1894 13.4251 13.454C12.7863 13.7186 12.1016 13.8548 11.4102 13.8548C10.7188 13.8548 10.0341 13.7186 9.39535 13.454C8.75657 13.1894 8.17616 12.8015 7.68728 12.3126C7.56675 12.2123 7.46847 12.0879 7.39869 11.9475C7.32892 11.8071 7.28919 11.6536 7.28204 11.497C7.27489 11.3403 7.30047 11.1839 7.35716 11.0377C7.41386 10.8915 7.50041 10.7587 7.61129 10.6478C7.72218 10.5369 7.85496 10.4504 8.00117 10.3937C8.14738 10.337 8.30381 10.3114 8.46046 10.3185C8.61711 10.3257 8.77056 10.3654 8.91099 10.4352C9.05143 10.505 9.17578 10.6033 9.2761 10.7238C9.84289 11.2847 10.6081 11.5993 11.4055 11.5993C12.2029 11.5993 12.9681 11.2847 13.5349 10.7238L16.3835 7.87518C16.9483 7.31043 17.2655 6.54446 17.2655 5.74578C17.2655 4.9471 16.9483 4.18114 16.3835 3.61638C15.8188 3.05163 15.0528 2.73436 14.2541 2.73436C13.4554 2.73436 12.6895 3.05163 12.1247 3.61638L11.2222 4.52831C11.0102 4.74025 10.7228 4.85932 10.4231 4.85932C10.1233 4.85932 9.83589 4.74025 9.62395 4.52831C9.41201 4.31638 9.29295 4.02893 9.29295 3.7292C9.29295 3.42948 9.41201 3.14203 9.62395 2.93009L10.5359 2.01816C11.5233 1.03078 12.8624 0.476074 14.2588 0.476074C15.6552 0.476074 16.9943 1.03078 17.9817 2.01816C18.9691 3.00554 19.5238 4.34472 19.5238 5.74108C19.5238 7.13745 18.9691 8.47663 17.9817 9.46401ZM8.77783 15.4715L7.87531 16.3834C7.31055 16.9481 6.54459 17.2654 5.74591 17.2654C4.94723 17.2654 4.18126 16.9481 3.61651 16.3834C3.05175 15.8186 2.73448 15.0527 2.73448 14.254C2.73448 13.4553 3.05175 12.6893 3.61651 12.1246L6.46511 9.27598C7.03189 8.71507 7.7971 8.40044 8.59451 8.40044C9.39192 8.40044 10.1571 8.71507 10.7239 9.27598C10.9402 9.45602 11.216 9.54872 11.4971 9.53588C11.7782 9.52305 12.0444 9.40562 12.2434 9.20663C12.4424 9.00764 12.5598 8.74146 12.5726 8.46034C12.5855 8.17922 12.4928 7.90345 12.3127 7.68716C11.8245 7.1971 11.2443 6.80826 10.6054 6.54295C9.96654 6.27763 9.28158 6.14105 8.58981 6.14105C7.89804 6.14105 7.21307 6.27763 6.57421 6.54295C5.93534 6.80826 5.35514 7.1971 4.86688 7.68716L2.01828 10.5358C1.0309 11.5231 0.476196 12.8623 0.476196 14.2587C0.476196 15.6551 1.0309 16.9942 2.01828 17.9816C3.00566 18.969 4.34484 19.5237 5.74121 19.5237C7.13757 19.5237 8.47675 18.969 9.46413 17.9816L10.3761 17.0697C10.588 16.8577 10.7071 16.5703 10.7071 16.2706C10.7071 15.9708 10.588 15.6834 10.3761 15.4715C10.1641 15.2595 9.87667 15.1405 9.57695 15.1405C9.27722 15.1405 8.98977 15.2595 8.77783 15.4715Z"/> </svg> </a> <div id="toast">Copied to clipboard!</div> </div> </div> </div></div></div><div class="content-heading__secondary"> <div class="content-heading__secondary-categories"> <a href="https://code.tutsplus.com/c/wordpress"> <span class="content-heading__secondary-categories-tag"> WordPress </span> </a> </div> </div></div><div class="course__lesson-preview"><div class="lesson-video view lesson-video--full-size" data-action="pause->lesson-video#pauseVideo" data-autoplay="autoplay" data-controller="lesson-video" data-course-sku="CRS-200867" data-human-readable-id="CRS-200867_1.1_introduction" data-wistia-id="p13uoqj24d"><div class="lesson-video__wrapper"><div class="lesson-video__video" data-video-height="540" data-video-width="960" style="display:none;"></div><div class="video-preview-image wistia"><img alt="" class="video-preview-image__image video-preview-image__image--non-mobile" loading="lazy" src="https://embed-ssl.wistia.com/deliveries/e31276361e1c46a53770aae5906cf022b8dc70f9.jpg" width="960px" /><img alt="" class="video-preview-image__image video-preview-image__image--mobile" loading="lazy" src="https://embed-ssl.wistia.com/deliveries/e31276361e1c46a53770aae5906cf022b8dc70f9.jpg?image_crop_resized=400x250" width="960px" /><svg alt="" class="play-btn" data-action="click->lesson-video#hidePreviewAndPlayVideo" enable-background="new 0 0 125 80" focusable="false" viewBox="0 0 125 80" x="0px" y="0px"><rect class="play-button-bg topic-code" clip-rule="evenodd" fill="none" fill-rule="evenodd" height="80" width="125"></rect><polygon clip-rule="evenodd" fill="#FFFFFF" fill-rule="evenodd" points="53,22 53,58 79,40"></polygon></svg></div><div class="lesson-video__controls"><div class="lesson-video__previous"></div><div class="lesson-video__next"><div class="video-settings__autoplay" style="display:none"><a class="video-settings__autoplay-toggle" data-action="click->lesson-video#_toggleAutoplay" href="javascript:"><i class="fa fa-fw fa-play-circle"></i> <span>Turn Autoplay</span> <span class="video-settings__autoplay-state">Off</span></a></div><a class="lesson-video__next-link lesson-video__navigation-link" href="https://code.tutsplus.com/coding-advanced-wordpress-theme-templates--CRS-200867c/review-of-standard-include-files">Next<span class="lesson-video__next-title-more"> Lesson</span><i class="fa fa-arrow-right lesson-video__next-icon"></i></a></div></div><div class="lesson-video__countdown-overlay topic-code"><h2 class="lesson-video__countdown-message"><span>Next lesson playing in</span> <span class="lesson-video__countdown-seconds-remaining"><span class="lesson-video__countdown-seconds">5</span> <span>seconds</span></span></h2><a class="lesson-video__countdown-cancel" data-action="click->next-lesson-countdown#cancelCountDown" href="javascript:"><i class="fa fa-times"></i><span class="lesson-video__countdown-button">Cancel</span></a></div><div class="lesson-video__overlay topic-code" data-action="click->lesson-video#playVideo"><h1 class="lesson-video__course-title topic-code">Coding Advanced WordPress Theme Templates</h1><h2 class="lesson-video__lesson-title">Introduction</h2><div class="lesson-video__lesson-duration topic-code">00:37</div></div></div></div></div><div class="course__description"><p>Template files are at the heart of every WordPress theme. And if you've already gotten started creating WordPress themes, chances are you have some experience with coding template files. But there's always more to learn!</p> <p>In this course, you'll learn how to customize your themes with advanced theme templates. You'll see how to create an advanced WordPress theme for a blog. Along the way, you'll learn different ways to code the Loop, how to create templates for custom page and post types, how to create templates for custom taxonomies, and how to use conditional tags to make your templates more flexible.</p> <p>Do you want to learn WordPress development from start to finish? Check out our learning guide: <a href="https://code.tutsplus.com/series/learn-wordpress-development--cms-1092">Learn WordPress Development</a>.</p> </div><div class="lesson-index"><h2 class="lesson-index__chapter"><div class="lesson-index__chapter-title"><span class="lesson-index__chapter-number">1.</span><span class="lesson-index__chapter-title-text">Introduction</span><div class="lesson-index__chapter-meta">1 lesson, 00:37</div></div></h2><h3 class="lesson-index__lesson lesson-index__lesson--last-in-chapter"><a class="lesson-index__lesson-link" href="/coding-advanced-wordpress-theme-templates--CRS-200867c/introduction"><div class="lesson-index__lesson-button"><i class="fa fa-play-circle"></i></div><div class="lesson-index__lesson-text"><div class="lesson-index__lesson-number">1.1</div><div class="lesson-index__lesson-title">Introduction</div><div class="lesson-index__lesson-duration">00:37</div></div></a></h3><h2 class="lesson-index__chapter"><div class="lesson-index__chapter-title"><span class="lesson-index__chapter-number">2.</span><span class="lesson-index__chapter-title-text">Making Use of Include Files </span><div class="lesson-index__chapter-meta">2 lessons, 16:58</div></div></h2><h3 class="lesson-index__lesson"><a class="lesson-index__lesson-link" href="/coding-advanced-wordpress-theme-templates--CRS-200867c/review-of-standard-include-files"><div class="lesson-index__lesson-button"><i class="fa fa-play-circle"></i></div><div class="lesson-index__lesson-text"><div class="lesson-index__lesson-number">2.1</div><div class="lesson-index__lesson-title">Review of Standard Include Files</div><div class="lesson-index__lesson-duration">05:22</div></div></a></h3><h3 class="lesson-index__lesson lesson-index__lesson--last-in-chapter"><a class="lesson-index__lesson-link" href="/coding-advanced-wordpress-theme-templates--CRS-200867c/creating-multiple-loop-files"><div class="lesson-index__lesson-button"><i class="fa fa-play-circle"></i></div><div class="lesson-index__lesson-text"><div class="lesson-index__lesson-number">2.2</div><div class="lesson-index__lesson-title">Creating Multiple Loop Files</div><div class="lesson-index__lesson-duration">11:36</div></div></a></h3><h2 class="lesson-index__chapter"><div class="lesson-index__chapter-title"><span class="lesson-index__chapter-number">3.</span><span class="lesson-index__chapter-title-text">Creating Custom Template Files</span><div class="lesson-index__chapter-meta">2 lessons, 16:25</div></div></h2><h3 class="lesson-index__lesson"><a class="lesson-index__lesson-link" href="/coding-advanced-wordpress-theme-templates--CRS-200867c/custom-page-templates"><div class="lesson-index__lesson-button"><i class="fa fa-play-circle"></i></div><div class="lesson-index__lesson-text"><div class="lesson-index__lesson-number">3.1</div><div class="lesson-index__lesson-title">Custom Page Templates</div><div class="lesson-index__lesson-duration">05:23</div></div></a></h3><h3 class="lesson-index__lesson lesson-index__lesson--last-in-chapter"><a class="lesson-index__lesson-link" href="/coding-advanced-wordpress-theme-templates--CRS-200867c/templates-for-custom-content"><div class="lesson-index__lesson-button"><i class="fa fa-play-circle"></i></div><div class="lesson-index__lesson-text"><div class="lesson-index__lesson-number">3.2</div><div class="lesson-index__lesson-title">Templates for Custom Content</div><div class="lesson-index__lesson-duration">11:02</div></div></a></h3><h2 class="lesson-index__chapter"><div class="lesson-index__chapter-title"><span class="lesson-index__chapter-number">4.</span><span class="lesson-index__chapter-title-text">Conditional Tags</span><div class="lesson-index__chapter-meta">1 lesson, 06:37</div></div></h2><h3 class="lesson-index__lesson lesson-index__lesson--last-in-chapter"><a class="lesson-index__lesson-link" href="/coding-advanced-wordpress-theme-templates--CRS-200867c/using-conditional-tags-to-output-content"><div class="lesson-index__lesson-button"><i class="fa fa-play-circle"></i></div><div class="lesson-index__lesson-text"><div class="lesson-index__lesson-number">4.1</div><div class="lesson-index__lesson-title">Using Conditional Tags to Output Content</div><div class="lesson-index__lesson-duration">06:37</div></div></a></h3><h2 class="lesson-index__chapter"><div class="lesson-index__chapter-title"><span class="lesson-index__chapter-number">5.</span><span class="lesson-index__chapter-title-text">Conclusion</span><div class="lesson-index__chapter-meta">1 lesson, 02:58</div></div></h2><h3 class="lesson-index__lesson lesson-index__lesson--last-in-chapter"><a class="lesson-index__lesson-link" href="/coding-advanced-wordpress-theme-templates--CRS-200867c/conclusion"><div class="lesson-index__lesson-button"><i class="fa fa-play-circle"></i></div><div class="lesson-index__lesson-text"><div class="lesson-index__lesson-number">5.1</div><div class="lesson-index__lesson-title">Conclusion</div><div class="lesson-index__lesson-duration">02:58</div></div></a></h3><hr class="lesson-index__course-end-marker" /></div><div class="content-author"><div class="content-author__header"><img class="content-author__image" alt="Rachel McCollin" srcset="https://cms-assets.tutsplus.com/cdn-cgi/image/width=160/uploads/users/227/profiles/1328/profileImage/rachel-mccollin-jan2015-tutsplus.jpg 2x" loading="lazy" src="https://cms-assets.tutsplus.com/cdn-cgi/image/width=80/uploads/users/227/profiles/1328/profileImage/rachel-mccollin-jan2015-tutsplus.jpg" /><div class="content-author__name"><a href="https://tutsplus.com/authors/rachel-mccollin">Rachel McCollin</a></div><div class="content-author__title"></div></div><div class="content-author__bio">Rachel McCollin is a WordPress developer who writes books, articles and tutorials about web design and development, with a focus on WordPress and on responsive and mobile development. She runs a web design agency in Birmingham, UK and has published three books on WordPress, including WordPress: Pushing the Limits, an advanced resource for WordPress developers. She's currently writing her fourth book.</div><div class="content-author__twitter"><a href="https://twitter.com/rachelmccollin"><i class="fab fa-twitter"></i>rachelmccollin</a></div></div></div><div class="layout__sidebar"><div class="course-actions"><a class="course-actions__bookmark-button" data-action="click->course-bookmark-actions#toggleBookmark" href="https://elements.envato.com/pricing?utm_source=tutsplus&utm_medium=referral&utm_campaign=tuts-funnel_code">Add to My Courses</a><a class="course-actions__github-link" href="https://github.com/tutsplus/coding-advanced-wordpress-theme-templates">View on GitHub</a><a class="course-actions__forum-link" href="https://forums.envato.com/c/project-making/envato-courses-and-tutorials">Discuss in the Forum</a></div></div></div></main></div><div class="cta-toast-popup" data-analytics-context-detail="cta toast"><turbo-frame id="cta_toast_popup" src="/cta_toast"></turbo-frame></div><div class="ecosystem-highlight" data-analytics-context-detail="ecosystem highlight"><div class="ecosystem-highlight__cards"><div class="ecosystem-highlight__card"><a data-action="click->ga-analytics#sendElementsClickEvent" href="https://elements.envato.com?ec_unit=ecosystem_highlight&utm_campaign=elements_tuts-ecosystem-promo_&utm_medium=promos&utm_source=tutsplus"><img alt="" class="ecosystem-highlight__card-image" loading="lazy" src="https://static.tutsplus.com/packs/static/images/ecosystem/Elements-9c6156923682e0ca754a.png" /><div class="ecosystem-highlight__card-content"><div class="ecosystem-highlight__card-title">Unlimited Downloads<br />From $16.50/month</div><div class="ecosystem-highlight__card-description">Get access to over one million creative assets on Envato.</div></div></a></div><div class="ecosystem-highlight__card"><a data-action="click->ga-analytics#sendMarketClickEvent" href="https://themeforest.net?ec_unit=ecosystem_highlight&utm_campaign=elements_tuts-ecosystem-promo_&utm_medium=promos&utm_source=tutsplus"><img alt="" class="ecosystem-highlight__card-image" loading="lazy" src="https://static.tutsplus.com/packs/static/images/ecosystem/Market-b1c3dbb6b2a34956edf4.png" /><div class="ecosystem-highlight__card-content"><div class="ecosystem-highlight__card-title"> Over 9 Million Digital Assets</div><div class="ecosystem-highlight__card-description"> Everything you need for your next creative project.</div></div></a></div><div class="ecosystem-highlight__card"><a data-action="click->ga-analytics#sendPlaceitClickEvent" href="https://placeit.net?ec_unit=ecosystem_highlight&utm_campaign=placeit_mkt-footer&utm_content=tuts_global-footer&utm_medium=promos&utm_source=tutsplus.com"><img alt="" class="ecosystem-highlight__card-image" loading="lazy" src="https://static.tutsplus.com/packs/static/images/ecosystem/Placeit-2bfac81aff196db3c276.png" /><div class="ecosystem-highlight__card-content"><div class="ecosystem-highlight__card-title"> Create Beautiful Logos, Designs <br> & Mockups in Seconds</div><div class="ecosystem-highlight__card-description"> Design like a professional without Photoshop.</div></div></a></div><div class="ecosystem-highlight__card"><a href="https://community.envato.com?ec_unit=ecosystem_highlight&utm_campaign=elements_tuts-ecosystem-promo_&utm_medium=promos&utm_source=tutsplus"><img alt="" class="ecosystem-highlight__card-image" loading="lazy" src="https://static.tutsplus.com/packs/static/images/ecosystem/Community-4973bc700aa03754d91c.png" /><div class="ecosystem-highlight__card-content"><div class="ecosystem-highlight__card-title"> Join the Community</div><div class="ecosystem-highlight__card-description"> Share ideas. Host meetups. Lead discussions. Collaborate.</div></div></a></div></div></div><footer class="page-footer view" data-analytics-context="footer" data-controller="page-footer"><div class="page-footer__content"><div class="page-footer__links-column"><div class="page-footer__section page-footer__section--first"><div class="page-footer__heading">Envato Tuts+</div><a class="page-footer__links-column-expansion-link" data-action="click->page-footer#toggleFooterSection" href="javascript:void(0);"><span class="page-footer__links-column-expansion-link-expand-text"><i class="fa fa-plus page-footer__links-column-link-icon"></i></span><span class="page-footer__links-column-expansion-link-collapse-text"><i class="fa fa-minus page-footer__links-column-link-icon"></i></span></a><div class="page-footer__item"><a class="page-footer__link" href="https://tutsplus.com/about">About Envato Tuts+</a></div><div class="page-footer__item"><a class="page-footer__link" href="https://tutsplus.com/terms-of-use">Terms of Use</a></div><div class="page-footer__item"><a target="_blank" class="page-footer__link" href="https://www.envato.com/privacy">Privacy</a></div><div class="page-footer__item"><a target="_blank" class="page-footer__link" href="https://www.envato.com/cookies/">Cookies</a></div><div class="page-footer__item"><a class="page-footer__link" data-action="click->page-footer#openCookieSettings" href="javascript:void(0);">Cookie Settings</a></div><div class="page-footer__item"><a target="_blank" class="page-footer__link" href="https://www.envato.com/privacy/#my-personal-information">Do not sell or share my personal information</a></div></div></div><div class="page-footer__links-column"><div class="page-footer__section page-footer__section--first"><div class="page-footer__heading">Help</div><a class="page-footer__links-column-expansion-link" data-action="click->page-footer#toggleFooterSection" href="javascript:void(0);"><span class="page-footer__links-column-expansion-link-expand-text"><i class="fa fa-plus page-footer__links-column-link-icon"></i></span><span class="page-footer__links-column-expansion-link-collapse-text"><i class="fa fa-minus page-footer__links-column-link-icon"></i></span></a><div class="page-footer__item"><a class="page-footer__link" href="https://help.elements.envato.com/hc/en-us/categories/360000070683">FAQ</a></div><div class="page-footer__item"><a class="page-footer__link" href="https://help.elements.envato.com">Help Center</a></div></div></div><div class="page-footer__links-column page-footer__links-last-column"><div class="page-footer__brands-wrapper"><div class="page-footer__tuts-brand"><img loading="lazy" alt="envato-tuts+" class="page-footer__tuts-logo-image tuts-logo" src="https://static.tutsplus.com/packs/static/images/tuts_logo-73b941f1418b55c886ac.svg" /><div class="page-footer__counts"><div class="page-footer__count-item"><div class="page-footer__count-value">25,326</div><div class="page-footer__count-label">Tutorials</div></div><div class="page-footer__count-item"><div class="page-footer__count-value">553</div><div class="page-footer__count-label">Courses</div></div><div class="page-footer__count-item"><div class="page-footer__count-value">18,689</div><div class="page-footer__count-label">Translations</div></div></div></div><div class="page-footer__bcorp-brand"><a class="page-footer__bcorp-brand-link" href="https://www.bcorporation.net/en-us/find-a-b-corp/company/envato" rel="noopener" target="_blank"><img alt="B Corp logo" loading="lazy" src="https://static.tutsplus.com/packs/static/images/bcorp-bfc565be3a93741fc88c.svg" /></a></div></div></div></div><div class="page-footer__envato-bar"><div class="page-footer__envato-bar-content"><div class="page-footer__envato-bar-content-left-column"><ul class="page-footer__envato-bar-links"><li class="page-footer__envato-bar-link-item"><a class="page-footer__envato-bar-link" data-action="click->ga-analytics#sendElementsClickEvent" href="https://elements.envato.com">Envato</a></li><li class="page-footer__envato-bar-link-item"><a class="page-footer__envato-bar-link" data-action="click->ga-analytics#sendMarketClickEvent" href="https://market.envato.com">Envato Market</a></li><li class="page-footer__envato-bar-link-item"><a class="page-footer__envato-bar-link" data-action="click->ga-analytics#sendPlaceitClickEvent" href="https://placeit.net/">Placeit by Envato</a></li><li class="page-footer__envato-bar-link-item"><a class="page-footer__envato-bar-link" href="https://www.envato.com/products/">All products</a></li><li class="page-footer__envato-bar-link-item"><a class="page-footer__envato-bar-link" href="https://www.envato.com/about/careers/">Careers</a></li><li class="page-footer__envato-bar-link-item"><a class="page-footer__envato-bar-link" href="https://www.envato.com/sitemap/">Sitemap</a></li></ul><div class="page-footer__copyright">漏 2024 Envato Pty Ltd. Trademarks and brands are the property of their respective owners.</div></div><div class="page-footer__envato-bar-content-right-column"><ul class="page-footer__follow-us"><li class="page-footer__follow-us-element"><a class="page-footer__social-link page-footer__youtube-link" href="https://www.youtube.com/@envatotuts"><img alt="Youtube" loading="lazy" width="24px" height="24px" src="https://static.tutsplus.com/packs/static/images/social_youtube-2fdd89edede4b116d099.svg" /></a></li><li class="page-footer__follow-us-element"><a class="page-footer__social-link page-footer__instagram-link" href="https://www.instagram.com/envato/"><img alt="Instagram" loading="lazy" width="24px" height="24px" src="https://static.tutsplus.com/packs/static/images/social_instagram-f01c9d7dc71f1ea86182.svg" /></a></li><li class="page-footer__follow-us-element"><a class="page-footer__social-link page-footer__tiktok-link" href="https://www.tiktok.com/@envato"><img alt="Tiktok" loading="lazy" width="24px" height="24px" src="https://static.tutsplus.com/packs/static/images/social_tiktok-57b06ff17a284d8a1744.svg" /></a></li><li class="page-footer__follow-us-element"><a class="page-footer__social-link page-footer__facebook-link" href="https://www.facebook.com/envato/"><img alt="Facebook" loading="lazy" width="24px" height="24px" src="https://static.tutsplus.com/packs/static/images/social_facebook-f35494f677e855ad50dd.svg" /></a></li><li class="page-footer__follow-us-element"><a class="page-footer__social-link page-footer__twitter-link" href="https://twitter.com/envato"><img alt="Twitter" loading="lazy" width="24px" height="24px" src="https://static.tutsplus.com/packs/static/images/social_twitter-98772a5169f3f29dd437.svg" /></a></li><li class="page-footer__follow-us-element"><a class="page-footer__social-link page-footer__pinterest-link" href="https://www.pinterest.com.au/envato/"><img alt="Pinterest" loading="lazy" width="24px" height="24px" src="https://static.tutsplus.com/packs/static/images/social_pinterest-c768bee1968ceb51ae43.svg" /></a></li></ul></div></div></div></footer><script defer="defer" src="https://www.google-analytics.com/analytics.js"></script> <noscript> <img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=912712196247539&ev=PageView&noscript=1"/> </noscript> <script src="https://static.tutsplus.com/packs/js/lazy_load_third_party_libraries-3f74f88902b8cb9ca575.js" defer="defer"></script></body></html>