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