{"id":15669,"date":"2025-05-21T11:52:39","date_gmt":"2025-05-21T05:52:39","guid":{"rendered":"https:\/\/helpdesk.spider-themes.net\/docs\/docy-wordpress-theme\/docy-options\/pre-loader-in-docy\/"},"modified":"2025-05-21T11:52:39","modified_gmt":"2025-05-21T05:52:39","slug":"pre-loader-in-docy","status":"publish","type":"docs","link":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/docs\/docy-wordpress-theme\/pre-loader-in-docy\/","title":{"rendered":"Pre-loader"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>How to Enable Preloader in the Docy Theme<\/strong><\/h2>\n\n\n\n<p>Follow the steps below to enable the preloader feature in the Docy WordPress theme:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Log in to your WordPress Dashboard<\/strong><strong><br><\/strong> Go to your website&#8217;s admin panel.<br><\/li>\n\n\n\n<li><strong>Navigate to Docy Theme Settings<\/strong><strong><br><\/strong> From the left sidebar, hover over or click on <strong>&#8220;Docy&#8221;<\/strong>, then select <strong>&#8220;Theme Settings&#8221;<\/strong>.<br><\/li>\n\n\n\n<li><strong>Go to General Settings<\/strong><strong><br><\/strong> Inside the Theme Settings panel, click on the <strong>&#8220;General Settings&#8221;<\/strong> tab.<br><\/li>\n\n\n\n<li><strong>Find the Preloader Option<\/strong><strong><br><\/strong> Scroll down to locate the <strong>&#8220;Preloader&#8221;<\/strong> setting.<br><\/li>\n\n\n\n<li><strong>Enable the Preloader<\/strong><strong><br><\/strong> Toggle or click the <strong>&#8220;Enable&#8221;<\/strong> option to turn on the preloader.<\/li>\n\n\n\n<li><strong>Save Changes<br><\/strong> Don\u2019t forget to click the <strong>&#8220;Save&#8221;<\/strong> button to apply the changes.<\/li>\n<\/ol>\n\n\n\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;69e7ffcb8673a&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"69e7ffcb8673a\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-content\/uploads\/2025\/05\/pika-1747807253490-1x-1024x571.png\" alt=\"\" class=\"wp-image-15709\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Enlarge\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"state.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<p>Once enabled, a preloader animation will appear when your website pages are loading.<br>You can also customize your preloader logo, title, and color. You have full control over the customization of your preloader. Tailor it to match your brand identity by uploading your logo, setting a custom title, and choosing the perfect color scheme.&nbsp;<\/p>\n\n\n\n<p>To further enrich the loading experience, you can also enable random quotes to appear beneath the preloader title. These quotes are displayed dynamically, providing fresh content each page loads. You can customize the text color of these quotes, ensuring they harmonize with your site&#8217;s overall design.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This guide explains setting up or enable a pre-loader in the Docy WordPress theme. A pre-loader enhances user experience by displaying a loading animation before the website loads. You&#8217;ll learn the step-by-step process to activate and customize the pre-loader using the built-in options in the Docy theme settings\u2014no coding required.<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":12,"menu_order":5,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-15669","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/15669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/comments?post=15669"}],"version-history":[{"count":0,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/15669\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/docs\/12"}],"wp:attachment":[{"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/media?parent=15669"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/arolax.crowdytheme-demo.com\/documentation\/wp-json\/wp\/v2\/doc_tag?post=15669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}