您可以将搜索页添加到站点,并将内容列表组件添加到搜索页。
添加搜索页:
将页添加到站点并将其设置为搜索页。
将内容列表组件添加到搜索页。
将内容类型设置为之前创建的页索引内容类型。
要使搜索字段显示在站点的每个页上,可以将搜索字段添加到主题的布局 HTML 页。
例如:
<div align="center"> <input id="searchonpage" type="text" size="30" placeholder="Search on page. . ."/> </div>
添加输入字段:
<script> // Get the search field element const node = document.getElementById('searchonpage'); // Get the search string from the url if it exists var params = (new URL(document.location)).searchParams; var defaultStr = params && params.get('default'); if (defaultStr) { if (defaultStr.lastIndexOf('*') === defaultStr.length - 1) { defaultStr = defaultStr.substring(0, defaultStr.length - 1); } // Display the search string in the search field node.value = defaultStr; } // When enter from the search field, go to the site search page with the search string node.addEventListener('keydown', function onEvent(event) { if (event.key === "Enter") { var inputElem = event.srcElement || event.target; var siteSearchPageUrl = 'search.html'; var searchUrl = SCSRenderAPI.getSitePrefix() + siteSearchPageUrl + '?contentType=indextype&default=' + inputElem.value + '*'; window.location = searchUrl; } }); </script>
在 HTML 正文的末尾添加 JavaScript。