[WordPress] 記事タイトルと URL をコピーするボタン

2016/10/31 Mon 18:37 · 1 min read · computer ·

Twitter で以下の記事を見つけた。これはありそうでなかった画期的な手法だ。ぜひとも私のブログで導入したい。

【拡散率アップ!?】ブログに「記事タイトルとURLコピーする」だけのボタンを実装したら色々便利でした！ – ウェブ企画ラボ
https://webkikaku.co.jp/blog/htmlcss/copy-title-url-button/

しかし、WordPress での導入がどうやればいいのか分からない・・・。数日待っていると、以下のサイトを発見。WordPress での具体的な導入方法が書かれており、私もやってみた。

記事タイトル・URLを一撃でコピーするボタンを実装してみた
https://kiryusblog.com/title-url-copy/

私は WordPress の記事本文の最後にボタンを設置した（現在利用中のテーマは Keratin だ）。

（１）Appearance > Editor > content-single.php で＜footer class="entry-meta entry-meta-footer"＞のすぐ上に１つ目のコードを置く。

（２）Appearance > Edit CSS に２つ目のコードを書く。

Mac だけでなく、iPhone および、iPad でも動作を確認した！

さらに、それをそのまま応用して、ブログのサイドバーにもブログ名と URL をコピーできるようにした。