1ミリも妥協なしの超軽量 WordPress プラグイン「Tsugawa Magic Back to Top」登場
WordPress で「トップへ戻る」ボタンのプラグインは結構ありますが、自分が使いたいと思うレベルのものがなかったので自作してみました。WordPress 歴20年の私が1ミリも妥協せずに使える、最高に軽くて美しいボタンに仕上がったと思います。
今回開発した「Tsugawa Magic Back to Top」は、このブログにも搭載しています。右下に見えるボタンが今回のプラグインです。このように非・WordPress 環境で使えるのも強みのひとつです（ここについては後述します）。
コンセプト：基本、そのまま使える
ブロガーが「デフォルトでそのまま使える」ことを基本設計に組み込んでおり、設定はかなりシンプルにしました。管理画面にゴチャゴチャした設定パネルはありません。インストールして「有効化」ボタンを押すだけ。それだけで、スマホでも PC でも完璧な位置とサイズで美しいボタンが出現します。もちろん、時間があるときにいつでも、カラーやサイズなどを細かくチューニングすることができます。
デザイン：読者の迷子を防ぐ「おもてなし」
この Back to Top は、ただの上矢印アイコンではありません。スクロールに合わせて外周のリングが円を描き、「今、記事のどのあたりを読んでいるか」を視覚的に伝えます。読者に無意識の現在地を伝え、最後まで心地よく読み切ってもらう（読了率を上げる）ための、緻密に計算された UX デザインです。
読み込み速度：外部ライブラリに依存していない
純粋な JavaScript（Vanilla JS）と CSS のみで動くため、非常に軽いです。もちろん、jQuery などの重いライブラリを一切排除しています。ページの表示速度（PageSpeed Insights のスコア）の足を引っ張ることはありません。
UI：マルチデバイス対応
PC でもスマートフォンでも、常に「そこにあるべき最高に美しい位置」にポンと表示されます。慣れてくれば、モバイルでの個別調整も可能です。
全ブロガーが対象の理由：外部 LP へのコード出力に対応
設定したデザインをそのまま HTML/CSS/JS コードでエクスポートできます。管理画面にあるコードをコピーして </body> の前に貼り付けるだけ。あなただけのボタンを、WordPress 以外の外部サイトでそのまま再利用できます。
セキュリティについて
純粋な Web 標準技術のみで構築されているため、外部からの攻撃リスクが極めて低くなっています。管理画面の設定を保存するシステムは、WordPress が公式に定める厳格なセキュリティ規約（無効なデータの弾き出しなど）に完全に準拠しています。
多機能：ピクセル単位の細かな調整が可能
有効化するだけでシンプルに使えますが、色や位置、サイズ、速度などの微調整が行なえます。
そのほかにも、マイ・カラー保存、プロ配色セット、アイコン選択、特定ページ除外など、多くの機能を備えています。Magic Back to Top は、初心者から上級者まで、幅広く多くの方にご満足頂けるはずです。
ダウンロードとインストール
「Tsugawa Magic Back to Top」は GitHub で公開しており、完全無料で使えます。アップデートも無償で提供されます。
インストール手順（3ステップ）:
- 配布ページから `.zip` ファイルをダウンロード。
- WordPress 管理画面の「プラグイン」＞「新規追加」＞「プラグインのアップロード」から zip ファイルを選択。
- 「今すぐインストール」して「有効化」をクリック。これだけ！
更新は、WordPress 管理画面のインストール済みプラグインからワンクリックで行えます。もちろん、自動更新設定も可能です（自動更新を有効化をクリックしてください）。
サポートについて
不具合やご要望があれば、GitHub リポジトリの Issues や Pull Requests で気軽に声をかけてください。ご意見・ご要望は、お問い合わせフォームからも受け付けています。
なお、次回のアップデート（v1.1.0）では、HTML カラーコード（# から始まる6桁の英数字）への対応などを予定しています。
開発者（Toru Tsugawa）からのメッセージ
ブロガーの皆さんは記事を書くことだけに集中して欲しいというのが開発の原点です。ブログの主役は、いつだって『あなたが書いた文章』ですから。
このプラグインは、読者が最後まで心地よく読み切るための、小さな裏方にすぎません。あなたのブログ運営が、この小さな魔法で少しでも豊かになりますように。
- 公式プラグインページ: https://tsugawa.tv/plugins/magic-back-to-top/
- GitHub リポジトリ: https://github.com/TsugawaTV/tsugawa-magic-back-to-top
Author：對川 徹 - Toru Tsugawa（https://tsugawa.tv/）
コメント
コメントを投稿