SWELL｜固定ページにシェアリンクとURLコピーボタンを追加する方法

SWELLの指定した固定ページに、文字ラベル付きのシェアリンクとURLコピーボタンを追加する例です。1200px以上では画面右下に固定し、それ未満ではページ末尾に通常表示します。

既存画像とデモは以前のカスタマイズ例です。今回のコードは独自のHTML/CSSを使うため、画像と同じ外観にはなりません。デモへの反映も未確認です。

著者

motoki

WEB制作をしているデジタルノマド
WordPressのカスタマイズが好きで、色々と自作しています。

WordPressのカスタマイズに困ったらご相談ください！

MOTOKI合同会社

カスタマイズの依頼・相談

SWELLの固定ページにシェアリンクを追加する方法

テーマ標準の設定を確認したうえで、対象固定ページだけに別の共有欄を追加します。既存の共有欄と重複する場合は片方を停止してください。

掲載例は次の3つを1つのPHPスニペットで出力します。SWELL内部のsingle.cssやClipboardJSを追加読み込みしません。

• HTML：共有先が分かる文字リンクとURLコピーボタン
• CSS：独自クラスだけに適用する配置とフォーカス表示
• JavaScript：コピー結果を確認してから成功・失敗を通知

functions.php

バックアップを取り、検証環境で導入します。例の固定ページID123を実際の対象IDへ変更してください。

子テーマのfunctions.phpまたはCode Snippetsの一方だけへ追加します。以前の同用途コードは停止し、重複登録しないでください。公開済み固定ページのみ対象で、パスワード入力が必要なページには出力しません。

コピーにはHTTPSなどの安全なコンテキストとブラウザーの許可が必要です。拒否・未対応時は手動コピーを案内します。各サービスへの投稿はリンクを開いた先で利用者が行います。