您可以新增搜尋頁面至網站,以及新增「內容清單」元件至搜尋頁面。
新增搜尋頁面:
新增頁面至網站,並將其設為搜尋頁面。
新增「內容清單」元件至搜尋頁面。
將內容類型設為先前建立的頁面索引內容類型。
若要在網站的每個頁面上顯示搜尋欄位,您可以新增搜尋欄位至主題的版面配置 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。