はい みなさん 今日のオンライン ワークショップへようこそ来てくださいました今日はワードプレイス6.4の アップデート内容を見てみようというワークショップです去年からこのワードプレイスがアップデートされるたびに その内容を見てみようというシリーズやってきてるんですが今回は6.4 先週の後までしたかね 6.4が公開されて翌日ぐらいに6.4.1 簡単なパッチも もうすでに出たんですけれども今回はこれを見ていこうと思いますで 今回ですね 更新があるたびに公式アナウンス投稿がされてそれを日本のコミュニティのボランティアの方が毎回翻訳してくださっているのでまた この投稿を元にアップデート内容を見ていこうと思います今 Zoomのリンクの方にもごめんなさい Zoomのチャットの方にも リンクを送りましたで 毎回ワードプレイスのアップデートは just アーティストに地なんで名付けられているんですね 今回はSherryという方ではい あの 私はそんなに just が詳しくないのであれなんですけど少しここにSherryさんの説明が書かれていますいつもと同じですね 今回また テストライトを作りましたローカルでこれは走らせているんですけれどもワードプレイスをインストールしただけですプラグインも何も入れてませんし固定ページや投稿も 初期設定のままになっていますので このサイトを使って少しいろいろテストしていこうかなと思います今回 結構 なんでしょう一番大きいものとして 2020 ファータンシーテーマがパッケージされていますね ワードプレイスもずっと毎年公式テーマを デフォルトでパッケージして配布してるんですが今回 2024 新しいテーマが出てますで このテーマが コンテンツがたっぷりのテーマになってますこれからちょっと詳しく見ていくんですけど去年の2020 皆さん覚えてますかね割とシンプルで コンテンツがあまりないテーマだったんですねなので今年は逆に いろんなコンテンツをすでに詰め込んでてこれをご自分で編集をかけていくとすぐにサイトが出来上がるという コンセプトのテーマになっているようですここに入っていく前に ちょっとテストするにあたってダミー投稿をいくつか用意しておくと 便利かなと思いますダミー投稿 先に私の方でやってもよかったんですけど私がダミー投稿をどうやって作ってるかというのも簡単に皆さんにお見せしたら もしかしたら面白いかなと思って今ちょっと2、3分かけて ダミー投稿 3つぐらい作ってその後6.4のアップデート内容を 見ていこうと思いますダミー投稿を作るにあたって 私がまずやるのはアンスプラッシュとか 無料画像をインストールできるプラグインをよく入れてます これが好きなんですけれどもここでアンスプラッシュ オープンバース ピックサベ ピクセルズから画像が入れられるけど今自分で分かったんですけど よくこれ使ってるんですけどオープンバースがもう繋がってるんで プラグイン使わなくても行けそうですねプラスでメディアで ここはこっちのほうがいいなここで写真を追加してデモ投稿 ダミー投稿ですねダミー投稿1としてあとはネット上にダミーテキスト 生成期とかそういうサイトがたくさんあるので こういうサイトで私はテキストを持ってきていますこれも ここちゃんも一応皆さんのほうにリンクを送りましょうかこういうものを使って ダミーテキストを増えていますリンクを張ってしまったあとはアイキャッチ画像になっているほうがいいのでアイキャッチ画像に メディアライブラリのこの地球入れておきますかこれは決しちゃって ダミー投稿1つ 公開しますもう1つ 新規投稿を作っておきますかダミー投稿2テキストはまたちょっと変えますかになんか適当ですけど これを持ってきてここから直接アイキャッチ画像入れますか行けない 残念一旦こちらでオープンバースから 付きを入れて一旦ここで入れると メディアライブラリに追加されるのでアイキャッチ画像設定の ここから追加ができるとちょっと周りくらいですね アンスプラッシュだったら直接あそこに入れられるんですけど いいでしょうダミー投稿3日本国憲法もとに ダミー文書を生成しそしてもう1回こちらに入れましょうごめんなさい ここらへんの動き質が早くやってしまったんですけど 大丈夫ですかできることだいたい皆さん 追っていただけてますかね投稿のアイキャッチ画像に これを入れてはい 後回よし これでちょっとダミー内容ができたのでこれをもとにテーマを見ていこうと思います今回テーマについて こちらの文書を見てみましょう最高水準のサイト編集を体験してくださいこの新しく高く的なデフォルトテーマは執筆者 アーティスト そしてアントレプレナーという3つのアントレプレナー これ 英語そのまま戦いにしてますねという3つの異なるユースケースを 意識して作り上げられましたここにまず1つ目のポイントがあるんですけど様々なユースケースを想定して 1つのテーマをテーマの中に それぞれのユースケースを入れているのが今回の目玉ですたぶん従来のテーマの考え方としては例えばブログを描く人用のテーマお店を開く人用のテーマ写真家用のテーマというふうに ユースケースごとに別々なテーマを作るんですけど今回の2024は1つのテーマで複数のユースケースを カバーできるそういう設計になってますどうやってそれをやっているかというと 次です35点以上のテンプレートとパターンからたる強いなコレクションを利用して時間と労力を抑えましょうそしてクリエイティブな可能性の 世界をわずかなカスタマイズで解き放ちましょう優れた柔軟性を備えた2024はどのサイトにも理想的にフィットしますこちらのデモで確認してください1年ぐらい前ですかね ワードプレースの中にテンプレートとかパターンっていうものがどんどん加えられていきました今回はテーマそのものに35個以上のテンプレートや パターンが入っているとなので自分がページを作り上げるときに自分でブロックを組み合わせるんではなくて用意されているテンプレートから作るとか用意されているパターンを導入して作るという形でサイトを作り上げるのブロックを組み合わせる時代じゃなくてパターンを組み合わせるテンプレートを使うというそういうワードプレースの時代になってきていますそういったテンプレートやパターンがブログの出撃者用のものがあったりアーティスト用のものがあったりそういうのが用意されているので様々なユースケースにも一つのテーマが対応できるという形になっていますこれをでは見てみましょうテーマの編集は外観のエディターから行います今これホームページが出てきてますけれどもここにテンプレートというのがありますこのサイトにはいろんなテンプレートが用意されているんですけど例えばこれはタイトルのないページだいたいワードプレースの見出しが投稿とか固定ページに必ず作るんですけれどもアイでそれをつけない直で本部に入るようなテンプレートが用意されていますそれからサイドバー付きのページブロックエディターになってサイドバーの作成ちょっと難しくなったんですね作り方分かれば作れるんですけれどもそれが例えばモバイルでも格好良く見えるデスクトップでも格好良く見えるという設定がなかなか難しかったんですけど今回はこのサイドバーありきのテンプレートを用意してくれていますそれから画像付きのページこれですね今までのアイキャッチ画像みたいなのを残したそういうページといった感じでいくつか結構使いたくなるようなそういうページのテンプレートが用意されています石原さん タイトルなしページはトップを固定ページで設定したいとき便利ですねそうですねホームページの固定ページの見出し数年前まではCSS使って画質とかそういうことをやられていたんですけど今はもうタイトルなしのテンプレートがあるのでご自分でホームページを作ることもできますはい テンプレートはここにあるんですけど今回のテーマ2024でもうちょっと面白いのがあり一旦エディターを開きますもうサイトの編集をしようといってこの設定を開きますで 今これブログホームというページを編集しているんですけれどもここの点密を押すとテンプレートを置き換えというのができますこれちょっと辿り着くのがあれなんですけどもう一回ちょっとやってみましょうどうやって今の場所までいったかというとサイトエディターで開きますで ここのページをクリックしてで これですね 右のサイドバーを開きますで 今これブログホームというテンプレートというページを作成しているんですがこれを押すとテンプレートを置き換えられてきますで これを押すとここにもうさっき私たちが作ったダミートーク画像が入ってますけれどもその投稿を使って他にもこういうホームページができますよというのがここで置き換えられますさっき見てたテンプレートはサイドバーアリとか 名前が付いてたんですけどこのテンプレートを置き換えを使うと自分がもうすでに持ってるデータでじゃあサイドバーアリのテンプレートを使うとどうなんだろうとか出てきますで これ まだちょっと英語になってるんですけどこれブロギングフォームテンプレートつまりブログ用のフォームページテンプレートを想定してます こっちはビジネスフォームテンプレートなんかビジネス会社のウェブサイトを想定したテンプレートブロギングインデックステンプレートポートフォリオフォームテンプレートポートフォリオ要するに写真家とか画家ですねそういうアーティスト用のテンプレートこれですね ポートフォリオ用のテンプレートこっちがブログ用のテンプレートというふうにユースケースを想定したいろいろなテンプレートがすでにテーマの中に用意されてますこれなんかちょっとオシャレなんですけどこれポートフォリオ用のテンプレートで私今ちょっと投稿が3つしかないですけど投稿がどんどん増えるとここにこの丸い 角が丸い四角の状態の写真がたくさん出てくるんですねこんな感じですこれが今ここに写ってるのがこれがそのポートフォリオテンプレート縦長の写真は実は縦長に出てきたり横長の写真は横長に出てきたりけど全部角が丸くてそれぞれが投稿にリンクされているアイキャッチ画像だけでリンクに行けるという形になってますここに見えてるのがブログ用のテンプレートですそのサイドバー付いててだからサイトのオーナーの紹介とかがここに入りこちらに投稿が出るみたいなテンプレートが見えてますちょっとここで一旦休憩しましょうここまでの説明皆さんどうでしょうついてこれましたかね石田さんページを複製して編集しなくてもテンプレート化してもらえるなく便利ですね編集しなくてもなので今後のテーマというのはいかに面白いテンプレートが入っているかどれくらい豊富なパターンが入っているかというのが今後のテーマの売りになるかなと思います未来のテーマは一つのユースケースに合わせてピタッときれいにできればよかったんですけどもう一つのテーマの中に様々なユースケースが入れられるようになったのでいかにいろんなものを詰め込むことができるかそれがユーザーとマッチするかというのが今後のテーマクリエイターの誘いかなと思っていますはいことりさんももう対処されましたがトニー・テニフォンめっちゃ面白い書いたら触ってみますとコメントをいただきましたそして石田さんポートフォリオ用のテンプレートが使いやすテンプレートの変更便利ですねはいさて石田さんテンプレートだけをエクスポートできるのでしょうかえっとですねそれがですねちょっと今確かですねどこだどこだどこだ今回これが新機能として入ったのでサイト間でパターンの共有パターンをエクスポートインポートすることができるようになりましたテンプレートはまだなんじゃないかなちょっと戻りますねこれ今変更したので変更しませんかって出たんですけどキャンセルで変更しませんもう一回エディターに行きますねテンプレートをこれこうなっちゃいますねテンプレートは全てのテンプレートを管理でできなさそうですねテンプレートはまだエクスポートはできないけどもう一つまだ見てなかったのがパターンなんですけどパターンは今回エクスポートできるようになりましたで見てくださいもう一回サイトエディターに入って今度はパターンというのを見てるんですけど今回38のパターンがこのテーマの中で用意されていますでテンプレートとパターンの違いなんですけれども似ててちょっと違うんですねテンプレートというのはもうページとか投稿全体をあるブロックの組み合わせで置き換えるっていうのがテンプレートですパターンっていうのはページや投稿の中に挿入するブロックっていう感じですなので何でしょうページを始めるときにまずテンプレートを選びますその編集をしていく中でこういうパターンを追加したいなっていうときに追加するのがパターンテンプレートが大きくてパターンが小さいっていうそういう認識がいいと思いますこれもちょっと実際に使ってみましょう新しい固定ページを作成してその中にパターンを挿入するのをやってみましょうで最近サイトエディターの中からもう固定ページの作成ができるんですねこれサイトエディターなんですけれども固定ページを押してここのプラスを押すと新規のページがもうこの中でできちゃいますだからパターンの練習とかっていうページにしましょうはいページの編集あ続行で もう一回これを押してこれをテンプレート変更っていうのはできないんですねたぶんこれは固定ページっていうテンプレートで開始されていますはいでちょっとこれを開けますとタイトルがあって投稿のアイキャッチ画像があってコンテンツなのでコンテンツ 私たちのコンテンツはここに書いていきますでこのときにここにパターンを追加することができるブロックを追加することもできるし先ほどやってたように画像とかメニュアを追加することもできますがパターンを入れることができます例えば行動喚起何かやってくださいアクション取ってくださいっていうパターンですね例えばこれを入れるとこのデザインこれもブロックの組み合わせなんですけどこれがページにそのまま入ってきましたなので英語だとアプリをダウンロードどのように機能するかボタンが付いていて画像も入ってこれをご自分で作るとですねたぶんこれカラムブロックを入れて見出しブロックこれはリストブロックですかねリストブロックボタンブロックそして画像ブロックっていうふうに入れなきゃいけないんですけれどももうこのこのパターンの中にこれが全部生成されているので1個だけポチッと入れると全部入るこれがもうパターンの過ごさでだから自分でどういうデザインにしようかなって悩んだときにはあとにもうこのパターン集を開いて何を言う例えばお客様の声を紹介するそういうブロックを入れようかなとかチームの紹介なんていうのもありますねここ会社の皆さんの顔が入ったりとかバナーを入れようかなとかこういった感じでもうパターンを導入することができますなんだこれ止まれってありますけどこれ入れてみましょうこういう感じでおしゃれですね左と右で色が違って真ん中に画像があってはい今回のこの2024はデザインとパターンがもう35個以上盛り込まれているだからどんなユースケースでもあなたにあったサイトが作れますよっていうのが一番の売りですはい長井さん変わったフォントですねそうなんです今回のフォントも実は売りだったんじゃないかなちょっとちょっとデザインツール画像グループブログリースとビューサイトあれ どっかに確かフォントもこれをデザインされたフォントじゃないかなどうだろう見てみましょうフォントはこっちを見ますかタイポグラフィーでもないスタイル一覧へこれタイポグラフィーとかこれを合わせばいいのか見出しのフォントはよくわかんないなえーともしかしてこっちで見たほうがいいのかカードというフォントらしいですこっちに書いてるかなってなかったなんかどっかで今回フォントにもこなわれがあるみたいなことを読んだ気がしたんですけどちょっと勘違いかもしれないけどフォントもたぶん何かちょっと工夫が咲いていると思いますはい 22.4とりあえずそこまでその他の機能も見ていこうと思いますまず新しい機能評価によりコンテンツ作成がスムーズになりましたリストビューの新しいキーボードショートカット洗練されたリストマージュリンク設定の拡張されたコントロールをご覧くださいナビゲーションリストインオブロックの行縮されたツールバー体験では必要なツールオプションで効率的に作業できますこれは今まであったブロックのツールバーとか機能をちょっとこう洗練したという感じですねえーリストマージュっていうのは複数の別なリストの多分アイテムを移動するこの操作が楽になったとかリストビューの新しいキーボードショートカットリストビューというのはこちらですこれが結構これ編集している時これを開くのが便利なんですけどこれを一発で開くキーボードショートカットができました私はマックなのでそうなんですけどちょっと押してみましょうかコントロールオプションをうわー失礼しました僕自分のパソコンでキーボードショートカットいろんな操作につなげてたのでそのコントロールオプションを自分で別な操作に割り当てちゃってましたが皆さんのパソコンでここに今マウンスを押さずにクイックせずに重ねただけでキーボードショートカットが出るのでこれを押すとリスト表示が簡単に出るようになったはずですはいそれからリンク設定の拡張されたコントロールリンク設定ちょっと見てみましょう例えばこの下に新しいブロックを入れますねここにここにリンクの文字列を入力はいリンクの文字列にリンクを貼ろうとした時にこれを押すとリンクをコピーしてこれを入れるとなんかシンプルこれですか新しいタブで開くというのがここじゃなかったですね確かに何かちょっと開いてその中に新しいタブで開くという設定が入ってた気もしますこれがリンクの設定のこの画面がシンプルになったという話だと思います長井さんコントロールオプションをでリスト表示の切り替えできました使用頻度高いですね良かったよささきは自分のショート買った時後で見直さなきゃいけないんですがはいやっぱり新しいタブで開くもう1個なんかに隠れてましたよね確かにこれがもうすぐここで設定できるようになりましたはいもう結構なのでブロックエディターとかその編集経験終盤ですねこれは本当に磨きをかけて実際の皆さんの使ってる経験団を元にショートカット機をつけたりちょっとシンプルにしようとかそういう宣伝がされてきたという感じだと思いますはい続いてコマンドパレットこちらも昨日強化されてる今年の夏でしたっけねバードベース6.3で初めて導入されたコマンドパレットまあこちらちょっと私はベーターさんがありました最初のやつあんまり使えないかなって感じだったんですけどこれも今後どんどん強化されていきますこのコマンドパレットは何かというとこのこれですねこのショートカット機を押すといろいろな操作がいろいろな操作ができますちょっと新しいページを作ってゴチャゴチャしてきたので新しいページからやってみようかなコマンドパレット練習はいでコマンドパレットはこれですね私の場合はコマンド系なのでコマンド系を押すと出てきますでここからいろいろな何だろう設定とかコードアクションが起こせるんですね日本語で出なきゃいけないかなコード例えばコードエリターで開くこれ何かというとこのページをこの右上の3つの点からコードエリターで開くということができましたショートカット機もあるんですけど4つもボタンを押さなきゃいけなかったんですねコードエリターで開くとこうやってブロックの裏のコードとかが見えます普通のユーザーはあまり使わないんですけどちょっとデベロッパーとかですねプラグミを作成する人とかカスタムブロックを作っている人は時々これを見ると思いますでこのコマンドエリターがこのショートカット機覚えてなくてもKのコードエリターを開くというふうにできたりしますあとはですね例えば新機って出たのが出るかな新機投稿を追加新機固定ページを追加もうこれもこの画面内から一気にできるようになりましたさっき私1回これを出て戻ってプラスを押して新機固定ページを作ったんですけれどもこれがもうこのエリターの中から新機固定ページを追加ってやるともうキーボード操作でここまで来れちゃう新しい固定ページを作るときにどのテンプレートで始めますかってのも聞かれるのでじゃあどれにしようかなこれで始めようみたいな感じでもうこのペサイト作成の流れがスムーズになりましたいきいち管理画面に戻って固定ページを追加とかしなくてももうこの中でキーボード操作だけでいろいろできることが増えてます長井さん変換面倒なので英語入力もできたらいいのにいや私もそう思いましたもう一回ちょっとやってみましょうか経営の入とかって入れるとこれなんか違いますもんね新機作成ではなくてなんかちょっとこれは日本ちょっと多言語化対応がちょっとまだできてないかなって感じですけどグローバルスタイルブログホームこれはブログホームのページに飛ぶブログホームの設定を編集するとかあとは何だろうここからも呼び出せますねわざわざエリタに入らなくてもこの画面で例えばスタイルを変えるってやるとテーマのスタイルが変えれますねこれもこれもなかなか面白いグローバルスタイルの変更ですねあとはメディアメディアにはまだいけないかちょっとこれはいろいろ多分皆さん使いながらお互い情報共有していてこんなのもできたよっていうのを共有していくのがいいかなと思います日本語のサイトも英語で検索ができたらいいですね今後の発展に期待していきましょうはいさて先ほども少し情報が出ましたけれども今後のワードプレイステーマこのパターンとかテンプレートが非常に重要になってきますでパターンがたくさん組み込まれる以上それを簡単に見つけるこれが必要になるわけですねここで今回カテゴリー分けということができるようになりましたちょっと見てみましょうこれを早速コマンド系でパターンとやるとパターンの画面に飛べましたはいこれですねフォルダー分けができるようになったんです全てのパターン38で行動喚起が7個1個ギャラリーが5個というふうに全部このテーマで用意されていたパターンですそれから全てのマイパターンを管理パターンは自分で自分で作ることもできますちょっとやってみますかパターンを作成パターンを作成マイパターン名前は練習パターンとかにしますかカテゴリーはもうこの段階でカテゴリーが選べるんですねこれが多分新しいと思いますカテゴリーなるほどなるほどカテゴリー新しいカテゴリーって作れるのかなやってみましょうかオリジナルーとかやってやると行けるかもはいここの動機設定これ前回で6.3で導入されたものなんですけれども動機パターンと指導機パターンというのがあるんですね動機パターンはサイトの中で複数回利用しているとき1つ変更すると利用されている場所全部が更新されるというのが動機パターンです指導機パターンというのはこの中でいろいろ複数回使うことができるけど動機されてないので1個を編集しても他が編集されない1個1個単独に入ることができるというやつで今回動機のまま行きますがこれカテゴリー加えられましたね新しいカテゴリーできましたね投稿とか定ページにカテゴリーを加えるのと同じ感覚でこれできそうですサービスっていうのはここに用意されていたので複数のカテゴリーにパターンを入れることができるみたいですオリジナルっていうのは私が作ったカテゴリーでサービスがもともとあったやつちょっとやってみましょうせーせーはいこれどんなんでもいいんですけれどもカラムに例えばこちらに画像を入れてこうしてちょっとリストビュー開いてみますかこちらのカラムにどうしようかなボタンとかにしますかボタンここにもパターンが入れるんですねなるほど入れちゃいましょうすごいパターン作成の時にパターンを入れることができるいいですねはいじゃあこういう私のオリジナルのパターンとしたとしてこれを保存します保存しましたちょっと戻ります戻りますこれパターンの画面に戻りましたねここを見ていくとありましたオリジナルという新しいカテゴリーができていて私のパターンがここに入ってますちょっとサービスというのも入るようにしたんですけどありましたねここにもパターンが入っていますはい今長井さんの方から質問がきました同期パターンと再利用ブロックとの違いが今一欲分かりませんので教えてくださいはいえっとですね再利用ブロックが同期パターンにので今後的に同じものなんですけどもう再利用ブロックとは言わず同期パターンと呼ぶようになったんですはいこの説明で分かりましたかねたぶん今までは再利用ブロックとパターンという二つがあったんですけどこれを同期パターンと非同期パターンで呼ぶようになったんですはい変わったのであれなんですけどなので今私も全てのパターンを出してここでですね同期と非同期というそういう検索もできます同期が今まで再利用ブロックと言われていたもので自分の再利用ブロックは全部この同期パターンで編集が可能ね非同期っていうのが従来のただのパターンになりますえー昔ちょっと再利用ブロックを編集するの難しかったんですよねどこから自分が作っている再利用ブロックの編集画面に行く直で行くリンクがなかなか難しいところにあったので今回このパターンの中からもうご自分の同期パターンが全部編集できるようになっていますでオリジナルの部品を作るのならブロックをいろいろ工夫するよりパターンで管理していくほうがかしこいのかなそう思います特に例えばクライアント用にサイトを作ってお渡しする時にクライアントさんはブロックを組み合わせるってことがない世界になっていくんじゃないかなと思うんですもう私たち開発さがパターンを作ってとかテンプレートをもう用意してお客さんに新しい投稿を作る時新しいコページを作る時はテンプレートを使ってくださいとかページによってこのパターンの中から入れてくださいと指示をするようにしてそうするとお客さんもカッコイイサイト統一化になるサイトを作るそういう時代になってくるんじゃないかなと私個人的に思うんですもちろんお客さんが自分で勝手にブロックを入れたりして何か作り上げることも可能なんですけれどもちょっとワードフェースに自信がないっていう人はもうパターンを使うテンプレートに頼るっていうそういうことになってくるんじゃないかなと思いますクラシックテーマではサイリオブロックのままブロックテーマでは同期パターンということですね使いまそういうことですクラシックテーマではサイリオブロックのままなんですね私もほぼブロックテーマしか使わないのでそういうことです多分裏では同じようなものだと思いますはいでえーとですねはいというのがパターンのカテゴリー分けと絞り込みインサーのパターンセクションで高度のフィルタリングを使うことでより直感的な検索が可能になりましたインサーちょっとやってみましょうこれがコマンドパレットを使いますけれどもここで新規投稿で投稿のここでえーこれがインサータのパターンここでいろいろ入れるんですけれどもこれが高度なフィルタリングを使うことでより直感的なパターン検索が可能になりましたどういうことなんだろう何ができるんでしょうえーオリジナルこれカテゴリーを入れたんですけど出ないですね オリジナル練習とかって入れなきゃいけないけどそれは練習パターンでもあけどチームっていうのがテーマで用意されていたパターンですねうん ちょっとこの高度なフィルタリングはよくわからないですけどカテゴリー分けのことなんでしょうかねはい 石田さんもカテゴリーから選べていくこと そういうことなんでしょうかねそういうことにしておきましょうはいえーさて 次 これも私結構嬉しかったです 読んだ時より多くのデザインツール拡張されたデザインツールで美しく機能的なレイヤルと実験しますグループブロックのIK画像を指定してデザインに個性を与えましょうこれすごいと思いますどういうことかというと今までは背景に画像を置きたい時にはカバーブロックを置いてカバーブロックの中に色々他のブロックを置けるということしかできなかったんですねただ今回はえーちょっともう一回 ダミーテキストをコピーして今回はグループブロックの背景に画像を設定することができましたなのでこれ今ダンナクブロック2つですねこれをグループ化しますグループ化してグループブロックの設定を今開くと背景画像の設定が可能になりましたちょっとやってみましょう中央にしてが見にくいですけど背景画像できました文字をテキスト白くするとちょっと見やすくなったかな背景ってあるとこの背景は無視されちゃうのかな画像が入ってるとこれを背景オレンジとかに変わってないですもんねここの背景は画像が入ってる場合には無視されるという形らしいですまあちょっとこれ編集の可能性が増えましたちょっとここのパディングとか気になりますけどこれはグループブロックの設定で変えれるのかなか中のパラグラムこっちかパディングを増やしてよしよしよしよしいいですねいいですねだから今まではこの画像はカバーブロックで入れてその中に他のブロックを入れるしかなかったんですけどもうグループブロックそのものに画像を背景として設定することができるようになりましたそれからプレイスフォルダーの縦横比を指定して画像寸法も一貫性を保ちましょうこれはテンプレートの話でテンプレートの中で画像を入れてちょっとやってみましょうかコマンドパレットで新規テンプレートとか作れるのかなこの画面でコマンドパレットが呼び出せませんここだと呼び出せる管理画面からまだ呼び出せないみたいここでテンプレートテンプレートに飛び一つテンプレートを作りましょうこれも新しくなりましたねこの選択画面固定ページにしてこのテンプレートを選択された特定の項目でも使用されますなんだろう今の何だったんでしょうこれで新しいテンプレートを作ります新しいテンプレートを作るときにここに例えば画像必ずここに投稿のアイカッチ画像が入りますという箱を用意することができる実際にここに入る画像はこのテンプレートが適用された固定ページのアイカッチ画像なのでページごとにここに入ってくるアイカッチ画像が違うですねここに必ずアイカッチ画像が入るという指定をしました今回新しくなったのはこれです画像のブロックセットを開くとアスペクト比を指定できますなので元の画像をそのままボンと入れて欲しいという指定もできますし例えばそれを正方形にして入れて欲しいちょっと巨大なのでパディングちょっと入れますけれどもよしよしよしマーゼンのほうがいいなんか巨大ですね巨大なのでこれもしかして指定できる200はいはいはいなんならここでピクセル幅も指定できちゃうんですね200200だから横長の画像が入っても縦長の画像が入ってもその固定ページのアイカッチ画像がどんな画像であっても必ず正方形に切られて表示されるということをペンプレートの中で指定することができましたできるようになりましたでこれトリミングされちゃうので正方形じゃない画像は切られるので余白なしにするのか元の画像が全部入って余白ができるようにするのか正方形に引き伸ばすのかというそういう指定もここでできるんですけれどもここらへんの指定ここに入る画像は必ずこうなるみたいな指定は今回のテーマが6.4で新しく導入された機能になります長井さんレスポンシブでアスペクト費を変えられるんですかそれはできないと思いますレスポンシブで変更するというのマワードペースちょっと弱いですよねモバイルビューの時はこうデスクトビューの時はこうっていうのはないのでちょっとそれはないと思いますはい残念ですけれどもはいあと5分くらいになりました最後ちょっとパラパラとみましょう画像を生えさせるライトボックス機能を有効化してインタラクティブなフルスクリーン画像をクリック1つで試しめるようにしましょう全体または特定の画像に適用して表示体験をカスタマイズできますライトボックス機能これが追加できるようになりましたライトボックス機能は何かというのは見せたほうが早いと思うので見てみようと思いますえーとですねえーと私もコマンドパレットを使うことになれなきゃこうしてダミダミ投稿ダミ投稿一つ開きましょうはいでちょっとページの下に画像ブロックを追加しますでメディアライブラリーからまたこの地球の画像を入れますはい更新して投稿を表示はいこれがダミ投稿ですね上にあるのがこれアイキャッチ画像で下の画画したのが今投稿内に入れたやつですで人はこれだけなんで特別に画像をクリックしても何も起こらないんですけどライトボックス機能というのはこれですクリックで拡大ライトボックスという名前をここに入れてないですねクリックで拡大というこの設定です更新でこちら投稿を更新すると今度これをクリック今それが変わったのわかりますかねプラスの虫メガネになりましたでこれを押すと画像の画面全画面表示に変わりましたこれが今回加わったライトボックス効果ですこれモバイルとかで見る時も結構便利ですよねなんかモバイルだと画像がすごい小さくなっちゃうので画像をポチッと押すと大きくなってなるほどなるほどと思ってもう一回クリックすると元のページに戻るそういうことが使えるようになりましたこれですね例えばこれをポチッと押すと大きくなって全画面表示になるこれ結構面白いんじゃないかなと思います長井さんライトボックスの全体の適用のやり方を知りたいです既存のサイトで画像が数千枚入っているのがあるので数千枚すごいですねここには変えていないのでちょっと探しに行きますけど私の予想だとグローバルスタイルじゃないかなですねこれをクリックしてグローバルスタイルこれですねのブロックの画像を押すとクリックで拡大という設定があるのでここからサイト全部の画像に一括で適用っていうのができますこれでいいですかねこれを保存ってやると例えばダミートーク私1番編集したんですけど2番は画像がそもそも入っていないちょっとやってみましょうここでダミートーク2を開いて新しくここに画像を追加したとします画像を追加したとしてデフォルトでもうここ入っていましたねクリックで拡大今後新しい画像を追加するとデフォルトで入っていて単独でそれぞれそれを消すということも可能なんですけれどもはい石原さんあの良かったですねこれで何千枚っていうか一枚一枚適用しなくても大丈夫ですはいそして残りパパパッといきましょうグループブロック名の変更リストビュー見せましたね左にポンってページ内のブロックが全部出るんですけれどもグループブロックにカスタム例を設定してコンテンツ領域を整理し区別することができますどういうことかというとですねこうなってますね例えばこの3つはこの3つの段落は特別にグループにして意味があるとしますけど今までここグループとしか出なかったのでページがグループだけになったりするっていうこともある特にパターンは1つ1つのパターンがグループブロックに入ってるのでパターンを使ってページを組み上げるとこのリストビューの中がグループだけって今自分が開きたいグループはどれだって悩んじゃいます今回これを名前を変更することができるようになりました例えば冒頭の文章文章保存ってやるとこれですここのグループブロックの名前が変わったのでページの整理がだいぶしやすくなりましたはいそれからリストビューの画像プレビューこれもちょっと似てるんですけどページの中に画像がたくさん入っているとこの画像ブロックってページの実際どのブロックなんだろうなみが出たんですねけど今回もうここに出てます画像ブロックはここに画像のプレビューが表示されるようになったのでこれを頼りにリストビューを見て画像を見つけやすくなったんですね例えば別の画像もちょっと入れてみますけれどもこれを入れるとごめんなさいなんか似たような画像を使っているのでわかりにくいですけどこういう感じでここにプレビューが表示されるようになりましたこれもまたいいですねそして最後サイト館でのパターンの共有これ先ほど石原さんの本からも質問があったんですけどテンプレートってサイト館で共有できますかっていう話でテンプレートはできないんですけどパターンはできますパターンをちょっとやってみましょうこれをどこからできるのパターンビューからカスタムパターンを例えば前パターンさっき私作りましたねこの前パターンこれをJSONとしてExportJSONっていうのはJSONファイルの形式なのでJSONファイル形式としてExportという意味ですなのでこれをちょっとExportしてみましょうこれ私のパソコンに今ダウンロードがされたので見えますかねこういう感じですこのパターンの中身がこういうプログラミングファイルなんですねJSONっていうのはこれを今度は他の人からもらったファイルをプラスのJSONからパターンをインポートというのがあるのでこれを押してデスクトップの今ダウンロードしたこれをオープンってやるとオープンってやると前パターンに入っていますカテゴリーもこれ継承してるんですね私カテゴリーとサービスでしたっけ違うの前パターンかないですカテゴリーは継承してないんですけど前パターン私が作ったパターンフォルダーの中に元々あったやつと新しく導入したやつがここで入ってきています多分名前を変更でこれカテゴリーの変更でできないだろうか前パターンを管理ここでするのかな練習ここまで来なきゃいけないんだここでサービスってやるとサービスが入ったにサポートってのもありましたっけサポートはないけどこれで自分で新しいカテゴリーを作って更新してもう一回エディターのパターンまで来ると新しいカテゴリーができましたねこういう形でサイト館でインポートエクスポートすることができますなのでこれまたクリエイターの方いいかもしれないですね自分がよく使うパターンあのお客さんのサイトでもこのお客さんのサイトでもよく使うパターンがあればご自分でそれをエクスポートして複数のサイトにインポートするみたいなことが可能になりました最後ブロックフックの導入今日は触れないんですけれどもたくさんの更新が今回の6.4で導入されてますはいちょっとチャットのほう見てみますけど長井さんテーマの存在意義が薄くなりそうですねテンプレートもインポートエクスポートできればさらに拝見してみると2024でかなりのことがまかないそうでテーマ作成業者さんがいなくなってテンプレートやパターンの販売業者が増えそうテーマ作成業者さんがいなくなってテンプレートやパターンの販売業者が増えそうああまあどうなんでしょうこれも先日私参加したワードキャンプ東京で少し話題になってたんですけどテーマ作戦の将来はどうなるんだろうかということでやっぱりそのテンプレートやパターンを意識して出すことが必要かなと思います石田さんインポートしたすべて毎パターン行きそのようですカテゴニーは継承されないので自分で新しくつける必要があるみたいです作成者は作成作者は濃厚度操作に生徒しないと結構触り込まないと自信使わなさそうそうですねその前のワードプレスの製作とはだいぶ勝手が変わってきましたまあどんな人にもその編集を広げるその可能性を提供するという意味ではだいぶオープンになったんですけど例えばそれをひっくり返すとプログラミングができるからこそワードプレス製作お仕事にしてたみたいな人たちは別のスキルが今後必要になってきそうですよねいかにパターンを整理してお客さんに提供するかそういう形になってくると思います少しオーバーしたんですけれども今回の6.4も新機能盛りだくさんの僕個人的にはとても面白いアップデートだったと思いますブロックエディターももうそろそろこれで完成かな今後も多分磨きはかかるんですけど来年は既にブロックエディターメインではなく共同失筆の新しいワードプレスの機能中心のアップデートになっていくということが発表されているのでそちらも楽しみにして来年の更新を待っていきたいと思います長井さんノーコードでできるけど簡単ではないからレクチャーするサービスとかもですねまさにそうですオンラインワークショップみたいな必要が今後も広がっていく可能性があります今日はそこまでになります最後まで参加していただいた皆さん本当にありがとうございましたまた今後もワークショップ続けようと思いますのでその時またはよろしくお願いしますありがとうございました