- ワードプレス5.0の世界へ踏み出したので記事エディターGutenbergをでレビュー
- AddQuickTagは使えるか？
- ショートコードをどうする？
- 吹き出しが使いにくくなるのでは？
- Gutenbergエディタは、「再利用可能ブロック」の登録をおぼえると使いこなしやすくなる！
以上のことを書いていこうと思います！
目次やで
けいしゅけのWordPress環境
この記事をお読みの方にとって、まず大事なのは記事を読み終わってから再現性があるか否かでちゅよね？？
うちの（ヘンタイな）先生に、このブログ環境をたくさん聞いてきたので共有しましゅね🎵
- WordPress バージョン 5.0.2–ja
- 使用テーマ「SANGO バージョン: 1.7.3」
- 使用子テーマ「PORIPU tears for SANGO バージョン: 1.03」
- AddQuicktag
- All ShortCode of SANGO
- Rinker
- SANGO Gutenberg
- SANGOサポーター
- こじかツールボックス
- こじかテンプレートエディタ
- ふきだしクリエーター
- TinyMCE Advanced
まず、当ブログの作業環境はこんな感じだそうでしゅ🎵
記事作成をサポートするツールが今まで通り使えるか？
実際に記事を書きながら試してみまちゅ！！
先生も気合入ってましゅね…。
ついにWordPress5.0の世界へ踏み出した
— けいしゅけ(神田佳典)@イラストにもアツアツなAHEADMAP広報部 (@keisyukeblog) 2018年12月22日
Gutenberg使いこなしたるっ！！
— けいしゅけ(神田佳典)@イラストにもアツアツなAHEADMAP広報部 (@keisyukeblog) 2018年12月22日
ちなみに、いまのTweet埋め込みは、カスタムHTMLというブロックを選択して行いました☆
埋め込むTweetのリンクは
Twitterを開く➤ツイートの右上を選択➤ツイートをサイトに埋め込むを選択する
出てきたHTMLコードをコピペすれば完成やで☆
Gutenbergエディタでも AddQuickTagは使えますか？
GutenbergエディタでもAddQuickTagは使えます！！
使い方を説明しましょう。
Gutenbergはブロックと呼ばれるカタマリごとに見出し・本文・画像などを入れることができます。
Gutenbergエディタでは色々なところで「⊕」マークが出るので、クリックするとブロックが開くで☆
開いたブロックの中から「フォーマット」タブを選んで開くと【クラシック】が現れる。＊ブロックの検索に”クラシック”と打ち込んでも出てくるで🎵
AddQuickTagやふきだしクリエイター、こじかテンプレートエディタの登録データはコチラから引き出すことが可能になります！（一安心やわ～）
SANGOで使いまくっている【スタイル】というタブがクラシックエディタに表示されへんやんけぇ～💦
見出し・ボックス・ボタンなどを一発で表示してくれる【スタイル】タブが使えないのはしんどい！！
ここで【スタイル】を付け加えたら、無事Gutenbergのクラシックブロックにも【スタイル】タブが表示されました！
まだ慣れてないからやり方が間違っているかも知れへんねんけど、一発で挿入が出来へんみたいやわ。
上記のタイムライン上に載せた画像は、ブロックで画像をアップデートしたものを画像コピーして貼り付けるという手順で掲載しました（ちょっと面倒やった💦）
Gutenbergエディタでもショートコードは使える？
Gutenbergエディタでもショートコードは使えます！
ここでも活躍するのはクラシックブロックやで☆
使い方は先のAddQuickTagと全く一緒や。
クラシックブロックを呼び出して、クラシックエディタとして書いていけばショートコートは今までと変わらない使い心地で利用可能やで🎵
Gutenbergエディタになったら吹き出しが使いにくくなるんじゃないの？？
Gutenbergエディタでも吹き出しはガンガン使えまっせ☆
とにかくクラシックブロックを使えば余裕ですわ🎵
さっきから使いまくっているので、使えるんやろうなぁ～って思っていただけていると思います。その通りです。
クラシックブロックはTinyMCE AdvancedをGutenberg用に設定すれば旧エディタと変わらない使い心地が再現できるので、吹き出しも使えます☆
今まで通りみなさんとお会いできまちゅ！！
Gutenbergエディタは、「再利用可能ブロック」の登録をおぼえると使いこなしやすくなる！
Gutenbergエディタを使うとわかるんやけど、結局良く使うブロックって限られてくるねんよね。すると、ショートコード的に良く使うブロックを呼び出したいやん？
- ブロックを選択します
- そのブロックを選択すると書き画面のように「・」が縦に3つ並んだ詳細設定が出てきますわ
- そこで、「再利用可能ブロック」に登録する
- すると次回からブロック選択画面の上部に表示されるようになるねん！
良く使うブロックは自動的にブロック選択画面の上位に表示される
えー💦イチイチ再利用可能ブロックに登録しなきゃいけないの？
と思ってしまった方に朗報です。
このエディタ、ちゃんとブロックの利用回数を学習する機能が付いているみたいやわ！！
僕のエディタは既に「クラシック」を『良く使うもの』の最上位ど真ん中に表示してくれてます。
思ってたより使いやすいわ🎵
良かった～
今回の記事では、Gutenbergエディタをレビューしました。
使い始めたばかりのけいしゅけですが、意外にも使いやすかったです☆
やはりポイントはTinyMCE AdvancedをGutenberg用に再設定する事だったように思います。これをすることによって、クラシックブロックがこれまでのエディタと同じように使えるようになるからです。
すると、これまでよりもブロックを移動したりコピーしたりしやすくなった分、使い心地はむしろ向上するように思いました。
ちょっと面倒だったのは、画像が文章中に挿入しにくい事かなぁ～。
今回の記事はここまでや☆
最後まで読んでくださってホンマおおきにっ！！お時間を使って読んでくださったことに心から感謝申し上げます！
”この記事、ええやん！”って思っていただけたなら、はてなブックマークをつけたり、記事をTwitterやFacebookで拡散していただけるとピョンピョン跳ねて喜びます！！
もしよければ、下のボタンを押してけいしゅけをフォローしたって下さい🍀
この記事を読んだ感想や、ご意見、ご質問など大募集していまちゅ！！
「おもしろかったでしゅ！！」といった一言もとっても嬉しいでしゅ☆ よろしくおねがいいたしまちゅ💛けいしゅけが購読している３つのサイト（すべて無料）
日経DIオンライン 登録して知の巨人のコラムを読みたおせっ
薬局にも届く日経ドラッグインフォメーションの冊子のオンライン版。コンテンツは冊子よりも充実してるでっ！！
評価 おすすめポイント コラム著者が知の巨人 特徴 日経らしく硬派な内容 もはや説明不要！ソクラテス先生や青島先生と言った知の巨人たちのコラムはもちろん、サイトコンテンツには薬剤師として興味のあるものがたくさん！
PharmaTribune 現場薬剤師の声がコラムになっているから共感必至☆
薬剤師や薬学生向けに、業務に役立つ臨床や基礎医学、薬剤知識から、コミュニケーションスキルや医療ニュースなどを配信する情報サイト
評価 おすすめポイント い、いちおう僕もコラムを書いてますっ！ 特徴 とにかく現場目線のコンテンツ 現場薬剤師の活躍が手に取るようにわかる。コラムの中には「現場」がある。臨場感あふれる記事たちに心奪われてしまうでしょう☆
m3.com 無料登録でe-ﾗｰﾆﾝｸﾞ割引やﾆｭｰｽﾗﾝｷﾝｸﾞ閲覧権利をGet！
◎e-ﾗｰﾆﾝｸﾞが1講座3単位1000円で受講できるようになるで！ ◎薬剤師が興味のある医療ニュースがいつでも閲覧可能や！
評価 おすすめポイント e-ﾗｰﾆﾝｸﾞが1講座3単位1000円 特徴 登録無料で学習コンテンツ利用可能 転職サイトと思って登録しないのは勿体ないで！ だって、e-ﾗｰﾆﾝｸﾞが1講座3単位1000円で受講できるようになるねんで？さらに、薬剤師が読んだ医療ニュースランキングがいつでも閲覧可能や。Yahooﾆｭｰｽ感覚で医療ニュースが読めるでっ！
けいしゅけはアナタのコメントを待ってます！書いてもらうと喜びます☆質問も大歓迎！真摯にお答えいたします！