Code Click to Copy

説明

<pre> および <code> タグ内のコンテンツを (クリックすると) クリップボードに自動的にコピーするシンプルなプラグインです。他のプラグインも同じことを行いますが、目的を指し示すな小さな「COPY」ボタンを作成します。コードブロックの任意の場所をクリックするだけで、全体がコピーされます。

コードコマンドを共有しているサイトでは、このプラグインを使用すると、テキストの一部を強調表示してコピーアンドペーストする手間を省くことができます。これは、画面外にスクロールする大きなコードの塊や、携帯電話でコピーする場合に特に役立ちます。

インストール

  1. ダッシュボードの「プラグインの追加」ページから簡単にインストールするか、プラグインを手動でダウンロードして、抽出したアーカイブを /wp-content/plugins/ ディレクトリにアップロードします。
  2. WordPress の「プラグイン」メニューからプラグインを有効にします。

FAQ

このプラグインは、最新の WP バージョンと古いバージョンでも動作しますか ?

はい、このプラグインは最新バージョンの WordPress で完璧に動作します ! 古いバージョンでも機能しますが、最高のセキュリティとパフォーマンスを得るには、常に最新の WordPress と PHP バージョンを実行する必要があります。このプラグインは私の重要なサイトで使用されているため、完璧に機能することが保証されます.

このプラグインは私のサイトを遅くしますか ?

いいえ、非常に軽量にコーディングされています。プラグインの CSS と JS は合計 1.7 KB しかなく、サイトのフッターにインライン化されています。追加の CSS または JS ファイルは読み込まれません。本質的な機能だけを実行し、それ以上のことはしません。負荷の高い PHP 処理やデータベースクエリは不要です。私は絶対的なスピードマニアです。

さらに機能を追加する予定はありますか ?

誰かが私の開発時間と費用を払いたがらない限り、そうではありません。これは、無料のコミュニティプラグインとして意図しています。

コピーブロックのスタイルを設定するにはどうすればよいですか ?

「codecopy_tooltip」CSS クラスをスタイルできます。背景、色、フォントファミリー、フォントサイズ、パディング、ワードラップ、オーバーフローなどを変更します。プラグインにこのオプションをいつか追加するかもしれませんが、今のところ軽量に保つようにしています。

既知の非互換性の問題はありますか ?

あるユーザーは、DIVI 独自の「コード」ブロックメカニズムを介して、自分の DIVI サイトで動作しないと報告しました。

評価

2022年8月19日
You the man. So light and simple. My only change was to add a pseudo element to display a copy to clipboard icon in the corner of the code blocks, because otherwise people have no idea its copyable until they hover. Using pointer-events:none on the icon allows it to not interfere with the click functionality. Maybe something like that could be an option or even just a filer hook for people to optionally enable. Anyway, cheers!
9件のレビューをすべて表示

貢献者と開発者

Code Click to Copy はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Code Click to Copy” は5ロケールに翻訳されています。 翻訳者のみなさん、翻訳へのご協力ありがとうございます。

“Code Click to Copy” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

0.1.4

  • It was tested in WP 6.4.2. Program code was cleaned professionally.

0.1.3

  • 多言語がサポートされています。/languages フォルダに language .po と .mo ファイルを作成してください。例として中国語ファイルが提供されています。

0.1.2

説明を更新しました。

0.1.1

  • Readme.txt ファイルの解析エラーを修正。

0.1.0

  • 初回リリース