【WORDPRESS プラグイン】ボタンを押すとクリップボードにコピーできる「Copy Anything to Clipboard」

ワードプレス 日本語記事

Copy Anything to Clipboard

Copy Anything to Clipboardとは

WORDPRESSのプラグイン、「Copy Anything to Clipboard」。アイコンをクリックするとクリップボードにコピーできる便利機能。テキストやURL、CSS等を記載したときに、そのまま内容をコピーできるようになる便利ツール♪

ブログ記事内にソースコードを記載する方法はこちら↓

インストール方法

WORDPRESS管理画面からインストール

WORDPRESS管理画面を開きます。

プラグイン→新規プラグインを検索→「Copy Anything to Clipboard」を検索してインストール→有効化して設定に移ります

ディレクトリにアップロード

下記URLからプラグインファイルをダウンロード→ wp-content/pluginsディレクトリにアップロード→管理画面から有効化

設定方法

設定の手順
  • STEP1
    Copy Anything to Clipboardの管理画面を開く

    プラグイン→Copy Anything to ClipboardのAdd newをクリック

    Copy Anything to Clipboard
  • STPE2
    管理画面で設定

    Post Title>
    自分で見てわかりやすいタイトルをつける

    Settings
    ●Selector:デフォルトは「Pre」になっています。ここで設定した文字で、文章を囲うとコピーボタンが表示されますがクラシックエディタでHTMLを記述する必要があります。デフォルトのPreだった場合は<pre>コピーさせたい文章</pre>と記載する。Preでない文字が良い場合のみ、希望の文字に変更します。
    クラシックエディタでHTMLを記述する方法は、こちらを参考に!

    記述するHTML

    ●Style:コピーするときにクリックするボタンの表示方法を、テキスト、アイコン、マウスオーバーか選択
    ●Position:ボタンの表示を枠内か枠外か選択

    右側に出てくるプレビュー画面を見ながら、お好みの形に選択して終わったら、画面左下の「Save changes」をクリックして保存

    保存した設定方法を変更したい場合は
    ①WORDPRESS管理画面「設定」をクリック
    ②「Copy to Clipboard」をクリック
    ③編集したい設定をクリックすると、編集画面が出てくるので適宜修正。

    Copy Anything to Clipboard 編集方法

クラシックエディタでHTMLを記述する方法

①クラシックのウィジェットを表示する

②HTMLボタン(ピンク枠)を押す。HTMLボタンがない場合は、ツールバー切り替えボタン(赤枠)を押してHTMLボタンを表示させる。

WORDPRESS HTML記述

③HTMLを記載して完了。
やり方1:<pre></pre>でコピーさせたい文章を挟む)

<pre>文章を入力</pre>

やり方2:やり方1の③HTMLを記載のところで、<pre></pre>と書いてOKボタンを押す(コピーボタンを表示させたい文章を入力しない)。出てきたブロック内にコピーしたい文言を入れる。

この記事を英語で読む

コメント