{"id":33,"date":"2025-12-18T10:43:53","date_gmt":"2025-12-18T10:43:53","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/purenote\/?p=33"},"modified":"2026-01-01T06:15:39","modified_gmt":"2026-01-01T06:15:39","slug":"enable-preloaders-in-purenote","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/purenote\/enable-preloaders-in-purenote\/","title":{"rendered":"Enable Preloaders in Purenote"},"content":{"rendered":"\n<p>A preloader is an animated interface element that is shown while your webpage is loading in the background. You can easily customize the Preloader customizer with two or three simple clicks.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">To do so:<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Log in to your WordPress dashboard, then go to&nbsp;<strong>Appearance \u2192 Customize&nbsp;<\/strong>.<\/li>\n\n\n\n<li>Then click on&nbsp;<strong>General Settings,<\/strong>&nbsp;then select<strong>&nbsp;Preloader<\/strong>.<\/li>\n\n\n\n<li>Now, at first,&nbsp;<strong>Enable Preloaders&nbsp;<\/strong>through the toggle option available at the top panel.<\/li>\n\n\n\n<li>After turning it on, you will be able to see the preloader layout with three different styles available<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"594\" src=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Preloaders.jpg\" alt=\"Preloaders in Purenote\n\" class=\"wp-image-57\" srcset=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Preloaders.jpg 1200w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Preloaders-300x149.jpg 300w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Preloaders-1024x507.jpg 1024w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/Preloaders-768x380.jpg 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Select the own by making sure it appears on website (check through the live preview on your site)<\/li>\n<\/ul>\n\n\n\n<h2>More <b>Preloader Options<\/b> in Purenote Pro<span class=\"mt-docs-pro-tag\"><\/span><\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"351\" height=\"555\" src=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/image-13.png\" alt=\"\" class=\"wp-image-136\" srcset=\"https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/image-13.png 351w, https:\/\/docs.mysterythemes.com\/purenote\/wp-content\/uploads\/sites\/29\/2025\/12\/image-13-190x300.png 190w\" sizes=\"auto, (max-width: 351px) 100vw, 351px\" \/><\/figure>\n<\/div>\n\n\n<p>You will have more stunning animated Preloader options to utilize with <strong>Purenote Pro<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click on\u00a0<strong>Publish\u00a0<\/strong>button to save your changes after you made your choice.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>A preloader is an animated interface element that is shown while your webpage is loading in the background. You can easily customize the Preloader customizer with two or three simple clicks. To do so: More Preloader Options in Purenote Pro You will have more stunning animated Preloader options to utilize with Purenote Pro<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-33","post","type-post","status-publish","format-standard","hentry","category-general-settings"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts\/33","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/comments?post=33"}],"version-history":[{"count":4,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts\/33\/revisions"}],"predecessor-version":[{"id":137,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/posts\/33\/revisions\/137"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/media?parent=33"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/categories?post=33"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/purenote\/wp-json\/wp\/v2\/tags?post=33"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}