MENU
WP-Search
WP-Search
SEOキーワードツール
SEOキーワードツール
note
WP-Search

SWELL子テーマ「SWELL PLUS」【目次ハイライト・フローティングボタン】

シンプルなSWELLに
最小限の機能追加

SWELL PLUS」は、WordPressテーマ「SWELL」に機能を追加する子テーマです。

SWELL本体で使用できるアイコンが充実したため、アイコン追加機能は削除しました。

そのままSWELL PLUSをアップデートするとアイコンが消えるためご注意ください。

アイコンをリライトしてからアップデートするか、アイコン版が欲しい旨をご相談ください。

目次

1) サイドバーのSWELL目次をハイライト

追尾サイドバーに設置した目次を、現在位置がわかるようにハイライト表示します。

使用例としては、このページをスクロールしながら、サイドバーをご覧ください。(PC表示)

利用するには、[外観][ウィジェット]を開き、[追尾サイドバー][SWELL目次]を追加すれば、自動的にハイライト表示されます。

ハイライトデザインをカスタマイズしたい場合は、functions.php内のクラス名を変更してCSSを当ててください。

2) 画面最下部にフローティングボタン(フローティングメニュー)

ブログパーツで作成したボタンを外観ウィジェットに設定すると、画面最下部に固定表示します。

使用例としては、このページをスクロールしながら、画面最下部をご覧ください。

利用するには、[外観][ウィジェット]を開き、[フローティングボタン]にブログパーツで作成したSWELLボタンを追加します。

制限エリアブロックを使えば、カテゴリーごと、モバイルだけにコンテンツを出し分けることもできます。

  • 固定フッター(SP)は、[外観]→[メニュー]からオフにしてください。

SWELL PLUS(子テーマ)を利用する

ブロックエディタ対応でライティングが楽しいに、機能を追加しましょう。

以下のボタンからファイルをダウンロードできます。

\ SWELL PLUS /

SWELL PLUS(子テーマ)のインストール方法と使い方

ダウンロードしたswell_plus-x-x-x.zipファイルを外観テーマからインストール(新規追加)してください。

子テーマの導入方法については、以下をご覧ください。

すでに子テーマ(swell_childなど)を改変して使用している人は、既存のコードをコピペで移動してください。

CSSのみであれば、子テーマではなく、外観カスタマイズ(カスタマイザー)の追加CSSに記述することをおすすめします。

こうすることで、SWELL PLUSをバージョンアップしても、既存のCSSが消えなくなります。

  • 今後のSWELLやWordPress本体のアップデートによって、旧バージョンでは使用できなくなることがあります。
  • 自動アップデートはないため、最新情報は本ページかTwitter(@suyasite)をご確認ください。
  • 本体ではありませんので、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)
この記事が役に立ったらご紹介ください!

コメント

コメントする

目次