{"id":593,"date":"2019-11-13T12:34:26","date_gmt":"2019-11-13T06:34:26","guid":{"rendered":"http:\/\/betterdocs.co\/?post_type=docs&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:\/\/betterdocs.co\/it\/docs\/documentation-live-search\/","title":{"rendered":"How To Customize The Documentation Live Search?"},"content":{"rendered":"

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 personalizzare la barra di ricerca dal vivo della documentazione<\/strong> in BetterDocs:<\/p>\n\n\n\n

Step 1: Configure BetterDocs Settings<\/strong><\/h2>\n\n\n\n

First of all, go to the BetterDocs Settings by navigating to wp-admin\u2192 BetterDocs \u2192 Settings<\/strong>. Successivamente, apri il 'Design'<\/strong> scheda. Ora, premi il tasto "Personalizza BetterDocs"<\/strong> pulsante e verrai reindirizzato alla pagina Personalizza.<\/p>\n\n\n

\n
\"Documentation<\/figure>\n<\/div>\n\n\n

Step 2: Modify The Live Search Option<\/strong><\/h2>\n\n\n\n

From \u2018Customize BetterDocs\u2019, you can pick the \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

\n
\"Documentation<\/figure>\n<\/div>\n\n\n

Di default, "Personalizza BetterDocs"<\/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

\n
\"Documentation<\/figure>\n<\/div>\n\n\n

Afterward, you can go ahead & change the colors for Live Search Background, Search Filed, Search Icon, and many others. If you want, you can even add a \u2018Background Image\u2019<\/strong> and change its properties as well. <\/p>\n\n\n\n

Besides, you have complete control over how you want the \u2018Search Result Settings\u2019<\/strong> to appear and customize its content size and colors. You can change the box width of the Search Result.  Make sure to hit on the 'Pubblicare'<\/strong> pulsante per salvare le modifiche.<\/p>\n\n\n

\n
\"Documentation<\/figure>\n<\/div>\n\n\n

This is how easily you can customize the knowledge base documentation Live Search with BetterDocs<\/strong><\/a> and make it more interactive for users.<\/p>\n\n\n\n

If you face any difficulties, feel free to contact our support team<\/strong><\/a>.<\/p>","protected":false},"excerpt":{"rendered":"

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],"class_list":["post-593","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations","doc_tag-betterdocs","doc_tag-configuration","doc_tag-knowledge-base","doc_tag-learning","doc_tag-live-search","doc_tag-wordpress","knowledge_base-wordpress"],"year_month":"2026-04","word_count":248,"total_views":"14762","reactions":{"happy":"27","normal":"10","sad":"13"},"author_info":{"name":"rafin","author_nicename":"rafin","author_url":"https:\/\/betterdocs.co\/it\/author\/rafin\/"},"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\/"},{"term_name":"configuration","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/configuration\/"},{"term_name":"knowledge base","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/knowledge-base\/"},{"term_name":"learning","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/learning\/"},{"term_name":"Live Search","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/live-search\/"},{"term_name":"WordPress","term_url":"https:\/\/betterdocs.co\/it\/docs-tag\/wordpress\/"}],"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\/593","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\/5"}],"version-history":[{"count":7,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/593\/revisions"}],"predecessor-version":[{"id":13131,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/docs\/593\/revisions\/13131"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/media\/3567"}],"wp:attachment":[{"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/media?parent=593"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/doc_category?post=593"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/doc_tag?post=593"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/betterdocs.co\/it\/wp-json\/wp\/v2\/knowledge_base?post=593"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}