Japanese Font for TinyMCEのコード編集についての注意点

今回Japanese Font for TinyMCEではGutenberg対応のためにcreate-guten-blockツールを使って作業時間の短縮を図ったのですがその弊害として注意点が出てきたので載せておきます。

本来このツールを使用した場合コンパイル等の作業を簡便化するためかnode_modulesディレクトリが作成されそこに様々なコンパイルツールがインストールされるようですがそのディレクトリが80MBと少し大きかったのでモジュールをzipとして同梱しています。

このため、このプラグインのGutenberg対応部分(gutenjpfontディレクトリ以下)を改変する場合は以下の作業が必要になる可能性があります。

1. zipの解凍

まずは改変するためにnode_module.zipを解凍してください。解凍したらnode_modulesディレクトリがあるはずなのでそれをそのままgutenjpfontフォルダ直下に置きます。

2.ビルド等

あとはcreate-guten-toolの公式ページ(https://github.com/ahmadawais/create-guten-block)の内容と基本的に変わらないのでそちらを参照してください。ちなみに簡単にまとめるとnpm startで開発ビルドしてくれます。

なおnode_module.zipは普通に使う場合は不要ですので容量が足りない等の理由で削除されたい場合は削除しても(たぶん)きちんと動きます。

何か問題があった場合はraspi0124[at]gmail.comにメールくださると幸いです。なおこの内容はこのままプラグインに同梱されています。

Japanese Font for TinyMCE バージョン3.8にアップデートした際サイトが表示されなくなる問題の解決方法 (500エラー)

修正バージョン3.85を配布してそのままになってしまいましたがコメントにてアドバイスを受けましたのでそういえば、と思い解決法を載せておきます。

すでにアップデートバージョンを配布済みです。今のところバージョン3.85には目立った不具合は確認できていないので安心してご利用ください。


解決法

まずはみなさん問題の原因等を知るより先に解決策を知りたい方が大半だと思うので載せておきます。

まず、更新バージョンをWordPress公式からダウンロードしてきましょう。

こちらの”Download”ボタンから”japanese-font-for-tinymce.zip”というファイルをダウンロードして、解凍すると、”japanese-font-for-tinymce”というフォルダがあるはずなのでそのフォルダをどこか適当な場所においておいてください。

つぎに、あなたのサイトのトップディレクトリにsshやftp等の手段でアクセスします。

トップディレクトリ以下にはwp-content というディレクトリ(フォルダ)が存在しているはずなのでそちらのwp-contentディレクトリの中に入り、”plugins”というディレクトリ(フォルダ)の中に入ります。

そうしたら、”japanese-font-for-tinymce”というディレクトリ(フォルダ)が見つかると思うのでそのフォルダを削除し、先ほど解凍して適当な場所に保存した”japanese-font-for-tinymce”フォルダを代わりにwp-content/plugins ディレクトリ(フォルダ)にアップロードします。そうしたら元通りあなたのサイトが表示されているはずです


原因

今回の発生したバグの原因としては、Gutenbergにて追加される関数を関数の存在チェックを通さずにそのままgutenjpfont.phpにて呼び出していたため、関数が存在しないという旨のエラーが発生していました。なぜテストサイト及び当サイトにてテストした際に気づかなかったかという釈明をさせていただきますと、当サイト及びテストサイトはその前の段階で行っていたGutenberg対応作業のためGutenbergがインストールされた状態になっておりそれをそのまま放置しテストしたためです。


今回は沢山の方々にご迷惑をお掛けしてしまい申し訳ありませんでした。

(ちなみにこの記事、気づかない方も多いかもしれませんがGutenbergで書いた初めての公開記事です

Japanese Font for TinyMCE バージョン3.0をリリースしました

こんにちは、最近ようやくスマホが手に入ったけど主に親とかが原因でまだ開けれないという悲惨な状態に陥った @raspi0124です。今回は、Japanese Font for TinyMCE のバージョン3.0をリリースしたので大きな変更点をお伝えいたします。

“Japanese Font for TinyMCE バージョン3.0をリリースしました” の続きを読む

Japanese font for TinyMCE プラグインのバージョン2.50をリリースしました

こんにちは、最近タブレット落として液晶割れてタッチパネルが使えなくなってめっちゃ悲しいraspi0124です。(早く新しいの買いたい。。けどお金ない。。w)今回は、Japanese font for TinyMCEプラグインのバージョン2.50をリリースしたので、紹介していきます。

“Japanese font for TinyMCE プラグインのバージョン2.50をリリースしました” の続きを読む

Japanese Font for TinyMCEのフォントCSSをCDNから読み込めるようになりました。Ver;2.20

さて、つい10時間ぐらい前に記事書いたのにまた書いている @raspi0124です。

眠い。。寝不足だ。。とまあそんなことは置いておいて、ちょっとJapanese Font for TinyMCE バージョン2.2にちょっとした機能を追加してみたのでお知らせします。

“Japanese Font for TinyMCEのフォントCSSをCDNから読み込めるようになりました。Ver;2.20” の続きを読む