{"id":593,"date":"2019-11-13T12:34:26","date_gmt":"2019-11-13T06:34:26","guid":{"rendered":"http:\/\/dev2.betterdocs.co\/?post_type=docs&#038;p=593"},"modified":"2023-11-05T16:24:26","modified_gmt":"2023-11-05T10:24:26","password":"","slug":"documentation-live-search","status":"publish","type":"docs","link":"https:\/\/dev2.betterdocs.co\/de\/docs\/documentation-live-search\/","title":{"rendered":"How To Customize The Documentation Live Search?"},"content":{"rendered":"<p><a href=\"https:\/\/dev2.betterdocs.co\/de\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>BetterDocs<\/strong><\/a> gives you the freedom to customize the Live Search bar and change its appearance any way you want. Now, let\u2019s follow the below guideline to <strong>Passen Sie die Dokumentations-Live-Suchleiste an<\/strong> in 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\u2192 BetterDocs \u2192 Settings<\/strong>. \u00d6ffnen Sie anschlie\u00dfend die <strong>&#039;Design&#039;<\/strong> Tab. Jetzt dr\u00fccken Sie die <strong>&#039;BetterDocs anpassen&#039;<\/strong> Klicken Sie auf die Schaltfl\u00e4che, und Sie werden zur Seite Anpassen weitergeleitet.<\/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-1-1.gif\" alt=\"Documentation Live Search\" class=\"wp-image-10079\" title=\"\"><\/figure><\/div>\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 2: Modify The Live Search Option<\/strong><\/h2>\n\n\n\n<p>From \u2018Customize BetterDocs\u2019, you can pick the <strong>\u2018Live Search\u2019<\/strong> option. You will then find all the styling options to modify the appearance of the Live Search option.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"835\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/10\/image-19.png\" alt=\"Documentation Live Search\" class=\"wp-image-9987\" title=\"\" srcset=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/10\/image-19.png 1600w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/10\/image-19-300x157.png 300w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/10\/image-19-1024x534.png 1024w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/10\/image-19-768x401.png 768w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/10\/image-19-1536x802.png 1536w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/10\/image-19-18x9.png 18w, https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/10\/image-19-360x188.png 360w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure><\/div>\n\n\n<p>Standardm\u00e4\u00dfig, <strong>&#039;BetterDocs anpassen&#039;<\/strong> redirects you to the doc landing page as a preview. So, you can check out the changes you make in real time.<\/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-29.gif\" alt=\"Documentation Live Search\" class=\"wp-image-9989\" title=\"\"><\/figure><\/div>\n\n\n<p>Afterward, you can go ahead &amp; change the colors for Live Search Background, Search Filed, Search Icon, and many others. If you want, you can even add a <strong>\u2018Background Image\u2019<\/strong> and change its properties as well.&nbsp;<\/p>\n\n\n\n<p>Besides, you have complete control over how you want the <strong>\u2018Search Result Settings\u2019<\/strong> to appear and customize its content size and colors. You can change the box width of the Search Result.&nbsp; Make sure to hit on the<strong> &#039;Ver\u00f6ffentlichen&#039;<\/strong> Schaltfl\u00e4che, um Ihre \u00c4nderungen zu speichern.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1346\" height=\"651\" src=\"https:\/\/dev2.betterdocs.co\/wp-content\/uploads\/2023\/10\/image-28.gif\" alt=\"Documentation Live Search\" class=\"wp-image-9988\" title=\"How To Customize the Documentation Live Search? 3\" \/><\/figure><\/div>\n\n\n<p>This is how easily you can customize the knowledge base documentation Live Search with <a href=\"https:\/\/wpdeveloper.net\/plugins\/betterdocs\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>BetterDocs<\/strong><\/a> and make it more interactive for users.<\/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>BetterDocs allows you to design interactive documentation live search with some simple steps and improve your user experience with BetterDocs knowledgebase. <\/p>","protected":false},"author":5,"featured_media":3567,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_analytify_skip_tracking":false,"footnotes":""},"doc_category":[309],"doc_tag":[10,14,17,13,24,16],"knowledge_base":[282],"year_month":"2026-05","word_count":248,"total_views":"11129","reactions":{"happy":"26","normal":"9","sad":"13"},"author_info":{"author_nicename":"rafin","author_url":"https:\/\/dev2.betterdocs.co\/de\/author\/rafin\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/dev2.betterdocs.co\/de\/docs-category\/configurations\/"}],"doc_tag_info":[{"term_name":"betterdocs","term_url":"https:\/\/dev2.betterdocs.co\/de\/docs-tag\/betterdocs\/"},{"term_name":"configuration","term_url":"https:\/\/dev2.betterdocs.co\/de\/docs-tag\/configuration\/"},{"term_name":"knowledge base","term_url":"https:\/\/dev2.betterdocs.co\/de\/docs-tag\/knowledge-base\/"},{"term_name":"learning","term_url":"https:\/\/dev2.betterdocs.co\/de\/docs-tag\/learning\/"},{"term_name":"Live Search","term_url":"https:\/\/dev2.betterdocs.co\/de\/docs-tag\/live-search\/"},{"term_name":"WordPress","term_url":"https:\/\/dev2.betterdocs.co\/de\/docs-tag\/wordpress\/"}],"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\/de\/wp-json\/wp\/v2\/docs\/593"}],"collection":[{"href":"https:\/\/dev2.betterdocs.co\/de\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/dev2.betterdocs.co\/de\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/de\/wp-json\/wp\/v2\/users\/5"}],"version-history":[{"count":6,"href":"https:\/\/dev2.betterdocs.co\/de\/wp-json\/wp\/v2\/docs\/593\/revisions"}],"predecessor-version":[{"id":10080,"href":"https:\/\/dev2.betterdocs.co\/de\/wp-json\/wp\/v2\/docs\/593\/revisions\/10080"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/de\/wp-json\/wp\/v2\/media\/3567"}],"wp:attachment":[{"href":"https:\/\/dev2.betterdocs.co\/de\/wp-json\/wp\/v2\/media?parent=593"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/de\/wp-json\/wp\/v2\/doc_category?post=593"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/de\/wp-json\/wp\/v2\/doc_tag?post=593"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/dev2.betterdocs.co\/de\/wp-json\/wp\/v2\/knowledge_base?post=593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}