{"id":15772,"date":"2025-10-08T10:00:22","date_gmt":"2025-10-08T04:00:22","guid":{"rendered":"https:\/\/betterdocs.co\/?post_type=docs&#038;p=15772"},"modified":"2025-12-17T11:02:54","modified_gmt":"2025-12-17T05:02:54","password":"","slug":"configure-betterdocs-layout","status":"publish","type":"docs","link":"https:\/\/betterdocs.co\/it\/docs\/configure-betterdocs-layout\/","title":{"rendered":"How to Configure BetterDocs Layout in WordPress?"},"content":{"rendered":"\n<p>BetterDocs offers multiple\/versatile layout styles for the doc page, category page. You can choose any layout you prefer for your documentation and make your website&#8217;s knowledge base more organized and easier to explore for your customers. Learn how to configure BetterDocs&#8217; layout in WordPress.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter 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=\"How to Update &amp; Design Documentation Layouts in WordPress?\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/uVsS55tN76Y?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><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">How to Configure Documentation Layout Using BetterDocs?<\/h2>\n\n\n\n<p>Before getting started, ensure you have already created a few posts\/docs in BetterDocs and assigned relevant categories to those. For step-by-step instructions, refer to our detailed guide on <a href=\"https:\/\/betterdocs.co\/docs\/how-to-create-and-publish-a-new-documentation-in-betterdocs\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>creating and publishing docs<\/strong><\/a> in BetterDocs.&nbsp;<\/p>\n\n\n\n<p><strong><em>Note:<\/em><\/strong> <em>You will find 4 free and 4 PRO versions of the layout for your documentation. Check the documentation to know how to <\/em><a href=\"https:\/\/betterdocs.co\/docs\/how-to-install-betterdocs-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>install and activate the PRO version<\/em><\/strong><\/a><em>.&nbsp;<\/em><\/p>\n\n\n\n<p>Once done, follow the steps below to explore and configure the new BetterDocs Layout in WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Navigate To \u2018Visit Documentation\u2019<\/h3>\n\n\n\n<p>To add the BetterDocs Layout, you must first open the documentation page from the WordPress dashboard. Simply hover your mouse over your site and click the <strong>\u2018Visit Documentation\u2019<\/strong> page.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1600\" height=\"848\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/image.png\" alt=\"Visit Documentation configuring BetterDocs Layout\" class=\"wp-image-15773\" title=\"\" srcset=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/image.png 1600w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/image-300x159.png 300w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/image-1024x543.png 1024w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/image-768x407.png 768w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/image-1536x814.png 1536w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/image-18x10.png 18w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/image-360x191.png 360w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 2: Add BetterDocs Layout In WordPress<\/h3>\n\n\n\n<p>Once you are on the documentation page, open the Customizer menu by clicking the <strong>\u2018Customize\u2019<\/strong> option. This will display the available dashboard menus.<\/p>\n\n\n\n<div class=\"wp-block-essential-blocks-advanced-image  root-eb-advanced-image-0oz5p\"><div class=\"eb-parent-wrapper eb-parent-eb-advanced-image-0oz5p \"><figure class=\"eb-advanced-image-wrapper eb-advanced-image-0oz5p no-effect\" data-id=\"eb-advanced-image-0oz5p\"><div class=\"eb-image-wrapper\"><div class=\"eb-image-wrapper-inner eb-img-style-rounded\"><img decoding=\"async\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/slate-step-2-image-1.png\" alt=\"Configure BetterDocs Layout \" title=\"\"><\/div><\/div><\/figure><\/div><\/div>\n\n\n\n<p>After clicking the <strong>\u2018Customize\u2019<\/strong> button, you will be redirected to the dashboard menu of the customizer. Click the <strong>\u2018BetterDocs\u2019<\/strong> option to go to all your document categories.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"875\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/image-2.png\" alt=\"BetterDocs Layout\" class=\"wp-image-15775\" title=\"\" srcset=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/image-2.png 1600w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/image-2-300x164.png 300w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/image-2-1024x560.png 1024w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/image-2-768x420.png 768w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/image-2-1536x840.png 1536w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/image-2-18x10.png 18w, https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/image-2-360x197.png 360w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n<\/div>\n\n\n<p>Here, you can apply any of the <strong>8 BetterDocs layouts<\/strong> to your Docs Page, Single Doc, or Category Archive page. To add a layout to the Docs Page, simply select the option and pick your preferred layout. You can then customize it freely with ease and flexibility. Here are the 8 different layouts that you can add:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sleek Layout<\/li>\n\n\n\n<li>Grid Layout<\/li>\n\n\n\n<li>Slate Layout<\/li>\n\n\n\n<li>Box Layout<\/li>\n\n\n\n<li>Card Layout [PRO]<\/li>\n\n\n\n<li>Modern Layout [PRO]<\/li>\n\n\n\n<li>Classic Layout [PRO]<\/li>\n\n\n\n<li>Handbook Layout [PRO]<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"2876\" height=\"1506\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/Image-4.gif\" alt=\"BetterDocs Layout\" class=\"wp-image-15780\" title=\"\"><\/figure>\n<\/div>\n\n\n<p>To add the BetterDocs Layout to your Category Archive page, follow the same steps as above. Simply click the option, select the layout, and you are all set.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2876\" height=\"1506\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/Image-5.gif\" alt=\"BetterDocs Layout\" class=\"wp-image-15781\" title=\"\"><\/figure>\n<\/div>\n\n\n<p>Additionally, BetterDocs offers a <strong>Full Site Editor\u2013compatible<\/strong> <strong>Category<\/strong> where you have full control over the design and layout of your docs. With BetterDocs\u2019 compatibility for the WordPress <strong>Full Site Editor<\/strong>, you can now easily choose and apply different Category designs directly.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2876\" height=\"1506\" src=\"https:\/\/betterdocs.co\/wp-content\/uploads\/2025\/10\/Image-6.gif\" alt=\"Layout in BetterDocs Full Site Editor\" class=\"wp-image-15782\" title=\"\"><\/figure>\n<\/div>\n\n\n<p>This is how you can easily add this BetterDocs layout to your WordPress site and create a stunning knowledge base for your end-users. You can also add the BetterDocs Layout to your <a href=\"https:\/\/betterdocs.co\/docs\/multiple-knowledge-base\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>multiple knowledge bases<\/strong><\/a>.&nbsp;<br>If you face any difficulties, feel free to contact our <a href=\"https:\/\/wpdeveloper.com\/support\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>support team<\/strong><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Configure how to implement layout in BetterDocs<\/p>","protected":false},"author":44,"featured_media":15785,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_analytify_skip_tracking":false,"footnotes":""},"doc_category":[309],"doc_tag":[10],"knowledge_base":[282],"class_list":["post-15772","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations","doc_tag-betterdocs","knowledge_base-wordpress"],"year_month":"2026-04","word_count":422,"total_views":"2056","reactions":{"happy":"5","normal":"0","sad":"0"},"author_info":{"name":"Maahi","author_nicename":"maahi","author_url":"https:\/\/betterdocs.co\/it\/author\/maahi\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/betterdocs.co\/it\/docs\/shopify\/configurations\/"}],"doc_tag_info":[{"term_name":"betterdocs","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/betterdocs\/"}],"knowledge_base_info":[{"term_name":"WordPress","term_url":"https:\/\/betterdocs.co\/it\/docs\/wordpress\/","term_slug":"wordpress"}],"knowledge_base_slug":["wordpress"],"_links":{"self":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/15772","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/users\/44"}],"version-history":[{"count":4,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/15772\/revisions"}],"predecessor-version":[{"id":16458,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/15772\/revisions\/16458"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/media\/15785"}],"wp:attachment":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/media?parent=15772"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/doc_category?post=15772"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/doc_tag?post=15772"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/knowledge_base?post=15772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}