はい 改めまして皆さん おはようございますおはようございます今日のワークショップ はい今日のワークショップはワードプレイス6.1のアップデート内容を見てみようというテーマで企画しましたで ワードプレイス6.1 実は公開されてからもう1ヶ月半近く立つのでちょっと遅いんですけれどもこうの内容がもし皆さん気に入っていただけるようでしたら来年ももっと頻繁にその更新ごとに内容を見ていくような企画ができたらいいなと考えています私はペンといいますもともとオーストラリア生まれなんですけれども30年以上日本に住んでいます2014年からワードプレイスを使ってますので何年ですか8年くらいブロックエディター前のワードプレイスも少し使ってましたしブロックエディターになってからますます使うようになりました4年くらい前にワードプレイスのカスタマーサポートをするのがきっかけでそれまではプライベートで使ってたんですけど仕事でワードプレイスを使うようになりました今年からはフルタイムでそのワードプレイスのプロジェクトに貢献していきたいということでこういったワークショップを開催したりまた他の方々も世界中で開催してますのでそういった人のサポートということを行っています何か教えたりしている時に聴いている側がなるほどと理解する瞬間が大好きですなので毎回のワークショップできてるんですけど皆さんもなるほどという瞬間がありましたら声に出していただいてもいいですしズームのチャットにもなるほどと入れていただいたら私も力をいただいてプレイセンができますのでよろしくお願いしますあとこのオンラインワークショップという形式なんですけれども先ほども話しましたがワードプレイスプロジェクトのトレーニングチームが公式に開催しているものですなので英語のワークショップはだいぶ増えまして毎週5個から10個開催されていてそれが徐々にいろんな言語で行われるようになっています最近だとバングラデッシュ語とかギリシャ語とか私はこの日本語のバージョンを半年前から続けていますが基本的にはどなたでも開催することが可能ですなので皆さんも何か共有したい、公開したいというのがあればぜひ教えてくださいオンラインワークショップはともに学ぶ場ということをコンセプトにしていますのでどなたが質問してもいいしどなたが答えてもいいで必ずしも私が答えを全部知っているわけではないですのでお互いに情報共有を行っていけたらいいなと思っていますまたオンラインワークショップは録画され後日ワードプレイス.tvにアップされますので万が一決策された場合なども録画を確認することができますはいでは今日の内容に入る前に一つ皆さんにお尋ねしますワードプレイスの更新をまず皆さん意識しますかそして意識する方はどういった時に意識されますかズームのチャットに寝ていただいてもいいですし音声で答えてくださっても構いませんワードプレイスの更新は意識されますかそして意識する方はどういった時に意識しますか意識しますはい意識しますはい特にメジャーバージョンアップの時は意識しますあとメジャーバージョンアップしてストーリオーケンとかが変わる時例えばPHP5.4とかが切り捨てられますとかっていう時とかは意識をして特にお客さんとかが古いサーバーを使っている時はワードプレイスじゃあどうしますかみたいな話になってくるのでなるべく気をつけて更新情報とか気をつけて見ているようにしてますじゃあもう更新がされる前からもこういう更新がもうそろそろ来るみたいなそういう情報も拾っていってるっていう感じそうですねはいはいありがとうございます私は意識しませんグーテンベルクとかブロックエディターになる時は意識しましたねどんな風になるのかということが不安だったので意識しましたけど今はですね意識しなくてもどうせ良い方向に向かうに違いないと思ってますので全く意識しておりませんはい大丈夫です他の方はどうでしょうチャットの方に石原さんはいつも最新にしておきたいので意識しますと答えてくださってます私も一般ユーザーだった頃は正直意識してなかったです自動で更新する設定にしておいて更新されるとメールが届くですねアップデートしましたってアップデートしたんだっていう感じだったんですけどカスタマーサポートの仕事を始めてすごく意識しようになりましたアップデートして壊れるサイトとかうまくいかないサイトがお客さんのサイトがあるのでだいたいその頃からいつ頃アップデートがあるのかなとこの頃仕事が忙しくなるかなみたいな感覚で更新を意識するように私はなりました最近だとですねこういうワークショップも開催してますしブロックエディターやっぱりちょっとこうあと一歩っていうところが結構あったんですねこの1年2年くらい最近の更新でそれがどんどんどん機能が増えてきてあれしたかったってことができるようになってきたので今はどちらかで楽しみな気持ちで私は更新を追ってます今度は何ができるようになるかなっていう感覚で見てみますひとしさんも意識しているとチャットに流してますそしてとしさん更新ディリースを事前に調べるまではしないですけれども意識はしているという感じですねありがとうございます皆さんいろいろな意識で更新を見ていたり見ていなかったりしているということですね今日は最近公開されたワードファイス6.1毎回ジャズミュージシャンの名前がつけられるんですけど今回はミンシャというミュージシャンの名前がついてますこの更新内容を実際にテストサイトも開いて見ていきたいなと思っています今スライドのリンクを共有します今ズームのチャットの方に流しましたが私が見せている同じスライドのPDFです後からも見ていただくこともできますし例えばこういった部分のリンクをPDFの中から開いていただくこともできますので必要に応じてぜひ使ってくださいこういった6.1とか6.2とか大きなリリースがあるとワードプレスの公式ブログにリリース内容の紹介の投稿が出るんですね今日はこの公式ブログの投稿の内容その順番に従って更新内容を見ていこうと思いますはいここまで質問とかなかったでしょうかいざ内容にでは進んでいきたいと思いますまず今回の6.1でなんといっても新しいテーマが出ましたこれが一番大きいと思いますワードプレスは毎年年号の名前を取ってテーマを公開しているんですけれども来年2023年なので2023というテーマが出ました今回のテーマにはそのスタイルバリエーションが豊富に用意されているテーマになっていますこのスタイルバリエーションというのを見ていこうと思うんですけどもう一つ今回のテーマはアクセシビリティ対応ということが結構重要なポイントのようですアクセシビリティに完全に対応していないテーマもワードプレスでは公開することはできるんですねただやっぱり近年アクセシビリティすごく歌われていますし大事なことですので今回公式に公開された2023年もしっかりとアクセシビリティに対応して対応したテーマになっていますちょっとじゃあこのテーマを見ていこうと思うんですけれども私が用意したサイトローカルで今回立ち上げてますけれどもプラグインはこれはデータをインポート用に使っただけなのでプラグインは何もない状態ですテーマも2023最新のそのテーマを使っていますちょっと空っぽのサイトだと面白くないのでいくつかデモのダミートークを入れてはいるんですけれどもこれが今見えているのが2023のデザインになっていますシンプルな感じですかね左上にサイトのタイトルが小さくあってこちらにメニューがあります今ブログページなんですけれども投稿がこう並んでいて下にはちょっとしたフッダーがあってページに飛ぶボタンがあるという感じですね特に何かこのままだと私個人的には魅力は感じないんですけどきれいなシンプルなテーマという感じです今回の売りはこのスタイルバリエーションなのでこちらを見ていこうと思います外観のエディターというのをクリックしていただきますここにサイトエディターという機能が出るんですねこれはサイトのデザインを更新する場所ですサイトのコンテンツは投稿とか固定ページという場所で編集するんですけどデザインはこのサイトエディターで行いますここの右上のこのボタンスタイルというボタンなんですけどこれが今回新しく新しいわけじゃないですけど強化されて紹介されていますちょっとこれ出てますけれどもこのスタイルというのはテーマを変えずにサイト全体の例えば色合いを変えるとかタイポグラフィー文字の大きさ形を変えるとかレイアウトマージンパディングなどもそのページごとにブロックごとにではなくサイト全体を一気に変えることができるんですね以前グローバルスタイルなどと呼ばれていたこともありました今回はこの表示スタイルを押しますとここに10種類のスタイルが用意されていますこれが2023の強みで1個のテーマファイルの中にある意味デフォルトとプラス10個のデザイン要するに11個のデザインが1個のテーマファイルの中に入って変えることができるんです例えばこちらナスなんですけれどナスをクリックするとサイトの色合いがまず変わりました紫のグラデーションのバックグランドになりましたしこのボタンのデザインも変わりましたねもともと四角いボタンだったのが丸くなったこれはサイト全体のボタンが一括で変わるということですとかちょっと下線が引かさるとかそういうデザインの変更があるブロックアウトをするとこれだいぶデザインが変わりました左上に小さくあったサイトのタイトルがまずデデンと大きく表示されるようになりますあとは例えばここのフォントですね実はこれがデフォルトですこれがデフォルトのフォントでブロックアウトだとフォントも変わります車体になったりしますし画像もこれ変わりました投稿のアイキャッチ画像まずこの赤い色味に変わったのとちょっとわかりますかねここ角が丸くなってるんですこういったデザインもサイト全体に一括で適用できるのがサイトエディター内のスタイルこの2023は色々なスタイルを11個含んだテーマということになりますちょっと簡単にだけほかを見ていきますがかなりやだとこれページのマージンですねマージンが大きくなり画像も左上だけ丸くするちょっとスタイリッシュな感じになっていますエレクトリックブドウマリーゴールドジュンでこれ背景がテクスチャーついてますねちょっとズームだとわかりにくいかもしれないですけど一色単ではなくてテクスチャーがついていますピッチシャーベットウィスパーはいこれはいずれも同じテーマファイルなので例えばアクセシビリティとか裏のコードの部分はどれも同等にひとしくどれも一緒なんです裏のコードの組み立てとかアクセシビリティの観点とかただその表向きのデザインがたくさん用意されていてコロコロ自由に変えることができるっていうのが2023の売りです一般のユーザーも結構これは面白いんですけれども多分テーマ作成者とかデベロッパー側も使えると思うんです過去の今までのワードプレイスのテーマ例えばテーマ作成者が売っていて顧客が色味を全部赤に変えたいとか色味を全部青に変えたいっていうと結構これCSSコードが必要だったりするんですね結構なプログラミングをしてどのページもどの機能もしっかり色が変わるようにしっかり文字の大きさが変わるようにプログラミングしなければいけなかったんですけど今回はもう一つのテーマファイルの中でいろんなパターンをパッケージができるので例えばそのテーマ作成者側はもう事前に赤っぽいテーマ青っぽいテーマ緑っぽいテーマというのを用意してあとはお客さん側にじゃあその中から好きなのを選んでくださいといった感じでわざわざコーディングしなくてもいろいろなテーマのバリエーションを提供しやすくなっていますもちろんここを何か選んだ後にさらに変性をかけることも可能です例えばこのブロックアウトというのにして例えば背景の背景のこの色を背景の色だけちょっと薄くしたいなとかこれもまたサイト全体で変わっている設定なんですけれどもバリエーションを決めてそしてそれをさらに変性をかけるといったことが可能ですで今は色だけ変えましたけれどもタイポグラフィーを変えたりブロックごとに例えば弾学ブロックの色だけ変えたいとか例えば例えば引用ブロックのタイポグラフィーだけさらに変えたいといったふうにサイト全体のブロックタイで変性を加えることも可能ですで何か変性を加えてまずかったなと思ったら左上のこの戻るボタンで変性を戻すこともできますしここの変3つを押すとデフォルトにリセットというのもありますので完全に戻したいというときにはデフォルトにリセットを押すことによってデフォルトになりましたしこちらのテーマも元に戻ったリセットするということが可能ですはいちょっとこの内容で質問とかちょっとこれ見せてほしいなとかそういったことはないでしょうかスタイルバリエーションのメリットもわかってもらいましたかねちょっとわかりにくいですかねこれは質問なんですけれどもこれは自分で新たなスタイルバリエーションを作ったりして保存したりすることもできるんですかはいそうですちょっとこの表というかフロントインドではできないんですけれども裏でドットjsonファイルだったかなテーマデーションじゃあテーマデーションですが今簡単に私見せられるかなちょっと待ってくださいね今これローカルで立ち上げてるんですけどおっとこれをサイトフォルダー開いてこれいけるかないや私変にいじらないほうがいいかなどこに入ってるappの下かなappのfabricの下コンテンツのテーマの2020のスタイルかなここに10種類ですか10種類ですねデフォルトとなのでここにもう1つ自分で新しいドットjsonファイルを作って入れるとどんどんどん増やしていけますはいはいシャラさんもチャットでありがとうございます自分でもスタイルを作って作ってみたいとありがとうございますとりあえずこれは一旦ここまでにして次に行きたいと思います結構すごいんですねその色と色だけじゃなくてブロックタイの設定も変えてスタイルとして保存できちゃうカドマルにするとか画像ブロックはどうするとか本当に色以外の部分もトータルで指定できるようになったので1つのケーマファイルの中にテーマが11個入ってるような感じだと思うんですねただそのやっぱりアクセシビリティとかコーディングをする側としてはだいぶ楽になったというのが今回のメリットですシャラさん既存のスタイルのファイルをコピーして編集したら試せるのかなはい試せると思います試せると思いますこれ先ほどのスタイルですねちょっとやってみますかちょっとやってみてこれがうまくわからないんですけれども例えばこれを名前をベンベンっていう名前してみますか中身はどうなんだろう中身は変に開かないほうがいいですね変に開かないでこのままちょっと更新してみますこれで一旦ダッシュボードに戻ってもう一回エニタに入ってスタイルを押して表示スタイルを押すとあったぶんこれかなウィスパーって書いてますけどたぶんこれが私が今コピーして増やしたテーマですなのでもうちょっとファイルの中で名前を書いたりしなきゃいけないんですけれども本当にファイルのコピーコピーペでこうやってどんどんスタイルを増やすことができるみたいですはいじゃあテーマに関してはここまでにして他のアップデートも見ていきましょうまず次ですねテンプレートいちはらさんなるほど他の人が作ったのをもらえるんですねそうですねドットチェイソンファイルを共有することで他の人のテーマがテーマというかスタイルですね共有できますもう一つですねテンプレートが新しく新しいというかだいぶ増えましたテンプレートというのは今私たちこれサイトエディターの中にでここの黒いボタンを押すとここにテンプレートとテンプレートパークという機能が出てきて私たちが今まで見てたのは上にここホームと出てるんですけどホームページのテンプレートを見ながら編集してたんですねでテーマファイルによって単一これ投稿です固定ページのテンプレート例えば404ページ何も見つかりませんでしたっていうページのテンプレートとかアーカイブページのテンプレートとかこういったのをテーマ側で指定することができますただテーマによっては作成してない場合もあるんです404がないとかアーカイブページのテンプレートがないとかこういった時に右上の新規追加でもうユーザーが特別なテンプレートをどんどん足すことができるようになりました今まではテーマ作成者側が用意したテンプレートを編集はできたんですけど新しいテンプレートを足すことはできなかったんですねそれがいろんなフロントページだったり固定ページだったり例えばカテゴリーページのテンプレートを自分で作っちゃうカテゴリーページっていうのはテーマだとユーザーはなかなか編集できなかったページなんですねカテゴリートがタグとかタクソのみっていうのはこういうのもユーザーが自分でテンプレートを作って編集可能になりましたでさらにカスタムテンプレートというのがあってこれは説明カスタムテンプレートはどの投稿や固定ページにも適用できますと例えば一つのブログで何種類かの投稿があるとしまった例えばレシピを投稿するときと写真だけポンと投稿したいときと長めの記事を投稿したいときにご自身でレシピの投稿用のテンプレートと写真投稿用のテンプレートと記事用のテンプレートといった感じで様々な投稿テンプレートを用意することもできる今まではこの単一というこれが投稿のスタイルを決めちゃってどの投稿も同じ単一テンプレートが適用されてたんですけれどもこのカスタムテンプレートを使うことでこの投稿にはこのテンプレートを使うあの投稿にはこのテンプレートを使うというふうに投稿の中でも固定ページの中でも様々なテンプレートを使い分けることが可能になりましたでここをお見せするとちょっと時間がかかるのでえーと来月のワークショップではこのテンプレートに商店を当ててテンプレートをどうやって使うかどうやっていろんなテンプレートを使っていくかというのをお見せしたいと思います後でもう一回の宣伝はしますけれどもテンプレートに関しては来月のワークショップで寄り踏み込んで見ていこうと思いますとりあえずテンプレートが増えたということこれに関して何か質問とかないでしょうかまたちょっとテクニカルな内容なのであのどうでしょうデベロッパーとかそういった人にもしかしたら興味があるかもしれないですけど石原さんワクワクとはい私はすごく嬉しいですこれ私個人ブログでも写真投稿を出したり記事の投稿を出したり様々あるのでこのテンプレートを使い分けて投稿ごとに今までCSS使ってたんですねこのカテゴリーの時はこれを消すとかあれを足すとかっていうことをやってたんですけどこれがもうテンプレートでダッシュボード内で設定できるので私個人的には非常に楽しみですちょっと話が飛んじゃうかもしれないんですけど自分なりのテンプレートを作る方法なんですけどもそのテンプレートをどこか変更したくて変更してそれを保存するという方法もこれで可能なんでしょうかはいえーと例えばですけど要するに例えばこの単一テンプレートを残しつつこれをもとに編集した新たなテンプレートを作るということですよねえーとこれをコピーするということはできないんですけどちょっとやってみましょうワードプレイスのこの右上の3つ点を押すとすべてのブロックをコピーというのがありますなのでこれをコピーして戻り新規追加のカスタムテンプレートでえー昨日すいませんこのテンプレート目日本語にしたらバグって動かなくなったので英語に入力しますけれどもちょっと一旦これを全部消しますねこれを全部消してね先ほどコピーしたブロックを剥ぎつけるとやってきましただからこれで多分このテンプレートを元にこっちに持ってきてこれにいろいろ編集を加えて例えばテキストの文字を青くして背景をこうして保存をするとテンプレートに戻ると単一というのを残しつつカスタムテンプレートというのができましたなので答えとしては可能ですちょっと回りくらいですけどコピペをするとできますテンプレート来月是非またご参加いただき詳しく見ていきたいと思います来月参加しますけれどもちょっと一言だけそうすると今のなさったことなんですけどブロックにコピペしたんですか今やった方今やったやり方コピーしてブロックにコピペしたんですかねそしてごめんなさいちょっと細かいや大丈夫ですもう一回ナシにしてテンプレートナシにして段落ブロックが残っている段落ブロックここに段落ブロックにミニクリックのペーストわかりましたありがとうございますこういった感じで可能ですはいでは次なんですけどデザインツールによる一貫性とコントロールの向上ブロックの右側の設定たくさん設定があると思います今までこれが一貫してなかったんですねこのブロックにはこの設定があるのにあのブロックにはその設定がないといった感じでボーダーをつけるにしても角を丸くするにしても一貫性がなかったんです今回のアップデートでまず一つ適用可能なブロック全部に同じデザインツールをつけましょうということが決まりましたでまだまだちょっと作業中ではあるんですがだいぶその一貫性ができましたちょっと具体でを見ていきたいと思うんですけどタイポグラフィツールというのがありますこれはフォントを変えるとかフォントのサイズを変える文字の感覚を変えるとかこういった文字に関するツールこれはあのブロックについてたりこっちについてなかったりという感じだったんですけれどもここに表示されているブロック全部に同じタイポグラフィツールを全部作っていきましょうということがバードプレスプロジェクトの方で提言されました今現在この6.1の更新で85.71%完成なので100%ではないんですけど近い将来このどのブロックを開いてもいつも同じタイポグラフィの設定が見えるようになる日がきますなので6.1でだいぶこれは進んだんですけどもうちょっと先で完全に実装されるという感じです今タイポグラフィだったんですけど寸法ツールパディングだったりマージンだったりもう一つブロックの三角ブロックエディーターになって私が個人的に気になってたのはブロックとブロックの間に隙間が絶対できるんですねであの隙間を減らしたいとか増やしたいというのが当初のブロックエディーターではできなかったんですけどこういった寸法に関するツールもこれらブロック全部に実装していきましょうということが決まりました今まだ54%なんですけど近い将来どのブロックでもブロックの感覚が調整可能になるはずですそれから色、ツールテキスト、背景、リンクごとに色を変更していくこのツールもこれだけのブロックに実装しましょう今実装が65%くらいですレイアウトツール左寄せにするのか中央空にするのかその行いっぱいいっぱいになったら複数行に折り返して表示させるのか今までは行ブロックと縦積みブロックを駆使して横につなげたり縦につんだりということを行ブロック縦積みブロックに入れなくても直接それぞれのブロックの中でそういったレイアウトの指定ができるようになりますこれもまだ実装50%なんですけどいつか近い将来どのブロックでも可能になりますそしてもう一つがワクセンのツールですねワクセンをつけるかつけないかまた角を丸くするかどうかといったのもこれらブロック全部で必ず実装しましょうということが決まりましたなので6.1のワードプレイしてはだいぶ実装は進んだんですけれどもまだ100%ではないんで今後の更新にも期待していきますはい佐藤さんブロックの感覚を調整できるのはすごいもう私はずーっとそれを待ってましたちょっとお見せしましょうか新しい固定ページで例えばギャラリーブロックを入れて適当にギャラリーを今これギャラリーを追加したんですけれどもこうしてとここにブロックの感覚設定ができましたこの感覚というのは画像と画像の間のこれなんですこれをゼロから増やしていったりこの各々調整するのが嫌な人はこの設定を押すことでスムーズにピクセル単位で変更することが可能ですこれを例えばパーセントとか色々単位は変えることができますさらにここのリンクを押すと縦の隙間そして横の隙間ごとに調整することも可能です今これギャラリーを一連に取り上げたんですけど例えばカラムブロックですとかあとグループブロックも確かこの設定がありますなので段落1段落2ちょっと見やすくするために背景色をつけますけれども今デフォルトでここにどうしても感覚が入るんですねこれはテーマファイルのほうで決まっているものなんですけれどもこの2つをグループ化しちゃいますでグループ化するとブロックの感覚ができるのでゼロにしてこれをくっつけてさらにもっともっと広げるとかこういったことも可能になっていますなので今は私これを調整したいときはグループの中に入れてグループの感覚を変えているんですけどグループに入れなくてもここの感覚が変更可能なブロックが増えていくという感じですねはいまだはっきりと断言ができませんが現在は有料テーマやプラグインでしかできないことが今後はデフォルトテーマでもできる感じになりそうですねそう思いますだいぶ増えてきていると思いますある意味今まで有料テーマやプラグインを作成していた側からするとちょっと迷惑なんでしょうかね自分の製品の価値を別なところで生み出していかなきゃいけないそういったちょっと視点の変更なんですかねが必要になるんですけれども一般ユーザーからすると確かにお金を出さなくても一般のテーマコアのワードプレイスでこれが変更できるっていうのは嬉しいことかなと思いますでは他にも続けて見ていきます質問があれば是非チャットに入れてください次ですね簡単にメニューを管理となっています従来のワードプレイスはカスタマイザーの中でメニューを作るんですねメニューを作ったりそのメニューアイテムを増やしたり減らしたりこれがエディタンライブでだいぶ完結するようになりましたそれがこのナミゲーションブロックですちょっとこれもまたお見せしようと思うんですけれどもちょっと新しいページを作ってみましょう今固定ページを開きましたナミゲーションブロックは固定ページや投稿にも加えることができますサイトのどこにでもナミゲーションブロックを入れることができるんですねナミゲーションメニューがこちらを見ていただくと今すでに3つ用意されていますヘッダーナビゲーションこれ多分テーマで用意されたメニューですね真ん中にロゴがきてヘッダーナビゲーションがありナビゲーション1と2はちょっとこれはどこでできたかわかんないですが今空っこです今までだとメニューの変更はカスタマイザーでだいぶやってたところこのエニタルの中でもできちゃいます例えばこのナビゲーションこのメニューに何か足していきましょうページを足していて例えばちょっとソーシャルアイコンをワードプレイスのアイコンを足してここに検索ボックスこれを減らしてこんな感じで今私何をしていたかというとナビゲーションというメニューの中身をエディーターの中で編集してたんでこれで例えばヘッダーナビゲーションに戻ると先ほども見てたテーマが用意したメニューに帰る戻すこともできますしナビゲーションとやると今作った新しいナビゲーションにも変えられますこれまた一つ一つブロックなので今これ検索ブロッククリックして右でそのブロックの設定を変えたりソーシャルアイコンもここで設定を変えたりそのメニューのレイアウトをエディーターの中で変更が可能になりました新しい新規メニューもここですぐ作れたいのでナビゲーション3というのを作って新しいメニューを作ろうということができるあとはモバイルの場合今これこれをモバイルの場合は1000日本にするという設定になっていますプレビューのモバイルにするとこんなにこれを押すとモバイルメニューが出るとちょっと細かいことなんですけどこの2本線を3本線に変えたりあるいはモバイルだけじゃなくてこの3本線にしたいといった設定もここで変更が可能ですプレビューをデスクトップに戻すと今これ常時3本線なのでメニューがこうなっていますこれをモバイルだけとかモバイルの場合も3本線にはしないでほしいといってこういう感じでメニューを表示することも可能ですこれはメニューの色味サブメニューの色をどうするかとか背景色をどうするかブロックの感覚とかこういった設定もナビゲーションブロックの中で変更が可能になりましたなのでメニューのデザインとかレイアウトもユーザー側が色々変更可能という形ですナビゲーションブロックについて何か質問とか大丈夫そうですかね私今見せていただいたブロックエディターのやり方に不慣れなんですけども今やった作業というのはナビゲーションブロックというのを作ったというナビゲーションブロックを編集したという話なんですねこれははいそしてそしてそしてこういうナビゲーションブロックを組み立てて他の大きなページを作るということに行くわけですねそうですちょっとそうですね表面も見てみましょうこうしてこうして今作ったのがナビゲーションブロックというページでここにナビゲーションブロックが作ってますサイトの上にもこれ別なメニューが設定されてるんですねなのでまずこういった感じでメニューを一つの画面にいくつもいくつも並べることが可能です例えばこの上の今こちらで作ってしまったメニューを本当はサイトの上に持ってきたいといった時も今まではカスタマイザーというものに入ってそこでメニューを変えたりだったんですけどそうしなくてもエディターの方で変更が可能ですこのナビゲーションをナビゲーションさっき作ってたのこれでしたっけさっき作ったメニューもここに出てきてますねなのでナビゲーションブロック今これサイトエディター内のサイトエディター内のサイトエディター内のナビゲーションをさっきほど作ったメニューを適用させて保存をするとこちら更新しますとここで作ったメニューをサイト全体にも適用できたと全部エディターの中で完結するっていうのが一番の醍醐味だと思いますカスタマイザーに移動とかしなくてもエディターの中でメニューの編集も可能になったとはいありがとうございますわかりましたはい都市さん弁さんが埋めされているブログのURLをお知らせいただいていいですか内容とかブログなるほど私の個人ブログ問題ないんですけど英語なんですねあの今ちょっとズームのチャットに流しますけれどもこちらもサイトエディターを使って作りましたなので例えばテーマは2022だった気がします後方もなく消えてしまってるんですけど上にヘッダーを持ってきてナビゲーションをその下に置いてサブメニューの背景色も設定してこちらで投稿が出てという感じでプロのデザイナーさんが見ると何て言われるか分からないですけどはいはい紹介しますメニューでしたあとちょっとですねちょっと先進みますこれ非常に細かい点なんですけれども右のエディターの右の設定画面が非常に重要になってきますどんどん設定を増やそうという話なのでちょっと整理をしましょうという動きがありましたこれが6.0までのレイアウトでこちらが6.1のレイアウトです非常に細かい話なんですけど例えばこういったドロップダウンのメニューが全部同じ幅になりました右によってたり左によってたりしてたこれを全部いっぱい伸ばそうというこういった設定画面のビジュアルが変更になりましたこれは6.1の内容じゃないんですけど今後設定が増えた時に右のその設定サイドバーをだいぶスクロールしないと生きたい設定にたどりつけないということが考えられるのでこのサイドバー内に設定ブロック設定をさらにタブ化しようみたいなことが検討されていますどうにかして右のサイドバーが使いやすいようにということなので今後ここのビジュアルはもともと改良が重なってよくなっていくと期待されますはいあと多分3つですねブロックのロック機能を皆さん使ったことあるでしょうかブロックにロック機能というのがあります私これ自分のブログでは正直使ったことないんですけれどももしかするとテーマのデザイナーさんとかが使えるかなと思いますちょっと新しいビジュアルを作ってみますがロック機能で3, 6, 1でロック機能というのはこの右の点密を押すとここにロックというのが出ますで移動の無効化と削除を防止というのがロックです中身の変更をロックすることはなのでロックしても中身の変更はできるんですけど例えば移動の無効化ここに注目してほしいんですけどこの上屋ジュース下屋ジュースでブロックの移動が可能なのをロックをかけちゃうとこの上下移動ができなくなってしまうんですねこっちが動かせちゃったら意味ない気もするんですけどとりあえずこれは移動ができなくなりましたあとは通常はこの点密をして弾楽を削除というのがここにあるんですけれどもロックで削除防止を設定すると削除することもできなくなりますで今これは一つのブロックにかけたんですけど例えばそのテーマ作成者側でどうしてもこのブロックたちは移動してほしくないとかほしくないっていうのがあればブロックをロックしてそれを制限することができるこれは前からあった機能です今回新しくできたのが内部ブロックに対して一括でロックを割り当てるということなんですどういうことかというとこれを複製例えばこの弾楽3密をグループ化しますはい今グループ化されています6.0までは例えばこの3つをどうしても動かしてほしくないというときは一つずつロックをかけていかなきゃいけなかったんですねこの6.1はグループ親のグループにロックをかけるときに内部のすべてのブロックに適用ということができますこれでグループにロックをかけたときに中のブロックも全部ロックがかかったちょっと操作性が良くなったということですね中のブロックをユーザーさんは移動もできないし削除もできないという形になっていますはい6私は個人的には使ったことないですけどこういったことができますもう一つ今回流体タイポグラフィーというものです従来のテーマの設定方法だとCSSファイルプログラミングファイルの中でメディアポートを設定して画面の幅がこれ以下のときは例えば文字の大きさはこれこっからここの間は文字の大きさはこれそれ以上のときは文字の大きさはこれ段階的に大きさを設定しなければいけなかったんですけれども今回の流体タイポグラフィーで最小と最大を設定してあとは画面の大きさに合わせて流動的に一番いい大きさを決定することが可能になりましたなので本当に手残ったテーマだとメディアポートに合わせた段階が5段階、6段階と5どの増やそうと思えば増やせたんですねそれを今は一つのある意味数式で最小この値、最大この値の中で動くようにしてくださいフォントが大きくなったりするようにしてくださいという設定が可能になりましたで今はこれはまだエディターの中ではいじることはできませんこれあくまでもテーマファイルの中で流体タイポグラフィーを設定可能になったという機能です将来的にはエディターにも来るかなと私は期待しているんですけれども今はとりあえずテーマ作成者がテーマファイルの中にこういった設定ができるようになりましたはいまあいい感じですよね多分入力しなきゃいけないソースコードがちょっと減るので嬉しいかなと思いますで最後ですこれもまた私嬉しいことなので一般のユーザーの人にもすごく嬉しいアップデートです内部ブロックを使ったリッジなリストや陰陽分の作成これはお見せしようと思いますこれは新しいページでお見せしようと思いますが陰陽リストはいこれ陰陽ブロックですねこれは陰陽ですで従来はこうやって弾楽ブロックを弾楽を足していってこれは陰陽元ですというこういう陰陽しかできなかったんですけれども今回のアップデートで陰陽の中にどの種類のブロックも足すことができるようになりました例えばなのでここでヘディング満足ブロックを足して陰陽の満足ですといった感じでこれ陰陽の中に満足がついてるんですねとかブロックは何でも足すことができるのでここに画像ブロックを入れたりこれじゃないな画像ブロックを足したりこれ全部陰陽の中なんですねなんならですね陰陽の中に陰陽を足すこともできるんですでこれがもう何弾もいくんですねでこちらを見ていただくと陰陽ブロックの中に入ってますで今まではもしこういった複雑な陰陽を作るときは多分別な手法されてたと思う私は複数のブロックをグループ化して背景色を変えるとかちょっとその陰陽だってことは別な手法で見せてたんですけどアクセシビリティの観点から陰陽が陰陽ブロックの中で完結できるといいんです陰陽ブロックを使うとこれは陰陽ですっていうのがソースコードに入るんですねなので他の手法で陰陽を作っちゃうよりかは陰陽ブロックの中でいろいろなブロックを使って陰陽を作る方がそういうメリットがありますこれは私見て本当に嬉しかったアップデートでしたでもう一つがリストブロックなんですけれどももし今までこの順番を入れ替えたいってなるとこっちをコピーしてこっちに貼り付けて入れ替えてでこれを消すみたいなこういうまどろこし操作が必要だったんですね今はリストの中の項目1個1個がブロックになったのでここで簡単にリスト項目の順番を入れ替えることが可能になりましたこれが例えば右に入ってる場合もこの2つをここで入れ替えたりとかこういったことが可能になりましたこれも操作性の向上ですけど1つリストブロックのまどろこしいところだったので個人的に更新されて大変嬉しかったです最後少し早口になってしまったんですけどいかがでしたでしょうか何か質問とかこれもう少し説明してほしいとかそういったことはないでしょうか今のリストなんですけど当然リストの感覚もう調整できるということですね見てみましょうリストの感覚がパリングマージン今はまだ感覚がないです設定が実装される内容になると思いますあるとしたが寸法のパリングマージンの下にブロック感覚っていうのがあるはずなのでもしこれをグループブロックにできるこれはできないこれをグループ化グループ化してグループブロックのブロックの感覚をいやうまくいかないですねまだできませんはい残念ですはいそれでは時間になりましたので今日はここまでにしたいと思います次回石原さん今質問を読みましょうちょっと待ってください次回は1月13日金曜日14日土曜日にまた2回イギターでのテンプレート編集になれようというテーマでやってみたいと思います特にその今日少しお話しした投稿用のテンプレートをいくつか用意して同じブログの中でこの投稿にはあのテンプレートというふうにテンプレートを使い分けられるようになったのでそれをまた実際にここで実演しながら皆さんにお見せしようと思いますはい石原さんの質問は録画止めてからお答えしたいと思いますとりあえず皆さん今日もご参加ありがとうございましたまた今後も是非よろしくお願いしますありがとうございましたありがとうございました