{"id":574,"date":"2019-11-13T12:36:27","date_gmt":"2019-11-13T06:36:27","guid":{"rendered":"http:\/\/dev2.betterdocs.co\/?post_type=docs&#038;p=574"},"modified":"2024-03-25T13:03:14","modified_gmt":"2024-03-25T07:03:14","password":"","slug":"customize-documentation-sidebar","status":"publish","type":"docs","link":"https:\/\/dev2.betterdocs.co\/es\/docs\/customize-documentation-sidebar\/","title":{"rendered":"How to Customize the Documentation Sidebar?"},"content":{"rendered":"<p><a href=\"https:\/\/dev2.betterdocs.co\/es\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>BetterDocs<\/strong><\/a> gives you the freedom to customize the Sidebar layout and change its appearance any way you want. Now, let\u2019s follow the below guidelines to <strong>personalizar la barra lateral de documentaci\u00f3n<\/strong> en BetterDocs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 1: Configure BetterDocs Settings<\/strong><\/h2>\n\n\n\n<p>First of all, go to the BetterDocs Settings by navigating to <strong>wp-admin <strong>\u2192<\/strong> BetterDocs <strong>\u2192<\/strong> Configuraciones<\/strong>. Luego, abra el <strong>&#039;Dise\u00f1o&#039;<\/strong> leng\u00fceta. Ahora, presiona el <strong>&#039;Personalizar BetterDocs&#039;<\/strong> bot\u00f3n y ser\u00e1 redirigido a la p\u00e1gina Personalizar.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"2862\" height=\"1480\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/11\/BetterDocs-Latest-UI-.gif\" alt=\"Documentation Sidebar\" class=\"wp-image-10070\" title=\"\"><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 2: Modify BetterDocs Documentation Sidebar<\/strong><\/h2>\n\n\n\n<p>From \u2018Customize BetterDocs\u2019, you can pick the <strong>\u2018Sidebar\u2019<\/strong> option. You will then find all the styling options to modify the appearance of the sidebar.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"779\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/10\/image-31.gif\" alt=\"Documentation Sidebar\" class=\"wp-image-9993\" title=\"\"><\/figure><\/div>\n\n\n<p>Since by default the <strong>&#039;Personalizar BetterDocs&#039; <\/strong>option redirects you to the doc landing page as a preview, you need to go through the Single docs to see the sidebar changes you make in real-time.<\/p>\n\n\n\n<p>Afterward, you can go ahead &amp; change the Icon Size, Title Font Size, Item Count Size, List Item Font Size, and others. Besides, you have the freedom to change the Title colors when they are in normal and active modes. Also, you can change the colors for Item Background, Item List, Active Item List, Item Count, and many others on your sidebar. Make sure to hit on the<strong> &#039;Publicar&#039;<\/strong> bot\u00f3n para guardar sus cambios.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"867\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/10\/image-32.gif\" alt=\"Documentation Sidebar\" class=\"wp-image-9994\" title=\"\"><\/figure><\/div>\n\n\n<p>Moreover, BetterDocs provides a Full Site Editor compatible block of Docs Sidebar feature where you can include\/exclude categories, sort by different orders, choose selected layouts, and more. It allows you to make changes to the sidebar design and layout as per your preference. You can now choose different Docs sidebar designs directly using BetterDocs compatibility for the WordPress full site editor.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1895\" height=\"873\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2024\/03\/chrome_a2GMVBC7L7.gif\" alt=\"Documentation Sidebar\" class=\"wp-image-11539\" title=\"\"><\/figure><\/div>\n\n\n<p>Con <a href=\"https:\/\/wpdeveloper.net\/plugins\/betterdocs\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>BetterDocs<\/strong><\/a>, this is how easily you can customize the documentation sidebar in advance to improve your user experience.<\/p>\n\n\n\n<p>If you face any difficulties, feel free to<a href=\"https:\/\/wpdeveloper.net\/support\" target=\"_blank\" rel=\"noreferrer noopener\"> <strong>contact our support team<\/strong><\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>With the help of BetterDocs, the best knowledgebase plugin for WordPress,  you can easily customize the Documentation SideBar for your docs pages on WordPress.<\/p>","protected":false},"author":5,"featured_media":9993,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_analytify_skip_tracking":false,"footnotes":""},"doc_category":[309],"doc_tag":[16,10,23,18,17],"knowledge_base":[282],"year_month":"2026-05","word_count":300,"total_views":"10818","reactions":{"happy":"37","normal":"18","sad":"19"},"author_info":{"author_nicename":"rafin","author_url":"https:\/\/dev2.betterdocs.co\/es\/author\/rafin\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/dev2.betterdocs.co\/es\/docs-category\/configurations\/"}],"doc_tag_info":[{"term_name":"WordPress","term_url":"https:\/\/dev2.betterdocs.co\/es\/docs-tag\/wordpress\/"},{"term_name":"betterdocs","term_url":"https:\/\/dev2.betterdocs.co\/es\/docs-tag\/betterdocs\/"},{"term_name":"customize","term_url":"https:\/\/dev2.betterdocs.co\/es\/docs-tag\/customize\/"},{"term_name":"documentation","term_url":"https:\/\/dev2.betterdocs.co\/es\/docs-tag\/documentation\/"},{"term_name":"knowledge base","term_url":"https:\/\/dev2.betterdocs.co\/es\/docs-tag\/knowledge-base\/"}],"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\/es\/wp-json\/wp\/v2\/docs\/574"}],"collection":[{"href":"https:\/\/dev2.betterdocs.co\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/dev2.betterdocs.co\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/es\/wp-json\/wp\/v2\/users\/5"}],"version-history":[{"count":6,"href":"https:\/\/dev2.betterdocs.co\/es\/wp-json\/wp\/v2\/docs\/574\/revisions"}],"predecessor-version":[{"id":11540,"href":"https:\/\/dev2.betterdocs.co\/es\/wp-json\/wp\/v2\/docs\/574\/revisions\/11540"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/es\/wp-json\/wp\/v2\/media\/9993"}],"wp:attachment":[{"href":"https:\/\/dev2.betterdocs.co\/es\/wp-json\/wp\/v2\/media?parent=574"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/es\/wp-json\/wp\/v2\/doc_category?post=574"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/es\/wp-json\/wp\/v2\/doc_tag?post=574"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/es\/wp-json\/wp\/v2\/knowledge_base?post=574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}