動画素材.com/ブログ

動画素材ダウンロード配布・VJ 4K2K CG・書籍「動画素材123」、PV・MV、映像制作関連、Mac・iPhone・iPad。動画素材.com/ブログ

WordPress

SyntaxHighlighter Evolvedで「クリップボードにコピー」アイコンが表示されていない時の対処方法(WordPress)

投稿日:2013年11月21日 更新日:


現在WordPressでブログをやっていますが、時々コードなりなんなりを表示させる時がありまして、
その時に使っているのが「SyntaxHighlighter Evolved」です。

SyntaxHighlighter Evolved
http://wordpress.org/plugins/syntaxhighlighter/

こちらで今使っているのはバージョン 3.1.7なのでそのバージョンの場合で説明しています。


このプラグインをインストールしてhtmlタグで囲むと下の画像のような表示になります。


SyntaxHighlighterの設定ではこんな感じです。


で、これ自体はすごく良いものなのですが、インストールした当初からなぜか「クリップボードにコピー」のアイコンが出てこなくてなんでかなぁ?と思っておりました。
設定を見ると「ツールバーを表示する」というチェックはありますが、個々のアイコン設定などはありませんし。


右上アイコンが四つ並んでいるはずなのですが、左から2番目の「クリップボードにコピー」アイコンが無い状態なのです。



なのでそこの部分をクリックしても「クリップボードにコピー」はできない状態でした。
しばらくその状態で使っていましたがさすがになんとかしようと「クリップボードにコピー」アイコンを表示させる方法を調べてみました。




ここから本題

SyntaxHighlighter Evolvedでコピーアイコンが表示されていない時の対処方法

 

です。


まず SyntaxHighlighter.php を編集します。

WordPressのプラグインから編集でも良いですし


サーバー上にある「wp-content」→「plugins」→「syntaxhighlighter」→「syntaxhighlighter.php」を編集しても良いかと思います。
編集する前に「SyntaxHighlighter.php」を複製するなりしてバックアップをとっておいた方がよろしいかと。



「SyntaxHighlighter.php」の651行目に


plugins_url('syntaxhighlighter/syntaxhighlighter2/clipboard.swf') ) ) . "';\n"; 

という表記があります。これを


plugins_url('syntaxhighlighter/syntaxhighlighter2/scripts/clipboard.swf') ) ) . "';\n"; 

に変更します。

「syntaxhighlighter2/」と「clipboard.swf」の間に「scripts/」を入れています。


そして保存します。

これだけだとまだ「クリップボードにコピー」アイコンは表示されません。



次に「クリップボードにコピー」アイコンの画像データを「SyntaxHighlighter」の過去バージョンから拝借してそれをアップします。

「wp-content」→「plugins」→「syntaxhighlighter」→「syntaxhighlighter2」→「scripts」の中に入れます。
パスは /wp-content/plugins/syntaxhighlighter/syntaxhighlighter2/scripts/ になります。


「クリップボードにコピー」アイコンのデータはこちらからダウンロードするのですが、

http://alexgorbatchev.com/SyntaxHighlighter/download/
SyntaxHighlighter Evolvedでクリップボードにコピーアイコンが表示されていない時の対処方法(WordPress) Image.1


↑この古いバージョンのどれでも良いのでダウンロードします。

ZIPでダウンロードされますので解凍して中を確認します。


「scripts」フォルダの中に「clipboard.swf」があるのでそれを

「wp-content」→「plugins」→「syntaxhighlighter」→「syntaxhighlighter2」→「scripts」の中に入れます。
パスは /wp-content/plugins/syntaxhighlighter/syntaxhighlighter2/scripts/


こうする事で「クリップボードにコピー」アイコンが正しく表示されます。




で、なんでこれらを書いたかと言うと、色々調べて見ると大抵の場合は古いバージョンからアイコンを拝借してアップし直す事によって直っているようなのですが、
自分の場合それだけだと「クリップボードにコピー」アイコンは表示されなくて「なんで?」という状態で更に調べてみたら、
アイコンへのURL表記が違う事によって表示できていない方もいたので、それも確認してみた所それもあったようです。


なので自分の場合は
・「クリップボードにコピー」アイコンへのURLを直す。
・「クリップボードにコピー」アイコンのデータを古い物から拝借して正しい位置に入れる。


で直りました。
ご参考になりましたら幸いです。

-WordPress
-

CLOSE
CLOSE

Copyright© 動画素材.com/ブログ , 2019 All Rights Reserved.