{"id":796,"date":"2020-02-13T10:05:34","date_gmt":"2020-02-13T10:05:34","guid":{"rendered":"https:\/\/webnus.net\/kata\/documentation\/?p=62"},"modified":"2024-11-18T11:23:06","modified_gmt":"2024-11-18T11:23:06","slug":"archive-builder","status":"publish","type":"post","link":"https:\/\/webnus.net\/kata\/documentation\/archive-builder\/","title":{"rendered":"Archive Builder"},"content":{"rendered":"\n<p>Kata\u2019s Archive Builder offers a powerful solution for crafting personalized archive templates tailored to your site\u2019s needs. Whether you\u2019re designing category pages, tag archives, or author listings, this tool allows you to create layouts that are not only visually appealing but also highly functional. By leveraging Elementor\u2019s flexibility, you can design pages that enhance your visitors\u2019 browsing experience while keeping your site\u2019s aesthetic consistent.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Accessing the Archive Builder<\/h3>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-01-1.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"2880\" height=\"1634\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-01-1.png\" alt=\"Archive Builder\" class=\"wp-image-3760\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-01-1.png 2880w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-01-1-300x170.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-01-1-1024x581.png 1024w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-01-1-768x436.png 768w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-01-1-1536x871.png 1536w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-01-1-2048x1162.png 2048w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><\/a><\/figure>\n\n\n\n<p>To start using the Archive Builder:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to the <strong>Kata<\/strong> section in your WordPress dashboard.<\/li>\n\n\n\n<li>Select <strong>Archive<\/strong> to enter the builder interface.<\/li>\n\n\n\n<li>From here, you\u2019ll find all the options and tools needed to design and customize archive templates effortlessly.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Features and Customization Options<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-02-1.png\"><img decoding=\"async\" width=\"2880\" height=\"2478\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-02-1.png\" alt=\"Archive Builder\" class=\"wp-image-3761\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-02-1.png 2880w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-02-1-300x258.png 300w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-02-1-1024x881.png 1024w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-02-1-768x661.png 768w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-02-1-1536x1322.png 1536w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-02-1-2048x1762.png 2048w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><\/a><\/figure>\n\n\n\n<p>The Archive Builder integrates key archive elements into Elementor, offering drag-and-drop ease for creating personalized layouts.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Core Components Available for Customization<\/strong><\/h4>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Kata WP Theme - Archive Builder\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/w8mVOuyO5tM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><figcaption class=\"wp-element-caption\">Kata WP Theme &#8211; Archive Builder<\/figcaption><\/figure>\n\n\n\n<p><strong>Archive Title Element<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Functionality<\/strong>: Displays the archive\u2019s title (e.g., category, tag, or author name).<\/li>\n\n\n\n<li><strong>Customization Options<\/strong>: Adjust font size, color, alignment, and effects to ensure the title stands out.<\/li>\n<\/ul>\n\n\n\n<p><strong>Archive Description Box<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Functionality<\/strong>: Adds a description to provide context or additional information about the archive.<\/li>\n\n\n\n<li><strong>Customization Options<\/strong>: Modify typography, spacing, and colors to match your site\u2019s design.<\/li>\n<\/ul>\n\n\n\n<p><strong>Post Metadata<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Functionality<\/strong>: Displays information like the post author, publication date, categories, or tags.<\/li>\n\n\n\n<li><strong>Customization Options<\/strong>: Choose which metadata to display and style each element individually, including fonts, icons, and alignment.<\/li>\n<\/ul>\n\n\n\n<p><strong>Blog Post Module<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Functionality<\/strong>: Displays the list of posts within the archive.<\/li>\n\n\n\n<li><strong>Customization Options<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Select layout styles such as grid, list, or masonry.<\/li>\n\n\n\n<li>Define the number of posts per page and enable lazy loading for performance.<\/li>\n\n\n\n<li>Adjust metadata visibility, spacing, and hover effects.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><strong>Pagination Section<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Functionality<\/strong>: Adds navigation to browse through archive pages.<\/li>\n\n\n\n<li><strong>Customization Options<\/strong>: Personalize pagination styles, such as buttons or infinite scroll, and customize their appearance with unique hover effects and colors.<\/li>\n<\/ul>\n\n\n\n<p><strong>Social Share Icons<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Functionality<\/strong>: Allows visitors to share content from archive pages on various social media platforms.<\/li>\n\n\n\n<li><strong>Customization Options<\/strong>: Choose icon styles, sizes, alignment, and hover animations to encourage engagement.<\/li>\n<\/ul>\n\n\n\n<p><strong>Related Posts Section<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Functionality<\/strong>: Displays posts related to the current archive, helping retain visitor interest.<\/li>\n\n\n\n<li><strong>Customization Options<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Configure how related posts are determined (e.g., by category, tags, or taxonomy).<\/li>\n\n\n\n<li>Style layouts and include metadata or featured images to make related posts more appealing.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><strong>Recent Posts Section<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Functionality<\/strong>: Highlights the latest posts on archive pages, keeping content fresh and engaging.<\/li>\n\n\n\n<li><strong>Customization Options<\/strong>:\n<ul class=\"wp-block-list\">\n<li>Choose layout styles and the number of posts displayed.<\/li>\n\n\n\n<li>Add hover effects, borders, or backgrounds to differentiate this section visually.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><strong>Highlight Featured Posts<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Functionality<\/strong>: Emphasize specific posts by showcasing them prominently at the top of the archive.<\/li>\n\n\n\n<li><strong>Customization Options<\/strong>: Style featured posts with unique typography, overlays, or animations.<\/li>\n<\/ul>\n\n\n\n<p><strong>Additional Enhancements<\/strong><\/p>\n\n\n\n<p>Use widgets like search bars, filters, or custom HTML to extend the functionality of your archive pages.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/webnus.net\/kata\/documentation\/styler\/\" data-type=\"link\" data-id=\"https:\/\/webnus.net\/kata\/documentation\/styler\/\">Styler<\/a> Options <\/h3>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-3.png\"><img decoding=\"async\" width=\"959\" height=\"1031\" src=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-3.png\" alt=\"Archive Builder\" class=\"wp-image-3769\" srcset=\"https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-3.png 959w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-3-279x300.png 279w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-3-952x1024.png 952w, https:\/\/webnus.net\/kata\/documentation\/wp-content\/uploads\/2020\/02\/kata-archive-builder-3-768x826.png 768w\" sizes=\"(max-width: 959px) 100vw, 959px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Typography<\/strong>: Adjust fonts, sizes, and weights for a cohesive appearance.<\/p>\n\n\n\n<p><strong>Spacing and Layout<\/strong>: Fine-tune gaps, margins, and padding for optimal element arrangement.<\/p>\n\n\n\n<p><strong>Colors<\/strong>: Personalize text, background, and border colors to align with your site\u2019s branding.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Template Loader<\/h3>\n\n\n\n<p>The Template Loader enhances your design process by allowing you to reuse and integrate templates, ensuring efficiency and consistency in your layouts.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Key Capabilities<\/strong><\/h4>\n\n\n\n<p><strong>Load Pre-Designed Templates<\/strong><\/p>\n\n\n\n<p>Use templates you\u2019ve previously saved in the Elementor library. This includes sidebars, call-to-action sections, or even complex multi-column layouts.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Example Use Case: Adding a Sidebar<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Design Your Sidebar Template<\/strong>: Create a sidebar template in Elementor that includes widgets like a search bar, recent posts, categories, or social media icons. Save it to your Elementor library.<\/li>\n\n\n\n<li><strong>Load the Sidebar into an Archive Page<\/strong>: Open the Archive Builder, use the Template Loader to add the saved sidebar, and position it as required.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>The Kata Archive Builder is an essential tool for designing dynamic and visually appealing archive pages. Its seamless integration with Elementor and versatile features, including post metadata, social sharing, related posts, and recent posts, allows you to create layouts that engage visitors and enhance their browsing experience. With the Archive Builder, you can ensure your archive pages are not only functional but also aligned with your creative vision.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kata\u2019s Archive Builder offers a powerful solution for crafting personalized archive templates tailored to your site\u2019s needs. Whether you\u2019re designing category pages, tag archives, or author listings, this tool allows you to create layouts that are not only visually appealing but also highly functional. By leveraging Elementor\u2019s flexibility, you can design pages that enhance your [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":833,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[28,20],"tags":[],"class_list":["post-796","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-kata-builders"],"_links":{"self":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/796","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/comments?post=796"}],"version-history":[{"count":9,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/796\/revisions"}],"predecessor-version":[{"id":3775,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/posts\/796\/revisions\/3775"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/media\/833"}],"wp:attachment":[{"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/media?parent=796"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/categories?post=796"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webnus.net\/kata\/documentation\/wp-json\/wp\/v2\/tags?post=796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}