{"id":440,"date":"2020-01-08T11:02:39","date_gmt":"2020-01-08T05:02:39","guid":{"rendered":"http:\/\/dev2.betterdocs.co\/?post_type=docs&#038;p=440"},"modified":"2023-11-05T17:11:58","modified_gmt":"2023-11-05T11:11:58","password":"","slug":"configure-homepage-and-single-page","status":"publish","type":"docs","link":"https:\/\/dev2.betterdocs.co\/ro\/docs\/configure-homepage-and-single-page\/","title":{"rendered":"Cum se configureaz\u0103 pagina de documentare \u0219i pagina unic\u0103 \u00een BetterDocs"},"content":{"rendered":"<p>Cu ajutorul <a href=\"http:\/\/dev2.betterdocs.co\/ro\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>BetterDocs<\/strong><\/a><strong>, <\/strong>you can configure your documentation homepage &amp; single page by using its advanced doc page design features, and ready theme layouts without coding. Follow this step-by-step guideline below to find out how to configure the <strong>Documentation Homepage &amp; Single Page<\/strong> with BetterDocs.<\/p>\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=\"Cum s\u0103 utiliza\u021bi \u0219ablonul gata pentru a proiecta pagina de destina\u021bie a documenta\u021biei\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/OgkTRxkdwKc?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\"><strong>Step 1: Configure The Built-in Documentation Page&nbsp;<\/strong><\/h2>\n\n\n\n<p>Assuming, you have <a href=\"https:\/\/dev2.betterdocs.co\/ro\/docs\/activate-betterdocs\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>installed &amp; activated BetterDocs<\/strong><\/a> on your WordPress site. First, navigate to check the <strong>BetterDocs Settings \u2192 General \u2192 Enable Built-in Documentation Page<\/strong>. However, you can choose to disable it at any moment and use your preferred layouts through shortcodes or page builder widgets.\u00a0\u00a0<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1600\" height=\"751\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-11.png\" alt=\"BetterDocs Documentation Homepage &amp; Single Page\" class=\"wp-image-10103\" title=\"\" srcset=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-11.png 1600w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-11-300x141.png 300w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-11-1024x481.png 1024w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-11-768x360.png 768w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-11-1536x721.png 1536w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-11-18x8.png 18w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-11-360x169.png 360w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 2: Configure Documentation Homepage &amp; Single Page<\/strong><\/h2>\n\n\n\n<p>Afterward, open your WordPress Dashboard and navigate to <a href=\"https:\/\/wpdeveloper.net\/plugins\/betterdocs\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>BetterDocs<\/strong><\/a><strong> \u2192 Settings \u2192 Layout. <\/strong>From here you can see three separate sections for your documentation layouts, and these are <strong>Documentation Page, Single Doc &amp; Archive Page. <\/strong>You can make the changes to any or all of these documentation layouts as per your preference.\u00a0<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"724\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-38.gif\" alt=\"BetterDocs Documentation Homepage &amp; Single Page\" class=\"wp-image-10106\" title=\"\"><\/figure><\/div>\n\n\n<p>Under the \u2018Documentation Page\u2019 tab, you\u2019ll get three sections named \u2018General\u2019, \u2018Search\u2019, &amp; \u2018Order By\u2019 from where you have the full freedom to toggle on\/off any of the features like Live Search, Search Result Image, Enable Masonry, Order Docs Post\/Category Alphabetically, Number of Subcategories\/Columns\/Posts, Enable Post Count, Enable Explore More Button, and more. If you wish to use any other Button label, simply write in the text inside the \u2018Button Text\u2019 field.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"724\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-39.gif\" alt=\"BetterDocs Documentation Homepage &amp; Single Page\" class=\"wp-image-10107\" title=\"\"><\/figure><\/div>\n\n\n<p>Once you are done tweaking the Documentation Homepage you will have something like this. You can learn more by checking out this separate doc on the <a href=\"https:\/\/dev2.betterdocs.co\/ro\/docs\/how-to-configure-doc-single-page\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Documentation Homepage<\/strong><\/a>.\u00a0<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1341\" height=\"583\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-40.gif\" alt=\"BetterDocs Documentation Homepage &amp; Single Page\" class=\"wp-image-10108\" title=\"How To Configure Documentation Homepage &amp; Single Page in BetterDocs 4\" \/><\/figure><\/div>\n\n\n<p>Next, configure the Documentation Single Page from <strong>BetterDocs Settings \u2192 Layout \u2192 Single Doc. <\/strong>There you can get along with all the features like <strong>Enable Table of Contents (TOC)<\/strong>, <strong>TOC Hierarchy, TOC List Number<\/strong>, Enable Sticky TOC, Content Offset, TOC Supported Heading Tag, Enable Breadcrumb, Breadcrumb Home Text, Breadcrumb Home URL, and more in four different sections called \u2018General\u2019, \u2018TOC\u2019, \u2018Breadcrumb\u2019, &amp; Email Feedback.\u2019 These options here are self-explanatory and you can enable\/disable the features by using the toggle button.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"724\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-41.gif\" alt=\"BetterDocs Documentation Homepage &amp; Single Page\" class=\"wp-image-10110\" title=\"\"><\/figure><\/div>\n\n\n<p>Once you are done adjusting the layout of your Single Doc Page should look something like this. You can get more details by checking out this documentation on <a href=\"https:\/\/dev2.betterdocs.co\/ro\/docs\/how-to-configure-doc-single-page\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Doc Single Page<\/strong><\/a>.\u00a0<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1341\" height=\"540\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-42.gif\" alt=\"BetterDocs Documentation Homepage &amp; Single Page\" class=\"wp-image-10111\" title=\"How To Configure Documentation Homepage &amp; Single Page in BetterDocs 6\" \/><\/figure><\/div>\n\n\n<p>Now if you go to the next section of the <strong>BetterDocs Settings \u2192 Layouts \u2192 Archive Page<\/strong>. From there, you can enable\/disable \u2018Enable Sidebar Category List\u2019 and make the changes there.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"724\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-44.gif\" alt=\"BetterDocs Documentation Homepage &amp; Single Page\" class=\"wp-image-10113\" title=\"\"><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 3: Customize The Design of Documentation Page <\/strong>&nbsp;<\/h2>\n\n\n\n<p>To customize the design of your <a href=\"https:\/\/wpdeveloper.net\/knowledge-base-documentations\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>knowledgebase documentation<\/strong><\/a>, navigate to the <strong>BetterDocs Settings \u2192 Design \u2192 Customize BetterDocs.\u00a0<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"751\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-13.png\" alt=\"BetterDocs Documentation Homepage &amp; Single Page\" class=\"wp-image-10114\" title=\"\" srcset=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-13.png 1600w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-13-300x141.png 300w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-13-1024x481.png 1024w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-13-768x360.png 768w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-13-1536x721.png 1536w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-13-18x8.png 18w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-13-360x169.png 360w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure><\/div>\n\n\n<p>After clicking on the customize button, you will be directly redirected to your <strong>WordPress Customizing<\/strong> panel. Here, you have to choose <strong>BetterDocs <\/strong>which comes up with Doc Page, Single Page, Sidebar, Archive Page, &amp; Live Search options. You can make the changes to your overall documentation layouts from there.\u00a0<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"724\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-45.gif\" alt=\"BetterDocs Documentation Homepage &amp; Single Page\" class=\"wp-image-10115\" title=\"\"><\/figure><\/div>\n\n\n<p>To change the outlook of your documentation homepage, go to the <strong>BetterDocs \u2192 Doc Page<\/strong>. You can get the first two ready layouts out of four on BetterDocs free with other styling options that are available there to change the documentation homepage outlook.&nbsp;<\/p>\n\n\n\n<p><strong><em>Not\u0103: <\/em><\/strong><em>If you purchase <\/em><a href=\"http:\/\/dev2.betterdocs.co\/ro\/#pricing\" target=\"_blank\" rel=\"noreferrer noopener\"><strong><em>BetterDocs Pro<\/em><\/strong><\/a><em>, you can unlock all of these exclusive ready layouts, and other styling features to design your Documentation Doc Page, &amp; Single Page, and more in advance.\u00a0\u00a0\u00a0<\/em><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1347\" height=\"622\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-46.gif\" alt=\"BetterDocs Documentation Homepage &amp; Single Page\" class=\"wp-image-10116\" title=\"How To Configure Documentation Homepage &amp; Single Page in BetterDocs 10\" \/><\/figure><\/div>\n\n\n<p>Next, you can configure the <strong>BetterDocs \u2192 Single Doc Page<\/strong> with this ready theme design out of three that come free, and other advanced styling options are present there to make the changes on your Single Doc Page layouts.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1344\" height=\"625\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-47.gif\" alt=\"BetterDocs Documentation Homepage &amp; Single Page\" class=\"wp-image-10117\" title=\"How To Configure Documentation Homepage &amp; Single Page in BetterDocs 11\" \/><\/figure><\/div>\n\n\n<p>Even you can change the entire outlook of the <strong>Sidebar, Archive Page, &amp; Live Search<\/strong> background color, text color, typography, margin, and more. Just go to each of these sections and make the changes according to your needs.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1341\" height=\"621\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-48.gif\" alt=\"BetterDocs Documentation Homepage &amp; Single Page\" class=\"wp-image-10118\" title=\"How To Configure Documentation Homepage &amp; Single Page in BetterDocs 12\" \/><\/figure><\/div>\n\n\n<p>By simply following all the above steps, you will be able to create and design your documentation Doc Page &amp; Single Doc Page with BetterDocs on your WordPress website.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1339\" height=\"509\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/image-49.gif\" alt=\"BetterDocs Documentation Homepage &amp; Single Page\" class=\"wp-image-10119\" title=\"How To Configure Documentation Homepage &amp; Single Page in BetterDocs 13\" \/><\/figure><\/div>\n\n\n<p>That\u2019s how you can simply configure and design the Documentation Homepage &amp; Single Page with BetterDocs.\u00a0Getting Stuck? Feel free to contact our dedicated <a href=\"https:\/\/wpdeveloper.com\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>echipa de suport<\/strong><\/a> pentru asisten\u021b\u0103 suplimentar\u0103.<\/p>","protected":false},"excerpt":{"rendered":"<p>BetterDocs gives you the full freedom to configure and design your Documentation Homepage &amp; Single Page beautifully without coding.  <\/p>","protected":false},"author":6,"featured_media":2225,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_analytify_skip_tracking":false,"footnotes":""},"doc_category":[309],"doc_tag":[10,14],"knowledge_base":[282],"year_month":"2026-05","word_count":693,"total_views":"9966","reactions":{"happy":"24","normal":"11","sad":"20"},"author_info":{"author_nicename":"akash","author_url":"https:\/\/dev2.betterdocs.co\/ro\/author\/akash\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/dev2.betterdocs.co\/ro\/docs-category\/configurations\/"}],"doc_tag_info":[{"term_name":"betterdocs","term_url":"https:\/\/dev2.betterdocs.co\/ro\/docs-tag\/betterdocs\/"},{"term_name":"configuration","term_url":"https:\/\/dev2.betterdocs.co\/ro\/docs-tag\/configuration\/"}],"author_list":[{"ID":"13","user_login":"abid@ar.com.bd","display_name":"Abid Hasan","id":"13"},{"ID":"8","user_login":"afrin","display_name":"afrin","id":"8"},{"ID":"4","user_login":"Afshana","display_name":"Afshana Diya","id":"4"},{"ID":"24","user_login":"Ahmed","display_name":"Ahmed Kawser","id":"24"},{"ID":"6","user_login":"akash","display_name":"akash","id":"6"},{"ID":"17","user_login":"alim","display_name":"Alim","id":"17"},{"ID":"18","user_login":"arshiana","display_name":"arshiana","id":"18"},{"ID":"1","user_login":"Asif","display_name":"admin","id":"1"},{"ID":"14","user_login":"Faguni","display_name":"Faguni","id":"14"},{"ID":"37","user_login":"Galib","display_name":"Galib Hayder","id":"37"},{"ID":"41","user_login":"Imtiaz","display_name":"Imtiaz","id":"41"},{"ID":"11","user_login":"Jamil","display_name":"Jamil Uddin","id":"11"},{"ID":"21","user_login":"jemima","display_name":"Jemima Naznin","id":"21"},{"ID":"25","user_login":"Mahbub","display_name":"Mahbub","id":"25"},{"ID":"20","user_login":"mahedi@ar.com.bd","display_name":"mahedi@ar.com.bd","id":"20"},{"ID":"39","user_login":"mahmudul","display_name":"mahmudul","id":"39"},{"ID":"32","user_login":"mamun","display_name":"Abdullah Mamun","id":"32"},{"ID":"19","user_login":"manzur","display_name":"manzur","id":"19"},{"ID":"9","user_login":"Mukul","display_name":"Mukul","id":"9"},{"ID":"35","user_login":"nadvi","display_name":"nadvi","id":"35"},{"ID":"33","user_login":"nahid","display_name":"Nahid Hasan","id":"33"},{"ID":"23","user_login":"Oishi","display_name":"Parsia Tabassum Oishi","id":"23"},{"ID":"36","user_login":"Popy","display_name":"Esrat Popy","id":"36"},{"ID":"5","user_login":"rafin","display_name":"rafin","id":"5"},{"ID":"34","user_login":"rasel","display_name":"Rasel","id":"34"},{"ID":"22","user_login":"Razthee","display_name":"Razthee","id":"22"},{"ID":"30","user_login":"rumi","display_name":"rumi","id":"30"},{"ID":"2","user_login":"Rupok","display_name":"Rupok","id":"2"},{"ID":"15","user_login":"sadab","display_name":"Sadab Khan","id":"15"},{"ID":"29","user_login":"Salauddin Rana","display_name":"Salauddin Rana","id":"29"},{"ID":"3","user_login":"Shahan","display_name":"Shahan","id":"3"},{"ID":"31","user_login":"shahidul","display_name":"Shahidul Islam","id":"31"},{"ID":"28","user_login":"Shaikat","display_name":"Shaikat","id":"28"},{"ID":"10","user_login":"sumaiya","display_name":"sumaiya","id":"10"},{"ID":"12","user_login":"tanaz","display_name":"Tanaz","id":"12"},{"ID":"16","user_login":"tasnia","display_name":"Tasnia","id":"16"},{"ID":"38","user_login":"tomal","display_name":"Towfique Ahmed","id":"38"}],"_links":{"self":[{"href":"https:\/\/dev2.betterdocs.co\/ro\/wp-json\/wp\/v2\/docs\/440"}],"collection":[{"href":"https:\/\/dev2.betterdocs.co\/ro\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/dev2.betterdocs.co\/ro\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/ro\/wp-json\/wp\/v2\/users\/6"}],"version-history":[{"count":6,"href":"https:\/\/dev2.betterdocs.co\/ro\/wp-json\/wp\/v2\/docs\/440\/revisions"}],"predecessor-version":[{"id":10121,"href":"https:\/\/dev2.betterdocs.co\/ro\/wp-json\/wp\/v2\/docs\/440\/revisions\/10121"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/ro\/wp-json\/wp\/v2\/media\/2225"}],"wp:attachment":[{"href":"https:\/\/dev2.betterdocs.co\/ro\/wp-json\/wp\/v2\/media?parent=440"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/ro\/wp-json\/wp\/v2\/doc_category?post=440"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/ro\/wp-json\/wp\/v2\/doc_tag?post=440"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/ro\/wp-json\/wp\/v2\/knowledge_base?post=440"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}