【jQuery】ブログ記事に「タイトルとURLをコピーする」ボタンをつけて拡散率を上げる方法

WordPress
この記事のURLとタイトルをコピーする
ブログで見つけた記事を共有する際、どのようにしていますか?
やり方はたくさんあると思います。状況にもよりますが、記事のタイトルとURLをコピーして、メールやチャットに張り付けることが多いのではないでしょうか?

そのコピペを1クリックでできるボタンを設置したので備忘録です。

ボタンの実装方法

ボタンを実装するのには、「HTML」「JS」「CSS」の3つのコードを記述します。
必ずファイルのバックアップを行いましょう。

HTML

ボタンを実装したい個所に、以下のコードを追加します。

JS

次にボタンの動作を設定します。

CSS

さいごにボタンのスタイルを整えます。
全て記述をし終えたら、実際にボタンの動作確認をします。
この記事のURLとタイトルをコピーする


share