Page scroll to id
Page scroll to id は、href 値に # が含まれるリンクがクリックされたときに、ブラウザの「ジャンプ」動作を スムーズなスクロール アニメーション に置き換える、フル機能のプラグインです。ペライチのサイト、ページ内ナビゲーション、先頭に戻るリンクなどを備えたすべての基本ツールと高度な機能を提供します。次の機能があります:
- 調整可能なスクロール アニメーション 期間とイージング (30 種類以上のイージングタイプ)
- すぐに使える CSS クラスによるリンクとターゲットの強調表示
- 縦方向 かつ / または 横方向 のスクロール
- 異なるページから / ページへのスクロール (ページの読み込み時にターゲット ID までスクロール)
- ピクセル単位でスクロールをオフセット、またはカスタム式で要素セレクターを設定する
- 投稿ビジュアルエディタにリンクとターゲット ID ボタンを挿入する
- リンク固有のオフセット、スクロール期間、ハイライトターゲットなど。
デモ (デフォルトのアニメーションの持続時間 / イージング、リンクのハイライトなど)
プラグインのリソース、リンク、チュートリアル
要件
ページを ID までスクロールするには、WordPress バージョン 3.3 以上 (jQuery バージョン 1.7.0 以上) が必要です。テーマには wp_head() 関数と wp_footer() 関数が 必須 (推奨) です。Microsoft Windows ベースのサーバーでは、一部のプラグインがエラー500になる場合があります (サーバー / PHP 構成によって異なります)。問題を特定するには、wp-config.php で デバッグを有効化し、wp-content/debug.log ファイルで関連するエラーを確認してください。
GDPR (一般データ保護規則)
こちらのプラグインは GDPR に準拠しています。ユーザーの情報やデータを一切使用、保存しません。実際にこのプラグインの機能はユーザーデータ (個人情報を含む) とはまったく関係ありません。つまりそういうことです。
簡単な使い方とヒント
- プラグインをインストール
- こちらのプラグインは WordPress メニュー リンクでデフォルトで有効になっているため、カスタムリンクを追加して、スクロール先の ID / ターゲットに URL を設定できます。
- プラグインの「ID ターゲットへのページスクロールを挿入」ボタンやショートコード (プラグイン設定ページのコンテキスト「ヘルプ」メニューを参照) を使用して、投稿のブロックエディターまたは旧エディターでコンテンツ内に ID ターゲットを作成します。「ID ターゲットへのページスクロール」ウィジェットを使用して、ウィジェット領域にターゲットを作成します。
- プラグインの「ID リンクへのページ スクロールの挿入 や編集」ボタンや、投稿のブロックエディターまたは旧エディターのショートコードを使用して、コンテンツ内にリンクを作成します。プラグインで処理する既存のリンクにクラス
ps2idを追加することもできます。
詳細情報 プラグインの基本チュートリアルを見る
ライセンス
MIT
このプログラムには MIT ライセンスのコピーが付属しているはずです。 付属していない場合は、http://opensource.org/licenses/MIT を参照してください。
寄付
このプラグインが気に入って便利だと思ったら、寄付も考えてみてください
プラグインの以前のバージョン / 他のバージョン
その他 / 外部リソース
- WordPress のブロックエディタでアンカーリンクを作成する方法
- Divi BuilderプラグインでページスクロールIDを使用する
- One Page WordPress Smooth Scrolling Menu – Page scroll to id の使い方 2017
- Page scroll to id を使用してページセクション間をスムーズにスクロールする
- 動画チュートリアル: ペライチの WordPress サイトを作成する方法
- GeneratePress – Elementor – Page Scroll to ID – One Page Website
- Onepage WordPress – Page scroll to iD プラグイン