Plugin | NO-BUT STYLE https://www.nobutstyle.com NO-BUT BLOG & WEB DESIGN NOTES Fri, 10 Jul 2020 15:34:18 +0000 ja hourly 1 https://wordpress.org/?v=6.9.4 https://www.nobutstyle.com/wp-content/uploads/2017/11/apple-touch-icon-152x148.png Plugin | NO-BUT STYLE https://www.nobutstyle.com 32 32 WordPress Popular Posts のカウント表記がアップデートで日本語に!?その対処法 https://www.nobutstyle.com/wpp-translate/ https://www.nobutstyle.com/wpp-translate/#respond Thu, 09 Nov 2017 10:15:39 +0000 https://www.nobutstyle.com/?p=513 このサイトでは人気記事の表示をするために「WordPress Popular Posts」というプラグインを使用しています。
先日、更新の通知がきていたので内容を確認せずにアップデートしました。
すると・・・。
今まで「○views」と表示されていたカウント数の表示が「○ビュー」となっていました。

「別に気にしなくてもイイじゃん！」と言われるかもしれませんが、サイト全体のテイストを考えるとやっぱり気になる．．．。
細かいところですが、気する人も多いはず！そう思ったのでその対処法をまとめます。

最初にやってみたこと

これを修正するためにまず思い浮かんだのは「Poedit」のような翻訳ファイル編集ソフト

Poedit - Translation Editor for PO, XLIFF, JSON & More
Professional translation editor for PO, XLIFF, JSON, Qt and Flutter with machine translation, pre-translation and smart ...
poedit.net

これを使って翻訳ファイルを編集し再アップロードすること。

「Poedit」の使い方についてはそのうち記事を書いてみようかなとも思いますが、調べればいっぱい出てくると思うのでここでは割愛します。
とりあえずダウンロードしてインストールが完了したら wordpress-popular-posts-ja.po ファイルを開いて「1 view」の行の翻訳をクリア（削除）するか「ビュー」を「views」に変えればOKです。

更に

Crayon Syntax Highlighter 導入！重い？日本語表示は？
今更ですが...「Crayon Syntax Highlighter」を導入しました。現在僕が使用しているWordPressテーマの「Simplicity2」は標準（プラグイン無し）で「highlight.js」が使えます。詳しくはこちら↓...
www.nobutstyle.com
Apr 7th, 2017

の追記で書いたように強制的に翻訳ファイルの読み込み場所を指定してやれば今後の更新に影響されないのでは？
そう思ってやってみたところ、最初は上手くいきました。最初は．．．

ところが、対処方法の記事の下書き中に更新通知があり、アップデートしたところ

～/wp-content/languages/plugins/

フォルダの翻訳ファイル以外読み込めないようになっていました。
プラグインの　/languages/　フォルダには日本語翻訳ファイルすらありません。

それでも　～/wp-content/languages/plugins/　フォルダへ修正した翻訳ファイルをアップロードしてやればきちんと「views」と表示されます。

しかし、翻訳ファイルの読み込み場所の指定が効かないとなれば、更新するたびにファイルをアップロードしなければなりません。
また、「Poedit」を使ったりファイルマネージャーのようなサーバーの管理画面かFTPクライアントソフトを使ってファイルを転送する必要があります。

さすがにこれを毎回やるのは少し面倒だなと思ったので、とりあえずの応急処置としてWordPressの管理画面だけで完結できる方法を考えました。

WordPressの管理画面だけで完結する方法

まず、使用しているテーマの　functions.php　に以下のコードを追加

function my_n( $single, $plural, $number, $domain = 'default' ) {
return ngettext($single, $plural, $number);
}

次に、プラグイン編集から　WordPress Popular Posts　を選択し
class-wordpress-popular-posts-output.php　を開きます。

720行目あたりの

_n('1 view', '%s views', $pageviews, 'wordpress-popular-posts'),

を

my_n('1 view', '%s views', $pageviews, 'wordpress-popular-posts'),

に書換えます。

以下該当箇所の変更後

// views
if ( $this->options['stats_tag']['views'] ) {

$pageviews = $this->get_pageviews( $post_object );

if ( $this->options['order_by'] == 'avg' ) {
$views_text = sprintf(
_n( '1 view per day', '%s views per day', $pageviews, 'wordpress-popular-posts' ),
number_format_i18n( $pageviews, 2 )
);
}
else {
$views_text = sprintf(
my_n('1 view', '%s views', $pageviews, 'wordpress-popular-posts'),
number_format_i18n( $pageviews )
);
}

}

714行目も「○ビュー/日」と表示させたくない方は　_n( ～ ),　を　my_n( ～ ),　に書換えてください。

この方法だと2回目以降の修正は　_n　の先頭に my を追加するだけですむので比較的簡単です。
また他のプラグインでも対応可能です。

変更が適用されない場合の対処法

キャッシュ系のプラグインを利用している場合は表示がすぐに反映されません。
その場合はプラグインの設定画面などから一度キャッシュを削除した上で再度表示してみてください。
また、ブラウザに履歴が残っている場合にも表示が反映されないことがあるので、キャッシュを削除しても変わらない場合はブラウザの「閲覧履歴」を削除してから再度ページを読み込んでみてください。

以上。「WordPress Popular Posts」「○ビュー」から「○views」への方法でした。

]]> https://www.nobutstyle.com/wpp-translate/feed/ 0 Crayon Syntax Highlighter 導入！重い？日本語表示は？ https://www.nobutstyle.com/crayon-syntax-highlighter/ https://www.nobutstyle.com/crayon-syntax-highlighter/#comments Thu, 06 Apr 2017 16:58:09 +0000 http://www.nobutstyle.com/?p=77 今更ですが…

「Crayon Syntax Highlighter」を導入しました。

現在僕が使用しているWordPressテーマの「Simplicity2」は標準（プラグイン無し）で「highlight.js」が使えます。

詳しくはこちら↓

Simplicityでソースコードをハイライト表示する方法
Simplicity2.1.6からプラグインを使用せずとも、ソースコードをハイライト表示出来るようになりました。ソースコードのハイライト表示には、jQueryプラグインのhighlight.jsを利用しています。ハイライト機能追加は、以前か
wp-simplicity.com

なぜ今「Crayon Syntax Highlighter」なのか？

「highlight.js」は動作が軽快で、何よりプラグインを使わなくても良いということは、ソースコードのハイライト表示をしながらもサイト表示の遅延を回避できるはずです。

実際に WordPress のソースコードのハイライトについて調べてみても、多くの方が「Crayon Syntax Highlighter」から「highlight.js」へ乗り換えているようです。

また「Crayon Syntax Highlighter」はこの記事を書いている時点で1年近く更新がされていません。その為 WordPress やその他のアップデートに伴った不具合も出ているようです。

では何故？今更「Crayon Syntax Highlighter」なのか？

それは、デザインが好き！ただそれだけです！

「highlight.js」は動作が軽いが故に、数あるテーマはどれも非常に簡素なデザインです。

同じサンプルコードで「Crayon Syntax Highlighter」と「highlight.js」を比較してみるとその差は歴然です。


 
サンプル
 


<html>
 <body>
サンプル
 </body>
</html>

上が「Crayon Syntax Highlighter」下が「highlight.js」です。

まあ、この辺は「速さ」をとるか「デザイン」をとるかで意見が分かれるところだと思いますが、僕はやっぱり「デザイン」を優先させたいなぁと、そう思ったわけです。

Crayon Syntax Highlighter は本当に重いのか？

でも使うからには少しでも速く、快適に使いたい！ということで少し調べてみました。

404 not found
kumiko-jp.com
Crayon Syntax Highlighterでページ読み込み速度が遅くなる現象を改善する | mawatari.jp
mawatari.jp
WordPress でソースコードをきれいに表示・埋め込むプラグイン 6 選 | セオリコ
WordPressの記事でソースコードをきれいに表示するプラグインを紹介します。どれがよいか迷ったときは「Code Block Pro」がおすすめです。
naifix.com

これらの記事を参考に設定をすることで、ある程度の遅延を回避できそうです。

ここで必須の設定が「その他」の項目にある「必要な時だけCrayonのCSSとJavaScriptを読み込むように試みる」にチェックを入れる事です。
Crayonの動作が重い原因は全てのページでプラグインを読み込む事にあります。それを回避するだけでもかなり効果があるはずです。
それ以外の設定については、基本的に自分の使いやすい設定にしても良いと思います。ただ、使わない機能はできるだけ停止して、負荷を減らすようにする事をすすめます。

最近では「Crayon Syntax Highlighter」はとにかく重いと言われる事が多いようですが、
実際に上記の設定をした上で、その他のハイライト系プラグインと比較してみて「著しく負荷が高いとは言えないと結論を出してる記事もありました。

日本語表示されない問題について

今まで日本語で表示されていた設定画面がアップデートに伴って日本語表示されなくなった！と書いている方が結構いるようなので、解決方法を紹介！
実際に最終アップデートをインストールして有効化してみたところ、全て英語で表示されていました。

これは　
example.com/wp-content/languages/plugins/
あるいは
example.com/public_html/wp-content/languages/plugins/
フォルダにある
crayon-syntax-highlighter-ja.mo
crayon-syntax-highlighter-ja.po
を削除することで解決しました。

※削除する前に必ずバックアップを取ってください。

とりあず現状で不具合等出ていません。
ただ、これからソースをハイライトした記事が増えてくれば、「Crayon Syntax Highlighter」による影響がでてくるかもしれません。
サイトの表示速度の遅延や不具合等でてくるまではしばらく使ってみたいと思います。


削除した日本語ファイルが復活する人は以下を参照

WordPressで自動的に適用されるセキュリティ更新を停止する方法
実はこのサイトではWordPressの軽量化やプラグインの不具合解消の為に、使わない翻訳ファイルなどを削除したりしています。しかし、消したはずのファイルが気付くと復活しているので「？？？」と思い更新ページを見てみると。。。しっかり「今後のセ...
www.nobutstyle.com
Apr 12th, 2017


上記の方法で自動更新を停止したとしても WordPress はどんどんアップデートされていくわけで、結局手動で更新を行えば翻訳ファイルも更新されてしまいます。「その度に翻訳ファイルを削除したりアップロードしたりするのはやっぱり面倒くさい！」って方は以下の方法をどうぞ。

まず　～/wp-content/plugins/crayon-syntax-highlighter/trans/　フォルダから日本語翻訳ファイル（crayon-syntax-highlighter-ja.mo　crayon-syntax-highlighter-ja.po）両方をダウンロードします。
次に　～/wp-content/languages/plugins/　フォルダ内に「crayon-syntax-highlighter」という名前のフォルダを作り、その中にダウンロードした日本語翻訳ファイル（crayon-syntax-highlighter-ja.mo　crayon-syntax-highlighter-ja.po）両方をアップロードします。

その上で以下のコードを fuctions.php に記述してください。

add_filter( 'load_textdomain_mofile', 'my_load_textdomain_mofile', 10, 2 );

function my_load_textdomain_mofile( $mofile, $domain ) {
  if ( 'crayon-syntax-highlighter' === $domain ) {
     $mofile = WP_LANG_DIR . '/plugins/crayon-syntax-highlighter/crayon-syntax-highlighter-ja.mo';
  }
  return $mofile;
}

こうすることで、/wp-content/languages/plugins/ フォルダ内の翻訳ファイルが更新されても強制手的に～/wp-content/languages/plugins/crayon-syntax-highlighter/ フォルダから翻訳ファイルを読み込むようになります。

ja　の部分は

get_locale()

使ったり

$locale = apply_filters( 'plugin_locale' , get_locale() , $domain );

とかして取得しても良いと思いますが、強制的に日本語で表示させたいのにわざわざ判定必要なんですかね？

「Crayon Syntax Highlighter」の翻訳ファイルは不完全で、所々日本語に翻訳されていない箇所があります。
samuraiさんという方が個人用に100%に近い翻訳ファイルを公開しているので、そちらを使ってみるのも良いかもしれません。

Crayon Syntax Highlighter の日本語表示 – WordPressの使い方
wordpress.nnn2.com

]]> https://www.nobutstyle.com/crayon-syntax-highlighter/feed/ 1