
SWELL子テーマ「SWELL PLUS」【目次ハイライト・フローティングボタン】
シンプルなSWELLに
最小限の機能追加
「SWELL PLUS」は、WordPressテーマ「SWELL」に機能を追加する子テーマです。
SWELL本体で使用できるアイコンが充実したため、アイコン追加機能は削除しました。
そのままSWELL PLUSをアップデートするとアイコンが消えるためご注意ください。
アイコンをリライトしてからアップデートするか、アイコン版が欲しい旨をご相談ください。
1) サイドバーのSWELL目次をハイライト
追尾サイドバーに設置した目次を、現在位置がわかるようにハイライト表示します。
使用例としては、このページをスクロールしながら、サイドバーをご覧ください。(PC表示)
利用するには、[外観]→[ウィジェット]を開き、[追尾サイドバー]に[SWELL目次]を追加すれば、自動的にハイライト表示されます。
2) 画面最下部にフローティングボタン(フローティングメニュー)
ブログパーツで作成したボタンを外観ウィジェットに設定すると、画面最下部に固定表示します。
使用例としては、このページをスクロールしながら、画面最下部をご覧ください。
利用するには、[外観]→[ウィジェット]を開き、[フローティングボタン]にブログパーツで作成したSWELLボタンを追加します。
制限エリアブロックを使えば、カテゴリーごと、モバイルだけにコンテンツを出し分けることもできます。
- 固定フッター(SP)は、[外観]→[メニュー]からオフにしてください。
SWELL PLUS(子テーマ)を利用する
ブロックエディタ対応でライティングが楽しいSWELLに、機能を追加しましょう。
以下のボタンからファイルをダウンロードできます。
\ SWELL PLUS /
SWELL PLUS(子テーマ)のインストール方法と使い方
ダウンロードしたswell_plus-x-x-x.zipファイルを外観テーマからインストール(新規追加)してください。
子テーマの導入方法については、以下をご覧ください。

すでに子テーマ(swell_childなど)を改変して使用している人は、既存のコードをコピペで移動してください。
CSSのみであれば、子テーマではなく、外観カスタマイズ(カスタマイザー)の追加CSSに記述することをおすすめします。
こうすることで、SWELL PLUSをバージョンアップしても、既存のCSSが消えなくなります。
- 今後のSWELLやWordPress本体のアップデートによって、旧バージョンでは使用できなくなることがあります。
- 自動アップデートはないため、最新情報は本ページかTwitter(@suyasite)をご確認ください。
- SWELL
本体ではありませんので、SWELLフォーラムで本子テーマについて質問・要望するのはご遠慮ください。
- いらなくなったら、子テーマを削除(アンインストール)するだけで消えます。さようなら
バージョン履歴
- バージョン 1.3.0 – フローティングボタン機能を追加(2023/3/3)
- バージョン 1.2.0 – アイコンフォント(絵文字)を削除(2023/2/2)
- バージョン 1.1.0 – 追尾サイドバーの目次ハイライト機能を追加(2021/12/6)
- バージョン 1.0.0 – アイコンフォント(絵文字)を追加(2021/11/4)
コメント