検索結果画面でメンビジとサイドバー非表示
適当なキーワードを入力し検索結果ページへ進んでください。
※メンビジとサイドバーが非表示になります。
| 表示可能 パーツ |
変更可能 | 変更NG | 複数設置 | ページ複製・クリップボード使用可否 |
|---|---|---|---|---|
〜の表示・非表示 |
※CSSで調整可 |
|
- |
- ※自動で全ての検索結果画面に適用されます |
| ※留意事項 | |||
|---|---|---|---|
|
※1：構造図参照 |
構造図
デモのパーツの構造を説明しています。
検索結果画面で表示される記事リスト部分のレイアウトについては、
編集画面から検索パーツの機能にて設定・変更可能です。
設定方法
- JavaScriptを共通フッターの一番下に配置。
- クラスの付与は必要ありません。
それぞれメンビジ・パンくずリスト・サイドバーが自動で非表示になります。
- 検索結果画面で表示される記事リスト部分のデザインを変更する場合は、元からカスタムCSSで準備されている「//検索結果画面」を参考に、「.search」から紐づけた記事リストに対してスタイルを当ててください。
2025-05-29更新（v1.0.0）
<script>
/* ------------------------------------
検索結果画面でメンビジとサイドバー非表示 v1.0.0
------------------------------------ */
'use strict';
document.addEventListener('DOMContentLoaded', function() {
const locationPath = location.pathname;
/* 検索結果画面でメンビジとサイドバー非表示 */
if(locationPath === '/__/search') {
document.querySelector('.main-visual').style.display = 'none'; /* メンビジ */
document.querySelector('.breadcrumbs').style.display = 'none'; /* パンくず */
document.querySelector('.side').style.display = 'none'; /* サイドバー */
}
});
/* ------------------------------------
検索結果画面でメンビジとサイドバー非表示 END
------------------------------------ */
</script>
人気記事ランキング
カテゴリ一覧
タグ一覧
© Basic Inc. All Rights Reserved.