WordPressテーマ、プラグインや使用サーバーを調べるツール「WP-Search」

SWELL PLUS | 子テーマで機能拡張(アイコン、目次ハイライト)

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

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

目次

1) SWELLに装飾アイコンを追加

アイコンフォント(絵文字)を追加して、ショートコードicon2-???で簡単に呼び出せます。

例えば、icon2-giftと書くと、 が表示されます。

モノクロアイコンに加えて、各種ブランドのカラーアイコンもあります。(全1425種類)

SWELL PLUSで使えるアイコン一覧は、以下をご覧ください。

アイコンを使用せずCSSを読み込みたくない場合は、style.css内の該当箇所を削除してください。

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

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

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

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

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

SWELL PLUSを利用する

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

子テーマとして導入するため、外部ファイルを読み込みません。

\ SWELL PLUS /

SWELL PLUSのインストール方法と使い方

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

SWELL PLUSを有効化したら、すぐにハイライト表示が開始され、アイコンを利用できます。

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

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

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

テーマの導入方法については、以下の記事にて画像付きで解説しているので参考にしてください。

  • 今後のSWELLやWordPress本体のアップデートによって、旧バージョンでは使用できなくなることがあります。
  • 自動アップデートはないため、最新情報は本ページかTwitter(@suyasite)をご確認ください。
  • 内部ファイルの読み込みサイズが速度に影響するため、今後のバージョンで人気のないフォントは削除する場合があります。
  • 本体ではありませんので、SWELLフォーラムで本子テーマについて質問・要望するのはご遠慮ください。
  • いらなくなったら、子テーマを削除(アンインストール)するだけで消えます。さようなら

バージョン履歴

  • バージョン 1.1.0 – 追尾サイドバーの目次ハイライト機能を追加(2021/12/6)
  • バージョン 1.0.0 – アイコンフォント(絵文字)を追加(2021/11/4)

コメント

コメントする

目次
トップへ
目次
閉じる