- WordPressでの記事編集作業を効率化するスクリプトです。
- 実行前には記事を保存しておき、復活できるようにしてください。
- 操作パネルが表示されなくなったり、バグ、要望があればSlackでお願いします。
WPTをWordPress内で実行するためにChromeの拡張機能をインストールします。
(説明はChromeでの使い方だけですが、JSを実行できれば他のブラウザでも可能だと思います)
-
まず下の拡張機能をインストールしてください。
ScriptAutoRunner -
インストールするとChromeの上部に稲妻マークが出てくると思うのでそこから設定に入ってください。
この画像のとおりに編集していきます。
最初に表示されているボックスがあったら無視するかゴミ箱マークで削除してください。
-
プラスの横の鎖マークを押すとボックスが出てきます。
ここにhttps://rawgit.com/asmfnk/WordPressTools/master/wpt_main.js
と入力してください。これはこのGithubのサーバーに上がっているWPTファイルです。
(2020/10/04追記) rawgitがサービス提供を終了していましたので、jsdelivrにmigrateしました。また、githubのrepositoryも変更しました。URLはこちら(https://cdn.jsdelivr.net/gh/orario-developer/WordPressTools@master/wpt_main.js
) です。 -
その下の
target host name
にはshukatsuhack.com
を入力してください。 -
最後にコンセントマークをクリックして全体が黄色になったら完了です。これにより
shukatsuhack.com
にアクセスするとスクリプトが自動で実行されるようになります。
以下のような吹き出し形式はWordPress内で入力補助を使うと入れることができますが、すべてのセリフでポチポチ入力するのは現実的ではありません。
WPTでこれを簡単に変換できるようにしました。
先に述べた準備が完了している場合は記事編集画面でこのような入力フォームが追加されていると思われます。
表示されていない場合は一度ビジュアルに切り替えてからテキストに戻してください。
文章はテキストモードで以下のように作成してください。フォームを埋めて、実行を押すと指定した人すべてのセリフが変換されます。
田中さんのインタビューです
田中:こんにちは
佐藤:こんにちは。よろしくお願いいたします。
早速ですが、田中さんは…
就活のタイミング
佐藤:いつ頃から就活をされたのですか?
田中:35億年前ですね
……
フォーム | 説明 |
---|---|
開始ワード | 「田中:」といったセリフが始まる前に入れた文字列 |
名前 | サムネイルの下に表示される名前 |
画像URL | サムネイルのURL。メディアを追加をクリックし画像を選択すると出てくるURL |
右 | チェックを入れるとサムネが右になる |
実行 | 変換実行。実行前にテキスト全体をコピーしておくかどこかに保存しておきましょう |
- 開始ワードは直前に改行がひつようです(一行目文頭の開始ワードは認識されません)。
- セリフの終了は2回の改行が必要です(文章の最後は忘れがちなので注意)。
-
https://github.com/orario-developer/WordPressTools.git
をfork。 -
変更分を、forkした自分のrepositoryにpush。
-
準備
欄の手順に従い、WPをセットアップ。 -
ScriptAutoRunner
にセットするURLを以下に変更。https://cdn.jsdelivr.net/gh/YOUR_REPOSITORY/WordPressTools@YOUR_�BRANCH/wpt_main.js
(YOUR_REPOSITORY
には、自分のgithubのユーザー名が入ります。また、YOUR_�BRANCH
には、開発中のbranch名が入ります。)
reference: https://www.jsdelivr.com/?docs=gh
※ branch名をhogehoge/fugafuga
のように、/
が入ったものにしてしまうと、上手く反映されない可能性があります。
-
2020/10/04
「テキスト」を選択した本文入力時に、簡易入力機能が標示されないバグを修正。 -
2020/10/09
READMEを編集。
デザインを修正。