【SWELL】カスタマイザーや各設定の備忘録

【SWELL】カスタマイザーや設定の備忘録

WordPressテーマ「SWELL(スウェル)」は、沢山の便利な機能があり、自分のやりたいことを全て叶えてくれる万能テーマですよね。

ただ、多機能ゆえ、色々なホームページを作っていると、「これってどこで設定するんだっけ?」と思うこともしばしば…。
解説サイトは沢山ありますが、説明項目が多すぎてピンポイントで見付けるのはなかなか難しいですよね。

ということで、自分が設定する時に迷ったところをリストアップしてみました。(基本的には備忘録です)
それぞれ迷うところは違うと思いますが、もし参考になるところがあれば使って下さい。

SWELLのカスタマイザー(公式動画)

引用:SWELL公式サイト

SWELLカスタマイザーの設定の備忘録

SWELLのカスタマイザーを開くには、「ダッシュボード」-「外観」-「カスタマイズ」をクリックします。

SWELLのカスタマイザー
SWLLカスタマイザー
設定項目カスタマイザーの場所
記事スライダーを非表示「トップページ」-「記事スライダ―」
ヘッダーバーを非表示「ヘッダー」-「 SNSアイコンリストを表示する」のチェックを外す
サイドバーの表示・非表示「サイドバー」
トップページコンテンツ上の余白量「トップページ」-「その他」
スマホメニュー内のタイトル装飾「サイト全体設定」-「タイトルデザイン」-「スマホメニュー」-「タイトルデザイン」
コンテンツヘッダーの設定「サイト全体」
スマホなどのサブメニューをアコーディオンにする「サイト全体設定」-「基本デザイン」-「サブメニューの表示形式」
アーカイブページのタームナビゲーション「アーカイブ」-「タームナビゲーション」(親ターム・子タームへの導線)

こちらは徐々に増やす予定です。

その他の設定やカスタマイズ

固定ページのコンテンツ下の余白をなくしたい

固定ページの下部とフッター部分の余白をなくしたい場合の方法です。

「コンテンツ下の余白をなくす」にチェック

固定ページの右側の「コンテンツ下の余白をなくす」にチェックを入れます。

コンテンツ上の余白スペースをなくしたい

パンくずリストのすぐ下にできる余白スペースをなくしたい(0にしたい)場合の方法です。

コンテンツ上の余白スペース
コンテンツ上のスペース

以下のCSSをコピペで入れます。

#content{
	padding-top:0;
}

SWELLの設定をもっと詳しく見る⇒https://swell-theme.com/