はい、今日の講演者を紹介したいと思います。ドラムロール、タタタタタタタタ、ジャンッと。はい、今日は株式会社MGNのCeを応募しはじめさんにいただいています。ただし、私は出会った日からも、メガネと呼んでくださいと言われて、本当にいろんなところでメガネさんで通してますので、皆さんも多分メガネさんと呼んでいいと思います。右の方、ソーシャルメディアからいろんな写真を引っ張ってきたんですけど、本当にいつもこういう笑顔なんです。私も今年1月に初めて会って、まだ2、3ヶ月しか知らないんですけど、その中に何回かお会いして、本当にいつもこの笑顔で温かくハッピーに対応してくれています。ワードベースのプロフィールを見たところ、2008年からコミュニティメンバーと書いてますので、もう15年くらいワードベースに携わっている方です。そして今は、ワードベースを利用したWebメディアサイトやECサイトの作成、運用、コンサルティングなどを行っているようです。では、よいよここからメガネさんにお渡ししたいと思います。よろしくお願いします。ありがとうございます。よろしくお願いします。じゃあ画面出します。はい、入れましたでしょうか。クラッシックエディターからブロックエディターにこうするのは、ということでセッションの方を始めさせていただきます。1時間ほどお話しさせていただけるということで、11時までくらいですかね。ご案内しますので、どうぞよろしくお願いします。今、資料につきましては、チャットの方にURLを書きましたので、こちらのURLにもうちょっと貼ってきましたかね。アクセスいただきますと、今私が見ているこの画像の画面と同じものが見えますので、こちらでご利用ください。でですね、とりあえず皆さんとやり取りしながらセッションをしたいんですっていうのが、ズームでセッションすると皆さんの反応が全く見えないので、聞いてくださってるから伝わっているのかなみたいなのがありますから、ちょっとその辺りをインタラクティブに言っているんですかね。そう方向にするためにこのスライドのこのアドレスをポチッて押してもらっていいですか。ここですね、これを押すとですね、何やらこういうこういう画面ですかね。どちらからアクセスされてますかっていうのが出るかと思いますので、何でも結構です。一言アメリカーでもいいでしょうし、家からでもいいですし、何でもいいんですけどちょっと改定送信してみてください。そうするとこっち側に、あ、お、名古屋からありがとうございます。こういうふうに出てまいります。お、家からいいですよ、家からいいです。さっぽろ、鎌倉さっぽろ、あ、さすがさっぽろミートアップですからね。さっぽろの方もいい、金沢から関西、ありがとうございます。家から、さっぽろ、これあの数が増えると増えます。ちとせ、神奈川県、茨城です。ありがとうございます、ありがとうございます。そう、こんな感じであのいろいろと書き持ってやり持ってやれたら嬉しいなと思っております。お、神奈川県が2人になって増えました。私も神奈川県ですからね、神奈川税が増えたかもしれません。はい、ということでこんな感じで進めます。でですね、今日はクラッシックエディターとブロックエディターの話なので、そこの部分に質問を切り替えます。今度は質問切り替わりますね、ポチ。はい、そしたら今度はブロックエディターとクラッシックエディターどっちを使ってますかっていうのになります。これは選択式です。普段の利用で100%ブロックエディターなのか8、2でブロックエディター、半々ぐらい、5、5ぐらいですね。で、28でクラッシックエディター、100%クラッシックエディターと。ごめんなさい、ここがわかんないですけど、ここは8割クラッシックエディターというふうに理解してください。で、どれかポチッと入れていただいて送信をしてください。さあ、どうでしょう。今日は、半分以上の人はもうブロックエディターを使ってらっしゃる。で、8割クラッシックエディターという方が、でも結構いらっしゃいますね、その次が8割クラッシックエディターでブロックエディターをたまに使うという方、なるほど。で、半々ぐらいの方ということですね。おそらくこのブロックエディターを常に使ってるぞっていう方は、もしかしたら我々のように制作者だったりして、じゃあ、今日はどのようにして新しいお客様に、もしくは普段使われてる方に、クラッシックエディター使われてる他の方に説明しようというふうなことを考えてらっしゃるのかもしれませんということで、なるほど、わかりました。ありがとうございます。貴重な、なんでしょうね、アンケート結果だったので、ありがとうございます。これを活用しつつ喋っていきたいと思います。でですね、今日何を聞きに来たかっていうのが皆さんの中にあるはずだと思っているんです。で、そのセッションの時って何か持って帰ってもらいたいと思いますし、一番いいのは、その皆さんが聞きたいことに回答してもらえるっていうのが一番良いことかと思いますので、ここのですね、今、こうなってると思うんですけど、こっち側のQAっていう方におスタボをしていただきますと、自由に質問が書けます。で、ここ特命で書けますから、今日一番聞きたかったこととか、今日このことが聞けたら嬉しいなと思ってらっしゃることがありましたらこちらに記述いただけますか。で、これはあの、みんな書くと、それぞれのみんなの質問が見えますし、あとからそれにいいねして、質問の一番人気のある質問みたいなのを見ることもできますので、ぜひぜひこちらにですね、今日何を聞きたかったのかみたいなことを書いていただきますと、大変ありがたく存じます。はい、で、あの、ぜひよろしかったら書いておいてください。で、あの、MeetUpの申し込みからご参加いただいたと思うんですが、既に質問としていただいたものがありますので、こちらにもセッションの中で、セッションの最後でですね、お答えしようと思います。まだクラシックエディターを使っている人がブロックエディター対応されていなかったりしてるぞ。で、CustomFieldを利用してサイトを作ってるんだけど、それをどうしたらいいですか?みたいな内容でした。これもいくつかの対応方法があると考えてまして、そのことについても触れていきたいなと思います。ここね、すごく業者というか政策者であれば注目のポイントって感じますね、確かに思います。はい、じゃあQAの方に行ってみましょうか。あ、いいですね。カタクナニクラシックエディター使うから、ドーブロックエディターに言う。いい質問ですね。カタクナニ、そのことにもありますので、たくさん聞いてください。あのサイトは大変だったな、面白い経験があれば聞きたいです。ありがたいですね。こんな感じで、この質問の部分はずっと開いてますので、何かしら書いていただけたらと思います。あと、お願いごとばかりしてすいませんね。こうやってズームのチャットを皆さん使えると思うので、へーとかふーんとか、あの乾燥とか、愛のてとか、何かしらいただけるといろいろ嬉しいですから、そちらもご活用ください。お願いします。じゃあ始まります。よろしくお願いします。っていうと、みんながパチパチパチってチャットしてくれると信じて進めていきたいと思います。いろいろ忙しいですよ。見ているだけではダメなんです。参加していただいてやれればと思います。はい、ではすいません。前置きがめちゃくちゃ長かったですが、セッションに入っていきます。今回はクラスチックエディターからブロックエディターにこうするのをハウということでお届けしますということで、まずあの、先ほどね、固くなに、変えたくないというユーザーさんをどうしたらいいですか?という内容がありましたが、あのー、今すぐもう絶対に変えないと死んでしまいますから、もうどうしても変えてくださいというわけではないですということも一応言っときたいなと最初に思います。あの、ここから先クラスチックエディターよりもクラスチック、ブロックエディターがいいですよっていう、もちろんセッションになっていくんですが、とはいえいろんな理由がありますから、あの、変えなくてもいいよというか、世界的にもそういう人じゃない人もいるよということをお伝えしたいなと思います。これちょうどワードキャンページアのブースを出しまして、そこであの、先ほど出させていただいた質問とまったく同じ質問をステッカーでやってもらってないようになります。クラスチックエディターとブロックエディターどっちを使ってますか。で、こっちが100%クラスチックエディターで、こっちが100%ブロックエディターということになりまして、まあ、ブロックエディター使ってる方が多いですが、やはりクラスチックエディターよりで、しかももう基本的には100%クラスチックエディターだよっていうステッカーを払えてる方もおられます。そして、ワードキャンページアになると、当然あの製作者がおそらく属性としては参加者の中で多いと思うんですが、この5050のところにたくさんのステッカーが付いてるのもポイントですね。つまり、各業者も昔からサイトを使われてたり、そのカタクナナクレーンとの客層がだったりすると、それから脱却することができないので、両方を使ってるということが多いというわけです。もちろんこちら側に倒している人もいて、グテンベルクの開発ですね。ブロックエディターの開発などをされてたり、もう前押しの方はわざとはみ出して、ブロックエディター120%みたいな方々もたくさんおられましたが、そういった状況がありますということをまずご理解ください。はい、ここからまずクラシックエディターとブロックエディターの内容とか概要に触れてから、で、ブロックエディターの未来、そしてブロックエディターの使い方、クラシックエディターからの移行のチップスでまとめとしてあたしつぎようとというふうに進めさせていただきたいと思います。今のアンケートを見る限り、ブロックエディターいろいろ使われている方が多いので、ここの説明はざっくりでいいのかなと思いますが、一応ご紹介していきたいと思います。そもそもクラシックエディターとブロックエディター何が違うんだいという話からですね。もともとクラシックエディターなんてものはなかったんです。で、ワードプレスのエディターといえば、VigivigのエディターでビジュアルモードとHTLモードがあるもの、これがワードプレスのエディターとしてあるもので、当時2018年以前はこのエディターをみんな使ってましたし、これがあるからこそワードプレスが便利だよねというアナウンスでワードプレスはやっておりました。もともとCMSコンデンツマネジメントシステムですから、HTMLがかけない人でも、ブログがかけてホームページが出せてパブリッシュのミュージカみたいなものができていいですよねっていうのが、ワードプレスのもともとのコンセプトです。で、そのエディティングの部分をずっと支えてきたのが、今はクラシックエディターと呼ばれるものです。で、じゃあなぜそういうクラシックエディターという名前がついたかというと、2018年ワードプレスの5.0のリリースの際にブロックエディターというものが搭載されました。その結果、こちらが主軸になりますよ。ワードプレスをデフォルトでインストールした時には、このブロックエディターのみが有効化されている状態ですよとなりましたので、それに対するついの名前としてクラシックエディターという名前が出来上がったという経緯になります。なので、現時点においてはクラシックエディターを利用するためには、クラシックエディターを有効化するためのプラグインを利用する必要があるということになっております。恐らくもうこの辺はご存じかと思いますので、進めていきたいと思います。で、注目すべきはここですね。2018年末、12月なんですけども、リリーされたということは、2019年からカウントしたとしても、19、20、21、22、もう4年、丸4年経ちまして、今5年目に突入しているということになります。もし、ブロックエディターは新しいものと思われているとしたら、もう5年前にリリースされていますよということをご記憶に留めておいていただければと思います。90年代の音楽って私の中ではそんなに古くないんですけど、もう30年前の音楽ですって言うような感覚と捉えていただいたらいいかなと思うんですけども、そんな感じです。ブロックエディターの特徴は当然ですけど、ブロックで操作できるということです。いろんなブロックがあって、ブロックを選ぶことでコンデンツが作れるということです。ちょっと名前が今どうしそうなグーテンベルクなんですけども、グーテンバーグとかグーテンベルクとかって言いますけど、これはブロックエディターを関係するそのすべてのコードのプロジェクトと言いますか。実際にはここにはなんとったかな。グーテンベルクはコードなんとかって書いたというのを気がするんですけども、ちょっと後で見てみてください。というようなブロックエディターをまとめるこういうリポジトリーにあるプロジェクトの創傷ですっていう感じですね。プラグインの名前でもありますって感じです。今はエディターとしては、ワードプレイスの中ではブロックエディターと呼びましょうねというふうになっています。これ見ていただいているのが、その実際のグーテンベルクエディターが開発されているリポジトリー、ギットハブ上のものでして、非常に活発に議論が行われてますって感じですね。4700件の何かしらの一周課題があり、プルリクエストなんかこういう改善をしたらどうですかっていうのも今927個あり、過去にはプルリクエストが25000回以上されており、コードが日々向上しているというか、みんなで色々と作っているというものになります。もちろん皆さんもご参加いただけるオープンソースの活動の一つということになります。で、一応ここに書いてあるんですけども、リポジトリーの中のここですね、これからの4つのフェーズがワードプレイスのグーテンベルクエディターにはありますよっていうことが書かれてまして、ここにエディティング、カスタマイゼーション、そしてフルサイトエディティング、コラボレーション&マルチリンガルっていうふうに書いてあります。これどういうことかというと、このブロックエディターが、まずは編集を便利にしましょうねっていうところから始まって、フェーズ2フルサイトエディティングといって、サイト自体、ヘッダーであったり、フッダーであったり、ナビゲーションであったりといった、今までコンテンツを書く以外のところで、テーマが基本的には作っていた部分も、このブロックエディターを使って使えた方がいいよねっていうことができまして、6.2がついに発表されましたけども、これにはかなりその機能が入り込んでいます。で、フルサイトエディティングがもうほぼほぼ実装されたよっていうのが今です。で、これからこうエディティングという共同尻尾に進むということになってまして、これができると、グーグルドキュメントとかフィグマみたいに、画面を見ながらみんなで一緒に操作ができるっていう機能が追加されるというふうに一応言われています。どういうことかというと、私の想像ですよ。これは私の意見ですが、おそらくフルサイトエディティングができあがって、サイト自体がエディターからポチポチするだけで構築できるようになり、かつ、共同尻尾ができるようになるということは、リモートでいろんなところから一緒にワードプレスのサイトを見ながら触りながら、一緒にホームページ自体が、サイト自体が作れてしまうという未来がやってくるのかなというふうに思ってまして、すごく楽しみにしています。なので、フロックエディターが使えると、いろいろこれからも新しい未来がどんどんどんどんやってくるところに乗っていけますから、そういった意味でも、使うメリットが十分にあるんじゃないかなと思っていますというところです。はい、喋りましたが、ここまで大丈夫ですか?ここから技術的なトピックというか、使い方とか、行こう絵のティップスとか、そんな感じのものに進んでいきたいと思います。お、質問めっちゃ頂いてる。大丈夫かしら。あとにしましょう。ちょっとちらっと見ると、デザインカンプ、HTMLコーディング、ワードプレス組み込み自体のフローのままでブロックエディターを制作するような方法はあるかなと思ってます。クラシックエディターの時は、HTMLエディターにペタッと貼って、ビジュアル編集的にしてた。ありますよね。これは制作のフローにおいて、ブロックエディターをどう組み込むかですね。ブロックエディターの使い方はコートなどお伝えするが、ユーザーでもわかりやすいブロックエディターの使い方のサイトを教えて欲しいです。なるほどね。使い方自身のサイトを教えて欲しい。なるほど。このビデオを見てもらいましょう。まずは。ということで、今からブロックエディターの簡単な使い方等々をデモしていきたいと思います。はい、ではこちらに、今度はこうしまして、使い方のこの辺の内容を置いておきまして、こちらにブロックエディターを開きます。感じですね。で、なるべく、そうですね。今ちょっと様子を見ていろいろ使ってましたが、これを一旦停止さきましょうか。いや、いいか。同じようなもんですかね。で、ここまで一緒です。ワードプレスの管理画面ですね。投稿画面です。新規以下としますと、このようになります。なんだか白いみたいな画面がやってきました。で、これで、あ、もっとね、普段はね、もっと違うんですけど、デフォルトだとこうなってるんで、こうなるんです。で、まあそれはわかんないよねってなるのが、皆さんだと思います。印象としてもね。なので、なるべく今まで同じように戻せた方がシンプルかと思いますので、ちょっとそういったところもお話ししていきたいと思います。まず、こっち側のパネルがなくなって不安だっていう方がおいらっしゃるかと思うので、それはここです。ここからフルスクリームモードっていうのにデフォルトになってます。ここを解除すると、このように左側のメニューが出てきます。よかったですね。戻ってきました。で、こっち側も何かいろいろ公開とかあったよねっていう方、そうですね。ここ、これを押していただくと出てきます。いろいろ公開とかね。あ、カテゴリーとか出てきた、出てきたって感じですね。さら、多少落ち着く感じがしましょうか。まずこの辺りから始めていただいたらいいんじゃないかなと思います。でですね、新しく6.2から集中失筆モードっていうのが実装されたんです。で、これが集中失筆できるんですけど、ボタンがなくなってどんなのってなるんです。めっちゃ困ります。とりあえず、戻せなくなる人が属出してると思うんですけど、なんとなくこれをカーソル上に持っていくと、これがにょきって出てきてくれますので、ここから解除できるんですね。さっき知りました。ちょっと触ってみようと思って、こうなった時にどうしようもなくなりましてね。こうなったんですけど、ここにありましたから。ここです、ここです、ここからね。やっていただけたらと思います。で、ちょっとここに従っていきましょう。まずはタイトルに入力します。タイトルですよ。ここはここわけですね。で、もう何もブロックのこととか考えていただく必要もありません。普通に書いてください。これだけです。で、開業すれば開業されますから。開業の字は間違ってますけど、気にしないでいきましょう。はい、基本的にはこれだけです。はい、ので、開業すれば次のブロックの受付に行きますけども、そのように進めていただければと思います。で、これが実は今、これが1個1個がブロックの単位になっているって感じですね。ここにブロックナビゲーションというのがありまして、これがめちゃくちゃ便利なので、ここをポコって開けるといろいろ理解が進むかなと思います。このようにね、今段落ブロックが4つ並んだというのがわかります。このブロックのリスト表示、これが非常に重要で使いやすいと思いますから、これを使うようにしましょう。で、ここにプラスマークあります。ここからポチッと押すといろんなものが選べます。で、画像を押すと画像が出てくると。で、アップロード押せばアップロードいただけますし、URLから損入すれば何かができますし、メディアライブラリで既存のものから選ぶこともできますというのはいつも通りの内容です。これだけの話ですね。で、ここをポチッと押して、ここに無いものについては全てを表示を押すと全部のものが出てきます。ここにね、いろいろと出てきますが、いっぱいプラグに有効がしたりすると、いっぱい出てきて何だかよくわかんないと思うので、もう最初は段落と見出しとリストぐらいしか多分使わないと思うので、この一番上の点ですね。この辺のこれか画像ぐらいしかまずは使わないと思います。ので、慣れるまではそれだけでも充分かなと思います。ちょっと新しいものでメディアっていうのが6.2から出たんで、ちょっとそこもお伝えしたいと思います。ポチッと押して、もう一回いきますね。プラスマークを押して、全て表示を押して、メディア。メディアにですね、オープンバンスっていうのが追加されました。なんと、オープンソースでみんなで写真を集めて自由に使えると便利だねってなっているものが新しく追加されまして、例えばキャットって調べると、かわいい猫ちゃんの写真が山ほど出てまいります。で、素敵な写真がいっぱいあるので、ポチッと押せばですね、このようにライセンス付きで、この内容がポチッと入ります。で、このまま使えますっていう便利機能ができましたので、なんか適当なアイキャッチ欲しいぜとか、ここにその何かイメージ入れたいんだよねっていう時の選択肢として非常に良いんではないかなと思っておりますから、こちらも使ってみてください。単純にこの選んだ、この入力した内容ですね、こうやってリストも入れますけども、とかね、見出しとか、こうやってやりますね、やります。で、こうやってやったものはここに全部ブロックで出てますから、じゃあこの猫ちゃんの画像は上に移動させようと思ったら、ここをつかんで上に移動することもできますし、ここの矢印から上下にちょきちょきっと動かすこともできます。で、リスト、ここの見出しはもう一個上にしてとか。で、ここの見出しはH2じゃなくてH4にしてとか。ね、簡単ですね。簡単ですので、このように進めていただいたらいいんじゃないかなと思います。あ、今ありがとうございます。このセミナーはブロックエディダーを使って記事を投稿する人のためですか?開発する人のためですか?そうですね、どちらの人用でもあります。今はまずは一旦そのブロックエディダーを活用していただきたいので、活用するためのもので、このあとブロックエディダーからどのように行こう。クラッシュエディダーからどのように行こうしたらいいかということを紹介していきますが、質問の中でもあった移行をするときに、お客様にブロックエディダーをいかに便利に感じていただけるかっていうのを伝えられないと、お客様の移行の理由が全くなくなってしまうので、そういう意味でちょっとなるべく魅力的にブロックエディダーが感じていただけるようにご説明をしておりますというところですね。今ちらっとやりましたけども、マークダウン技術っていうちょっと慣れたいかもしれませんが、っていうものが使えます。ここにもうこの3つだけ、2つだけ覚えていただいたらいいと思うんですが、見出しを入れるときは頭にシャープを入れると見出しになります。シャープスペースってやると見出しになります。シャープ2個だとH2、シャープ3個だとH3になるという形で、シャープの数で見出しが設定できます。そしてリストを作りたいときはハイフォンだけですね。ハイフォンですればリストになります。これはマークダウン技術っていう内容にちょっとそぐった実装なんですが、そのようになりますので便利ですね。はい、マークダウン便利といただきました。ありがとうございます。めっちゃ便利だと思います。次、ここでスラッシュコマンドっていうんですけど、スラッシュを入れるとよく使うブロックのリストが出てきます。ちょっとこれはプロフェッショナルの使い方ですけども、ここで例えばイメージってやると画像が呼び出しやすいですし、ここでリストとか何でもいいんですけども、ヘディングとかってやると見出しが出たりというふうなことで、このスラッシュからやるケースも割と私はよく使います。またここの検索もここから使えますから、ここで見出しってやるのもありですね。このようにご自身で好きな内容で選んでいただいたらいいと思うんですが、なるべく簡単にスムーズにやれるようにできたらいいんじゃないかなと思います。はい、ブロックリスト。ここにブロックリストもありますけども、こいつらもコピペできます。これをブロックをコピーして、コピーだけじゃなくて複製でやると下に一個増えますね。というふうにできますから、この猫がどうしても可愛いぜってなったときに、複製症のとは複製できるという感じです。これを下側に移動できるというような形で移動ができます。というふうに、この内容を元に設定するととても使いやすいかなと思いますので使ってみてください。これがブロックナビゲーションの活用ですね。複数を選択して、この点々のマークからグループ化するというようなこともできます。グループ化ですね。こうするとこれがグループになりました。今は、この開業されましたと、これとこれ。で、ここのグループに対して、じゃあ背景に色をつけます。背景に色をつけました。色がつきました。で、これは前幅にするってなるとこういうふうに、今見えますかね。コントラスト的にもうちょっとこういう方がいいかな。こんな感じで、まあよくあるパターンですね。こういうふうなことができます。で、もうちょっと、ちょっと今ザザってやっちゃいますけども、ここで、パディングを設定すれば、このように、パディングができますし、この、これがじゃあ2つあるとして、個性。で、ここの間はもうちょっと開けたいなと思ったら、ここ側で、今度は、マージンを開けてるためのマージンのツールを作って、ここに出てきますから、ここでマージンの下部分を広げるようにしてあげれば広がるというような形で、ブロックエディーターは非常にどんどん高機能化してまして、こういった各ブロック間に置けるマージンだとか、パディングの設定というのもできるようになりました。これはちょっとプロフェッショナル向きということになるかと思いますが、見場合を見ながら自由にレアできるということがお理解いただけたらいいかなというふうに思います。では、ありがとうございます。色々と内容を追加いただいてとてもいいと思います。で、今、見ていただいた中でも、私がバババッと早く操作してしまったこともあり、とはいえなんか難しそうじゃない?ってなるのかも言うかと思います。で、きっと慣れは必要です。左側のパネルがあるとか、右側のパネルがあるとか、ここではこういうボタンを押すとかというの慣れは必要ですが、きっとそれはクラシックエディターでも必要なものでした。そういったものだったはずです。なので、どんどん使っていれば使うほどうまくいくと思いますし、特に初めてに近い形でワードプレスを触る方、今回、製作者ということで見ればお客様ですが、初めてで両方を触ってもらったとしたら、必ずブロックエディターの方が反応がいいです。そういったことは私の経験上ありますから、ブロックエディターから始めていただけるならその方が慣れがあっていいのかなというふうに思います。ぜひぜひそのように使ってみてください。はい、では続きまして、ここまでブロックエディターのザクリとしたご紹介でした。パターンのことは、これは下側のところに移動しておきます。で、クラシックエディターから移行するためのチップスというところをちょっとお伝えしたいと思います。冒頭に申し上げましたとおり、クラシックエディターを使ってるには使ってるなりの理由がいくつかあると思っています。これは質問の中でもいただいたんですが、カスタンフィールドを使ってるということとか、あとクイックタグを使ってるということがかなり内容として多いかなというふうに思っています。で、いきなりそれを全部ブロックエディターに買えようと思うと、やはりその変更するコストが非常にかかりすぎると思いますから、私ここでは2つティップスをお伝えしたいと思います。まずは、クラシックエディタープラグインで両方を使えるという選択肢を設定しておいてあげるのはどうでしょうというところからですね。まず、クラシックエディタープラグインを有効化した場合、新規投稿をすると、このようにクラシックエディターの見場になります。今まで通りといわゆま通り、もう私は懐かしいなという感じがしますが、そういった内容になります。その時に、クラシックエディターの設定は、この投稿の設定、設定の投稿にあるんですが、そこで、すべてのユーザーのデフォルトをQエディターにするというふうにおそらくなっていると思います。で、ここの次のユーザーにエディターの切り替えを許可するを、家ではなく廃にしておいてあげるといいかなと思うんですね。こうすると、もちろんQエディターも使えるが、ブロックエディターも使えるというユーザーによって選択肢が生まれます。どういうことかというと、この既存の記事を直す時にもこのようにブロックエディターで直しますか、Qエディターで直しますかという選択肢が出てきます。で、これをブロックエディターにするとブロックエディターに変更できるという形ですね。もちろんこのQエディターを触ればQエディターの方で開くことも可能です。そしてQエディターからブロックエディターに切り替えるボタンもありますから切り替え押すとこっち側に戻ってくるというふうになりますので、段階的に移行するということがあった場合にこのようにしていただくのもいいのかなと思っています。で、もう一つはクイックタグですね。これはブロガーさんとかでは多いと聞くんですがいろいろのノウハーがあって、効率的により良いブログを書くためとか、より良い記事を書くためにここにクイックタグがドバーって並んでるんですね。今1個だけ追加したんですけども、ディングタグっていうのを追加しました。これはH2に何かしらクラスが特定なものが入ってて振ろうとしてはこの後見出しですというふうに文字を書いてここがもう閉じたくの方になってますが、こうすると見出したくになるという形ですね。こういったものを使われている場合に、あまりにもこれが慣れすぎてもう自分好みにカスタマイズされすぎていてこれを使いたいというケースです。で、もうこれを本当にめちゃくちゃカスタマイズされていてそれが自分の中で最速で最高にヘリティングされているものなんですってなるんだったら、もうそれを忘れていいと思います。ただ、ブロックエディダイ、いやそれでも触りたい。できることならクイックタグの機能もうまくやりたいというふうになる場合にはということでちょっとお伝えしたいのが、HTMLのカスタムブロックをパターンとして利用するというケースがありますのでそれをちょっとご紹介したいと思います。あと20分しかないんで、すごい頑張って喋ってますけど大丈夫です。みんなついて来れてます?時間オーバーしても大丈夫ですよ、全然。なるべくまとめます。おそらくクイックタグ使ってる人はこういうふうにヘディングタグをね、こういうふうに使われてHTMLのタグで使われていることが多いと思うんです。これを一旦コピーして完成品をこっち側に持っていきましょう。ブロックエディダの方ですね。この新規投稿において使えます。ブロックエディダって使えないわけじゃないんです。ここにHTMLカスタムブロックっていうのがあります。こっからでもいいですし、こっからHTMLってやってもいいですしこのようにカスタムブロックっていうのがまだあります。まずはこちらを貼り付けたらまず使えるということをご理解ください。そしてさらにこれをパターンとして登録するっていうやり方がいいかなと思います。独自のこのクイックタグを使う時もそうだったんですがクイックタグの設定ってここにこのインターフェースがあってこの名前でこのソースの開始タグとこのソースの閉じタグをして全部のエディダで使うようにすると今のタグがクイックタグとして出てくるっていう仕組みだったじゃないですか。同様にこれをブロックで実現するときにはパターンを使います。パターンというところで今もう作ってあるんですがこのように見出しにというタイトルをつけてカスタムHTMLブロックで今の見出しタグをつけた状態ですね。これを保存します。このプラグインが後からご紹介しますがいったい今パターンのことだけを紹介していきましょう。これをパターンとして登録すると今ここにいくつかのパターンを追加しました。今自然に追加したんですがこの追加したパターンはブロックと同じように呼び出すことができます。ここから見出しってやるとここに見出しにっていうのがあるんですけどもこのように登録したものを呼び出せます。事前に登録したものを呼び出すとこのように先ほど登録したものがここに配置されるという形になります。これであればクイックタグのものをそのままパターンとして移植することで自由にいつでも呼び出せるということになりますね。これを割と使いやすい方法じゃないかなと思っています。このパターンをうまく活用するというのが非常にブロックエディターの活用としてはポイントになってきます。パターンというのはいくつかのブロックのまとまりを一括して呼び出すものというふうに考えていただければと思います。このパターンはデフォルトの機能としてあるんですが明示されてないのでわかりやすく使いやすくそれをしてあるのがこのVKブロックパターンというプラグインがあります。これはベクトルの石川さんの会社が作っているプラグインなんですか。Wordpressのプラグインディレクトリーからダウンロードすることが可能です。これをインストールいただきますと自分でパターンを登録して後から呼び出せるような機能を設定することができます。こちらを工夫することでいろんな内容が対応できると思いますのでこれももうちょっと後で説明しますがまずはパターンがあるんだぞっていうこととパターンを呼び出すとこれまでのクイックタグみたいなものも移行ができやすそうだなという風に思っていただければと思います。今ちょっとパターンの内容が出たのでパターンというのをちょっとご紹介したいと思います。パターンはですね、結構すごくてこれからの新しい内容になってくると思うんですがここのすべてを表示からパターンというところで選べます。プラグインを有効化していたりテーマによっていろんなパターンが自動的に登録されているケースがありますが今回はこのデフォルトのテーマTTTですね2023の中で提供されているパターンを使いたいと思います。ヘッダーパターンにはこういうものがいくつかあってポチッと押すともうなんか素敵なヘッダー部分がもうできたみたいな感じですね。素敵ですね。パターンいつもなんか自分がすごくなったみたいな気がしてこういう感じになります。さらにポチッと押してパターンから今度は注目にしましょうかね。注目の中のこれを選びます。ポチッとやるとここに今度はコンテンツが入りました。入ってますね。これはどういうことになったかっていうとここに今このパターンですねここのパターンとここのパターン2つのグループが入ってその中に自動的にもともとパターンとしてされてるものが全部入ったということになります。ちょっと色合いが合ってないなと思ったらここでここのグループの背景の色を今ベージュになっているのでこれを白にしようかなとかってちょっとねこの方がしまった感じがしていいような気がしますね。でもここの間部分だけは色を変えたいなとかって思ったらここで背景の色をグレーにするとかってしてあげるてつけようかなとかってしてあげればこれでよりしまった印象になったかなと個人的には思っています。さらにここからこの下に追加ですかねあとに追加してあっこっちだったあとに追加してじゃあ今度ここにカラムブロックまたパターンを入れましょうみたいな形でお客様の声こっちって入れましたなるほどお客様の声が入りましたねじゃあこれは横並びに3つ並べたいのでカラムにして3つにしてこれをそうですねカラムを全幅広にしましょうかここに段落つけてこの中にこの子たちのここから引用があってここまでこれをグループ化してこんなにしたらダメですよねこうしたら3列になるといいですねいいですねなんかこれ変ですねこれはやめましょうじゃあこれを削除してこれを複製したらいいですかこうやってやりたかったことができましたいいですねっていう風な形でパターンを組み合わせることでどんどんサイトが作れますこれは間違いなくクラッシックエディターの方ではできなかったことだと思いますねこういったことができる未来がもうやってきていてさらにこのパターンっていうのもいろんなところでこれからいろんなパターンがどんどん増えて提供されるようになりますなのでこの辺りは使いやすいパターンをお客様に提供することで今まではカスタンフィールドで提供していた定型分みたいなものが自由度を持った状態で使えるようになるという未来もありますのでぜひこの辺り使っていただければと思いますはいじゃあ次行きますで今度状態による内容でここからちょうど今いただいた質問がめちゃくちゃ良かったので質問にお答えしたいと思いますとクラッシックエディターをまだ使っている方はブロックエディターに対応されてなかったりします当然そうですよねそしてカスタムフィールドを使って必須能力、必須ごもくを入力すれば投稿側の表示レイヤーとか崩さずに崩して欲しくないのでそのような設計にしている東京できるようになることが多いと思いますカスタムフィールドで定型のフォーマットがあってそこの中に入力していただくとクラレルみたいなケースですねブロックエディターで状況のように投稿側の表示レイヤーと崩さずにコンデンツを流し込む投稿をし肩が見つけられずにまだ言いますとまだこのやり方が見つかっていませんと例えば新規投稿するとダミーの満足と弾楽等が既に推避されているがレイヤーとロックされた状態で仕上がけされるなどありますかというふうな内容をいただきましたでありますちょっと一応言いたいと思います先にちょっとそこのデモをしますまずは新規投稿時に何かしらダミーのセットがあるといいですよねということからまずご紹介していきたいと思いますこれについてはVKブロックパターンがすごく高機能ということをご紹介したいんですが例えば今満足にのパターンを登録しましたがそうではなくて今ここに登録のセットの画像をつきというのを作りました1個1個の投稿が観光地を紹介するとした場合にこれが定型のフォーマットとして必要であるというような想定だとしましょうこの場合にこのパターンを作った時に対象の投稿タイプというメニューがありますこのパターンを特定の投稿タイプの初期パターンとして使用する場合は対象の投稿タイプを指定してくださいというのがありますこれを投稿にしますで更新しますこうするとこれが投稿の初期パターンとして設定されますつまりどういうことかというと投稿で新規追加をした時にすごく賢いことにこのパターンを初期のテンプレートスで使う回という選択肢が出てくるんですねでこれをポジット押すといきなりここにその整形分が入りますなのであとはここの中身を京都のお寺とかわからないですけどこれが京都かどうかわからないですけどあとはここの写真を差し替えるとかそれで定形分のままで作れるという内容になりまして一つにはこのやり方が良いんではないかなと思います今ねめちゃくちゃいい反応をチャットで見えているんですけど録画したら見てないと思うんですが盛り上がっていていいですありがとうございますまずこのやり方がありますこれは一パターンとしていいんじゃないかなと思いますただじゃあこれまでのページどうするんだ問題っていうのも発生しますね今までのところどうするかとかいやいやそのカスタンフィールドは結局使いたいんだがその間とか上とかにうまいこと操作したいんだよねみたいなケースも出てくるかもしれませんカスタンフィールドってテンプレートの構造上を多分そのシングルPHPとかにカスタンフィールドの内容がどかって入ってるんですけどブロックエディターはそれを2位の位置に選ぶんじゃなくてブロックエディターはそらくそうなるとカスタンフィールドとしたらこの上側がブロックエディターになるかこの下側がブロックエディターになるかぐらいしか自由度をカスタンフィールドがテンプレートの中に書いてあったとしたらできないんですよね持たせられない状態になると思いますのでこれを解決する方法をちょっとデモします今ここに名詞っていうのがあってなんかここに要は定型文がユーザーの説明をするみたいなページを想像してください名前があってメガネってやって役職がじゃあライターってやっておいて普段はこうやって更新するわけですよねこうしてやるとこうなってここに出んでないですけど本当はここにメガネと内容が定型のフォーマットで出るみたいな形のものだとしますなのでその時にこのショートコードにしてあげるっていうやり方がいいかなと個人的には思っていますね今急にソースコード出てきますけどおそらくカスタンフィールドで書くってことはテンプレート側にこのカスタンフィールドでこのユーザー名とユーザーロールを表示するっていう内容がなんです例えばショートコードにしますこれをショートコードにしてあげるとこれは2位の場所に移動できることになりますからこれとここでショートコードブロックですねショートコードブロックこれはショートコードとして使えるものになりますまずこれだけシンプルに更新するとこのように今このカスタンフィールドで入力されたものがショートコードとして出せますとこれをそうするとここに見出しがあって好きな文章があってさっきの猫ちゃんの画像もあって好きなものを入れた後の好きな場所にこれらを移動できることになりますからこうしてあげると自由度を持たせた上で特定の内容だけは必ずコンテンツ内に入れられることができるというような風にも実現ができますこれは割り貸しいい方法なんじゃないかなと思っていてカスタムブロック作るとこまではなかなかできないよねっていう方はで 既存のそのACFカスタンフィールドのテンプレート表示する機能を持っているということであればそれを多少ちょっと手を加えてショートコードにしてあげることで過去の資産を生かしつつブロックエディターの中でも同様に表示できるというやり方としてはあるんじゃないかなという風に思っておりますちょっと技術的なトピックスになりましたが要は カスタンフィールドでやりたいことの全部完結するならそれでいいんですがその間とか上とかにちょっとバナーたしたいとかこの記事だけは別のリンクたしたいとかっていう時にはこういうやり方をすると両方の自由度がもてていいんじゃないかなという風に思いますすみませんそのショートコードのすでに書いてある状態で登録はできるんですか過去 ACFショートコードブロックがあって中にディスプレイACFネームカードってすでに書いてある状態でこれを呼び出せるってことですね出来ますこれも結局これをコピーして今度はこれをパターンにブロックに登録しとけばいいんですこれでカスタンフィールドの呼び出しっていう風にしておいてここは分かりやすい呼び名にしておいてください皆さんが分かりやすいようにしておいていただいてショートコードでここにショートコード仕込んでおいてこれで公開しておいてこれでカスタンフィールドの呼び出しっていうものができましたからこれを今度ここからこうやって呼び出せるようになりますのでこうするとどこでも呼び出せていいかなと思いますさっきの写真付きの等の複雑なパターンの中にロートコードブロックを組み込んでおけばその下のカスタンフィールドを使って投稿ができるそうですねどちらでもカスタンフィールドがあることのいいことは自由度をあえて奪うことで定型文を作るということだと思ってますブロックのいいところは自由度があるところなんですが上に何したらいいかわからないとか構築が難しいということが出てくるかと思いますのでその間でパターンを使ってどのぐらい自由度を持たせてどのぐらい制限を持たせるかっていうのが今後の製作者がクラウンド3番のために考えるところのポイントの一つになるかなと思いますわかりましたありがとうございますいい質問ありがとうございますということで今内容としてのパターンの活用の部分もしくはカスタンフィールドを使っている部分でどうしたらいいかということをご紹介しましたその他にもページビルダーを使っている場合っていうのもあるかと思いますエレメンターだとかビーバービルダーみたいなブロックエディダーとは異なるグーテンベルクとは異なるページビルダーブロックエディダー的なものや投稿だけは使ってるけど固定ページは使ってないとか投稿タイプことにいろいろ別れてるとかもっと言うとエディター使ってなくてテーマテンプレート内にコンテンツが書いてある場合とかいろんなパターンがあると思いまってこれらについてプログラミングを変えさずにページビルダーじゃないやグテンベルクブロックエディダーだけで何とかするというのはなかなか難しいところではあります今のご提案したショートコードを作ったりそれをパターン化するというのだってパターンのお客様であればとても難しいことかと思いますのでなかなかそれらが全部全部スムーズに十足ナイフのように全部が解決できるツールかというとそんなことではないんですが例えば今から新しく作るコンテンツであったり新しいサイトであればブロックエディター使うことはとてもメリットがあるのではないかなというふうに思っていますじゃあ次いきますね一応両エディターの長所と誕生もお伝えしときますまずクラスチックエディターの方からは長所はとりあえず安定はしているというふうに言えると思いますある意味安定これが安定と言っていいかどうか分かんないですけどブロックエディターと比較した時の利便性がやはり比べることはないのかもしれませんだから比べなくてもいいんだもう我々はこれでいいんだよという方にはクラスチックエディターのままでみたいのいろんなものやまだまだちょっと分かりませんがもしかしたらクラスチックエディタープラグイン自体のサポートがなくなるという可能性もあるかもしれませんということなのでその辺りがデメリットになるかなと思いますブロックエディターの長所は自由度であったり楽しさであったり将来性というところが長所になりますただ一応誕生も言っとかないとフェアではないと思いますのでなんせ変化が早いということがありますボタンの位置が途中で変わったりデフォルトのブロックでもスタイルの当たり方が変わったりということが今まさにかときで頻繁にいろいろと行われていますから新しいルールみたいなものがいろいろと変わっていきますそれに対してアップデートの度に多少なりとも対応が必要になってくる可能性が多いにありますというところですねここの部分が短所にはなりますがそれをあまりある長所があると私は思っていますので便利さにもしまだ知らない方がいたら驚いてもらえたら嬉しいですしさらに未来新しいワードプレスのいろんな可能性がブロックエディターには乗ってきますからそういった新しいサイトを作るならこれからまたサイトを作るならブロックエディターをお勧めしましたという形です今のサイトの継続利用ということであれば今のクラッシックエディターとというような形でうまく調整いただいて少しずつ導入するというやり方もいいのかもしれませんという形でご案内させていただきました質問いただいてましてブロックエディターは一つの記事について2箇所を作ることができますかリッチエジダーブラグに使って2箇所以上のカスタンフィールドを作れるんですが2箇所を作るわかります多分カスタムフィールドの内容で途中にウィジビグエディターを出すことができるので例えばエディターカスタムフィールドでエディターみたいなカスタムフィールドみたいな入力枠になっているケースのことをしちゃってるのかなという風にちょっと想像しましたもしこの内容であってれば今のブロックエディターの中は自由に作れますのでこのカスタムフィールドここ全部をブロックエディターというふうに考えていただいてというふうに考えていただいてここは普通にエディターはブロックエディターの要素として作るここの部分をカスタムフィールドを表示するショートコードコード1っていう風にしておいていただいてでここでこのカスタムフィールドのここの部分はカスタムフィールドを表示するショートコード2っていう風にしていただくというやり方が両方を作る方法として活かすならこの形になるかなと思います伝わりますでしょうかあともしかしたらこのカスタムフィールドが柔軟な状態になってて好きなフィールドをどんどんどんどん足せます見出しのカスタムフィールド足して次にコンテンツのカスタムフィールド足して次に画像のコンテンツフィールド足してみたいになるケースもあるかもしれませんがそれはもう単純に先ほど申し上げたパターンで見出しパターン1見出しパターン2見出しパターン3見出しパターンみたいにどんどんパターンを細分化して作っていただいてブロックエディター内で組み合わせていただくっていうのがいいかなという風に思いますねじゃあ時間がこうやっても大丈夫って言われたんでちょっとだけ質問を見たいと思いますクラッシックエディターで書いた数百の記事を一括でブロック変換する変換する方法はありますか内容な気がしますというかブロックエディターに行こうかすると過去の記事はクラッシックエディターブロックになるんですねどういうことかっていうとここのクラッシックエディターの方がいいですねこういうクラッシックエディター側で新規投稿しますでここに何か書いて書いてこっちにしましょうかで何か見出し作ってでこうやってこうやってこうやってでここにリンクがあるとリンクがありましたでこれを更新しますでこれを切り替えますこれでブロックエディターで触るとこのようにここの部分は一旦クラッシッククラッシックブロックっていうクラッシックエディターで書かれたものを表現するブロックになりますでなのでまずはこのままで上下であればこの辺に足せますこの辺に好きなように足せますでここの部分なんですけど一応ここにブロックに変換っていうボタンがありますでこれをポチって押すとその内容を理解してそれぞれの項目をブロックエディターに置き換える機能ですね今わかりますかね今まではここクラッシックエディターブロック1個だったのがブロックに変換するとこのようにその中を解析してブロックに合うようにするっていうことの機能がありますのでこれをいい感じに使うということになるんですけどもまずブロックエディターに切り替えたからといって記事の編集をしなければ影響はないので古い記事は古い記事のままいきますからそれでまずはOKですで問題は古い記事をブロックエディターに直した後で編集しないといけないときにどうするかということになりますで今みたいな言い方がありえるんですけどこのクラッシックエディターの中身ってつまりHTMLが自由にかけているはずなのでこれが正しく全部が全部ブロックに変換がうまくいかないことがありますまさにブラックに変換が多くないですか多いと思いますなのでちょっと今日紹介しきれないんですけどクラッシックエディタープラグインを任意のポストIDより前とか任意の投稿日付より前から投稿日付効果するみたいなことがフックで確かできるはずなので例えばそれを使ってもらうとかもひとつにはいい方法かもしれませんがなかなか難しいところであるというふうにお伝えするよりほかありませんという感じですねはいじゃああともう一個だけ指が2個ついているものからいきましょうかクラッシックエディターのバージョンのワールプレスからブロックエディターのワールプレスやアップデートした際のブロック記事の編集になられたと感じているのそのあたりの解決方法などお聞きしたいですお伝えしているとおり5.0が2018年の12月くらいですからぜひアップデートはワールプレスのコアをその理由のために止めていただいているのであればぜひまずはアップデートはお願いしたいと思いますまずはクラッシッククラッシックエディタープラグインですねを有効化して既存のものと同じ状況で使えるという風にしていただいてそれから両方選択できるという形にしてという流れで進めていただくといいかなと思いますので何しろアップデートはぜひしていただければなと思いますということでちょっとお時間が一旦きましたのでここでお返ししますありがとうございますありがとうございました皆さん拍手ありがとうございますでは一旦ここで録度を提進します