SWELLでよく使う追加CSSコードまとめ

主に自分用メモ。公式の機能としては無いですが、使う頻度の多いコードをまとめておきます。

コード一覧

パンくずリスト非表示

/* パンくずリスト非表示 */
.p-breadcrumb {
  display: none;
}

パンくずリストそのものを非表示にしたいときに使います。カスタマイズ→個別CSSに貼り付ければ、ページ全体で非表示になります。

投稿・固定ページのヘッダー非表示

/*ヘッダーの非表示*/
header {
  display: none;
}

LP作成を固定ページで行いたいときに使うことが多いです。個別ページのCSS用コード欄に貼り付けるといいでしょう。

フッター非表示

/*フッターの非表示*/
footer {
  display: none;
}

上記のヘッダー非表示と同様。

フッターの背景を画像に差し替え

/*フッターを画像に置き換え*/
.l-footer {
	background-image: url(なにか);
}

URLの部分は、WordPressのメディア等から画像リンクを出して差し込めばOK。

コピーライト（©）のマークだけを非表示

/* コピーライトマーク（©）非表示 */
span[lang="en"] {
  display: none;
}

SWELLではフッターの「©」のマークを消すことができないので、先方から消してほしい旨を伝えられたときに使っています。

カスタマイズ→個別CSSに貼り付ければ、ページ全体で非表示になります。