はい では改めて 皆さんおはようございます今日はたくさんの人に参加していただいて本当にありがとうございます今日はWordFace 6.5のアップデート内容を見てみようというテーマで準備をしました本来ながら今週の火曜日 火曜日にWordFace 6.5が公開されて皆さんも配信 アップデートできるはずだったんですがいろいろちょっとコミュニティの中で議論が続いていたので来週の火曜日に延期になってしまいましたなので 今WordFaceをインストールして使おうと思うと6.4のままなんですけど それを6.5にあえてプッシュしてまだ公式に公開がされてないんですけどテスト段階ということで 6.5いじることができるので今日はそのやり方も皆さんに紹介しさっそく6.5見ていこうと思います今日のオンラインワークショップはWordFaceプロジェクトの公式教育チーム トレーニングチームが主催しています録画が撮られていて終わった後 WordFace.tvというWordFaceの動画サイトにも乗るんですがそれともう一つ YouTubeのWordFace公式チャンネルにもアップされますYouTubeの方は多分あすぐくらいかなアップされると思うんですけど字幕もついたり チャプターも YouTubeが自動で付けてくれたいといろいろ見やすいので そちらもぜひ後から見てまたどんどんシェアしていただけたらと思いますセッション中 質問とかがあればどんどんズームのチャットの方に流してください私もいろいろ ここで皆さんにお見せしますけどもう一回やってとか ちょっとそこ踏み込んで教えてくださいっていうのがあれば チャットでもいいですしあとは音声をつけて 生に聞いていただいても大丈夫ですでは早速始めていきたいと思いますちょうど 29日 昨日このWordFaceリリース広報版4という日本語の投稿も公開されましたズームチャットの方に 今リンクを流しましたけどもしフォローしていなければ ぜひこのja.wordface.org このサイトを皆さんメール 購読 登録してくださいこういうリリース関係の情報とか日本のコミュニティのアナウンスとかも多くはないんですけど 月 3 4 くらいかな投稿が流れるので ja.wordface.org右のほうにこのメール 購読っていうのがあるのでこれ登録していただくと皆さんにもすぐに情報がいきますリリース広報版4 今日はこれを見ていこうと思うんですけれどもちょっとこの投稿には 実際にどういう新機能が追加されましたよっていうのは あんまり含まれてないんですねこのコミット一覧とか チケット一覧とか探っていけば分かるんですけど毎回wordfaceの更新って新機能が数100 足ささるんですよ新機能とか性能のアップグレードとかあとバグの修正とか数100のチケットが一つのリリースの中に入ってくるのでちょっとこれ探るの大変なんですねそこで今日私は事前に いくつか他のリソースも調べていろんな方がすでにまとめてくださっていたのでそこからピックアップして皆さんに 新機能を共有していこうと思いますすごくアナログなんですけれども今日はこのやってメモ用紙に皆さんにこれとこれをお伝えした 相手の書いてきているので一時間の中でちょっとスピード 早いんですけれどもお見せしようと思います私が参考にした資料をちょっと今 ズーム チャットの方にリンクを流しますので後から皆さんもぜひ見てみてくださいまずこちら今見せているのはこれ私オートマチックという 会社に勤めていてそこの同僚なんですけれどもその人の個人ブログですその個人ブログで今度のwordpressこういう機能が 足ささりますよっていうのを公開してくれているのでそれを共有しましたもう一つ参考にしたのはこれGitHubのリンクなんですけど各wordpressのリリースに合わせてトレーニングチームがビデオを 公開するんですねこの6.5の新機能に関するビデオも 既に出来上がっていてあとはリリースされた日に 公開される公開されたらran.wordpress.orgに アップされるのでアップされる前の状態なんですけどそれに見ることができるのでそちらのリンクを載せましたそしてもう一つこれジェミンマーズランドさんこれもこの方の個人的な YouTubeのビデオなんですけれども結構私も彼のビデオが好きでいつも勉強になっているので彼が250秒でwordpress6.5を説明するとだいぶ省略活躍した内容なんですけれどもこちらもちょっと参考にしているので皆さんにお送りしましたはい 今日のテストサイトまた新しいサイトを作りましたバージョン6.4.3ですね今公式にリリースされている 最新のwordpressは6.4.3ですこれをどうやって6.5にするかあえて6.5にプッシュしてテストするにはどうすればいいかっていうのが一番最初に共有した このリリース広報版4共有統報の下の方に書いてありますテストの方法4つ ここで方法が紹介されています1つはプラグインを使う方法私もこれから これを入れようと思います直接ダウンロードすることもできますまたコマンドライン使い慣れている方はコマンドラインで6.5にすることができますそしてwordpress playgroundこれはもうブラウザで完結するwordpressなんですけれどもこちらでもテストすることができます次回のオンラインワークショップでこのプレイグランドを皆さんに紹介していじってみたら面白いかなと思ってますがとりあえず今日はこのプラグイン版でやろうと思いますプラグインはwordpress ベータテスターというのを入れます今日のテストサイトに戻ってきてプラグインの新規プラグインを追加でここにwordpress ベータテスターと入れますこういうアイコンですね ベータベータなのでまだ開発中ですだからバグとかもあるかもしれないのでこれをリアルなサイトには入れないでくださいもう公開されているサイトに入れとサイトが壊れる可能性があるのであくまでテストサイトだけに入れてそしてwordpressの新機能をテストするということができますはい インストールして有効化しましたこれだけだとちょっと足りなくてちょっと設定が必要なんですね設定では最前線チャンネルとベータ RCのみストリームをそれぞれ選択これがですねwordpress テスターの設定で最前線 これです最前線にしてベータ RCのみこれで6.5になったはずです今 これですね最前線とベータ RCのみこれでダッシュボードに戻ってみるとこれでいいのかなツール クラブインの設定のそれぞれを選択これですね 最前線ベータこれね 更新かこれですね その後にダッシュボードの更新まで来るとバージョン 6.5 RC4に更新っていうのが出るのでまずプラグインの設定をした後に更新タブルに来て ここで更新をしますそうするとネット上から6.5まだ未公開なんですけど引っ張ってきてサイトにインストールしてくれますなので手順としてはプラグインを入れて設定を2つしてサイトの更新画面から更新をしてそうすると来ましたワードプレイス6.5来週火曜には皆さんこの画面が見れるんですけどそれを先取りしたという感じですはい 結構いろいろ新機能があるので早速これを見ていこうと思います一旦ここまでで質問とかないでしょうか大丈夫ですかねはい ありがとうございますでは早速入っていきましょうちなみになんですけど私画像だけ入れときましたこのサイト投稿固定ページは作ってないんですけどちょっと面白い画像があったらいいかなと思って画像だけ入れましたさて まず最初に見ていきたいのはこれ私もすごく嬉しいんですけどカバーブロックの機能がよくなりましたカバーブロックメディアライブでいいから一つ適当に並びます横向きの画像がいいかなはい 選択まず 何がされたかというと画像のオーバーレイがかかるんですねカバーブロックには色味の幕がかかる初期設定になっていてこのオーバーレイは自分でいろいろ変えることもできるんですけど気づいていただきたいのはもし僕がもう一つここにカバーブロックを入れた場合どうしましょう なんかこれにかわいい横向き これ行ってみますかじゃんこのカバーレイの色味ちょっと待ってください別なのにしましょうどうかな これだったのかなはい何がいたいかというとこのオーバーレイの色です上の方は茶色なんですけど下がキンクになりましたこれ何をしているかというとその画像の色味を自動判定してそれにあったオーバーレイを足してくれてるんですなので私 下がさっき茶色だったのも画像を入れ替えると自動的にこの画像に合ってるオーバーレイの色につけてくれますデザイナーじゃない方からすると自動で一番良さそうな色を選んでくれるのでかなり嬉しいですもっと嬉しい新機能としてアスペクト比の設定ができるようになりましたこれはモバイルデザインをするときに非常に嬉しいですどういうことかというと今まではカバー画像の最小の高さしか設定できなかったんですねなのでこれを例えば400ピクセルにするとデスクトップ用の画面でもカバーは400ピクセルモバイルでもカバーの高さは400ピクセルデスクトップでもモバイルでも高さが一緒というのはデザイン的に変になっちゃうんですねちょっとなかなか言えないんですけどこれがアスペクト比を設定できるので例えばワイド今カバー画像がこうなったのが見えますけどこれデスクトップ版ですねこれをモバイルにしてもちゃんとワイドのままカバー画像が表示されるようになったんですしかも今アスペクト比を設定してないので同じ高さのピクセル値を保存してるんですねデスクトップにすると画像がこうきれいに全体が見えていいんですけどモバイルにすると高さを保存するために横をトリミングされちゃうこれが従来のカバーブロックでした今回からこのアスペクト比の設定ができたので上の画像のようにデスクトップでもモバイルでも同じ比率のカバー画像が使えるということになったのでこれは私は非常に嬉しいです色々アスペクト比もあるのでモバイルでもデスクトップでも正方形が欲しいとかこういったことができますはいさてせっかくページエリダにいるので今回もう一つ新しく追加された機能としてどのブロックも名前の変更が可能になりましたなので今リストビーを開いて県密をクリックして下の方に名前を変更というのができました最近はグループブロックの名前の変更ができたんですけど今回の6.5から全てのブロックの名前の変更が可能ですこれはなのでテーマデザインとかしているときにはいいかなと思います例えばこちらはトップ見出しというブロックにして例えばこっちはコンテンツ1とか今ブロックが2つしかないのでなんか大したことないんですけれどもどんどんこのリストビーのブロックが増えていった時にどのリストだったかなとかどの画像だったかなというのが自分で見分けがつきやすくなりました例えばカバーブロックの中に別のブロック入れてみましょうここに例えばイメージの何か的が見えて例えばその下にあとに追加例えばここにテキストを追加ちょっと見にくいですねテキストを記録しますかこの今上のカバーブロック名前変えたんですけど中のブロックも名前を変更することができますもう本当にページの中のどのブロックも名前の変更が可能です全部変えていくと自分のニーズに合わせて要所要所だけ変えるといいかなと思いますどんどん進みますけど何かの質問があったらぜひ教えてくださいイメージちょっといくつか画像を足して次の機能としてもう一個ぐらい入れますかここにヘッダーとかでもいいかこれはヘッダーです次に紹介するのとしてこのドラッグドロップするときの使い勝手がよくなりました今まではリストビューとかで画像を動かすと青い線が出たんですね青い線の場所を見ながら移動してたんですけど今後は見てくださいこれがリストの中を移動しているのでクリックを外したらここに落ちるんだなっていうのがだいぶ見やすくなりました今これカバーブロックの中だなとかこれは外だなとかこれ中外今までの青い線だとなかなか見にくかったんですけどこれがもっと直感的に色々編集できるようになったので嬉しいと私は思っていますメインのほうはまだ青い線ですねメインのほうは青い線なんですけど左のリストビューだとオブジェクトが移動が見えますはいさて次の機能として画像などに影をつけることができるようになりました結構なんでしょうワードプレイス以外の世界だと影をつけるって普通だと思うんですけどワードプレイスなかなかできなかったんですね自分でCSSを書いて影をつけるとかしなきゃいけなかったんですが今回から影をつけることができますで どこかというと画像を選択して右のスタイルからワクセント 影っていうのがあるので影オンにすると影の種類がいくつかありますまだちょっと自分で微調整することはできないんですけどとりあえずこうやってデフォルトで用意されている影をつけることができるようになりましたこれ嬉しいですね多分今後の公開リリースでこの影を自分で調整するっていうことも可能になってくるんじゃないかなと思います画像だけじゃないです他につけられるものとしてカバーブロックもつけられるんじゃないかなカバーカバーじゃなかったカバーじゃなくてボタンですねボタンにも影をつけることができるようになりましたボタンボタン1ボタン2ボタン3はいこういう感じでボタンがあった時にスタイルに行き親ブロックじゃダメですか小ブロックをクリックするとあります影の設定が出てきますあらんなんかあと一歩って感じだなボタン1個にだけ影つけるっていうことはあんまりないと思うので親ブロックにできたら良かったんですけどとりあえずここで影の設定ができますあとはあれですねサイトエディターの方からブローバルにボタンには必ず影をつけるみたいな設定をすれば全てのボタンに影がつきますねちょっと後でそちらのやり方も見てみましょうとりあえずボタンにもつきますあとはですねカラムブロックにもつくんですかカラム2個デキトンに段落にしますかこれは段落ですそしてカラム2番これも段落ですですでカラムにスタイルに影ができたのでこれ影をつけるとどうなるんでしょうドロップシャドウもなるほどちょっとこうしますかということなんですねなるほど1個1個のカラムじゃなくてこれ全体が四角くなるなるほど例えばこれ背景をちょっと白くするちょっとこれの方がいいですかねあのちょっとこう浮き上がった感じが出てきますカラムこっちの中のカラムは影はあ中もつけれる中のカラムに例えば灰色をつけてほうほうほうちょっとこれデザイン的にどうかは別としてこうしてグレーにしてよし どうだえーなんかなんか不思議ですねけどこの影機能が追加されたのでいろいろ皆さんも試してみてくださいグループブロックにも作らしいのでぜひ見てみてくださいさてえーとですねもう1つライトボックスっていうのがありましたこれ画像なんですけれども6.3くらいだったかな6.3か6.4にここらへんにライトボックス機能があったんですねでそれがえーとこっちにクリックで拡大という左のメニューに変わりましたこれこのクリックで拡大という設定が今まではスタイルの中に画像ブロックのスタイルの中にあったんですけどその場所が変わって画像のリンク設定の中にクリックで拡大が入りましたまあそうですよねリンクしたときの動作なのでリンクメニューに入っていいかなという感じですあのご存じない方のためにこれがどういう機能かというとえーと今これですねこの画像をクリックしたときに前画面表示になるっていうのがこのライトボックス効果なんですねあの特にこれモバイル用のサイトとか便利ですねなんか小さい画像を前画面で表示して小さく見えるようにするっていう意味で使われると思うんですけどこの設定の場所がリンク設定に入ったので注意が必要ですはいリンクの話をしているのでもう一つ新機能が出ましたこの文の中のリンクはこの文字たちですはいなんか適当にリンクを今日のミートアップからこの文字たちですここにリンクを貼りましたはい例えばですねえーどうしようちょっと思いましょうこの文字たちですねリンクを押してここにURLを貼ってエンタを押しますで今まではエンタを押すとこのポップアップが消えたんですで改めて例えば新しいタブで開くっていう設定をしたかった時にはリンクを貼った後にポップアップが消えるのでもう一回リンク設定を開いてそして新しいタブで開くっていうのを探しに行かなきゃいけなかったんですねこれがリンクを押した時にリンクを貼った時にポップアップが表示されたままになりましたすごく細かい点なんですけど私個人的には結構わずらわしかったので新しくなって嬉しいですもう一回やりますけど今これリンクを貼ろうと思ってこのリンクボタンを押してポップアップを出しましたでリンクを貼りますこれをエンタを押さないと反映されないんですけど今まではエンタを押すとこれが消えたんですで今回はエンタを押すとこれが残るのでここで新しいタブで開くとかノーフォローマークとかこういう設定がそのままできるクリックが1個2個減ったってだけなんですけどリンクをよく編集する特に僕も新しいタブで開くっていうのはつけたりつけなかったり結構考えているのでいちいちこれが消えないっていうのはかなり嬉しいことですちょっと今話してきた内容をマークするので他に皆さん質問とかあればぜひこのタイミングで教えてくださいこれは話をこれ3分の1くらいです私の用意した内容宮手さんもリンクのポップアップの改善嬉しいですわかりますかあれわずらわしかったんですよなんで消えるんだっていつも思ってたんでハートつけている人いますけどやっぱわかる人はわかる嬉しい改善点です宮手さんも地味に面倒でしたよねってはいじゃあページエディターの中で紹介できる機能あとちょっとだけのものでそれを紹介した後ワードペースの別な部分にサイトエディターの方に移動したいと思います他に今回できたこととしてグループブロックの背景の設定そしていろんな編集ができるようになりました例えば色範囲法兵と感じにしなくてもいいのにとかですねこれもまたきっとな文章ですなんだろうはい何をしたかったかというとこれからこの4つをグループ化します選択してグループ化でグループの背景が背景画像の設定ができますなので今までこうやってグループしたものの背景を設定しようと思ったらカバーブロックをたぶん作ってカバーブロックの中にブロックたちを移動するという流れだったんですけど今回からはこのグループに直接背景画像を設定することができるはいこういう感じですでまぁちょっとあの何ですかカバーの方はオーバレーとかもあってもうちょっと見やすいんですけどもえーとですねこれのこれのこれの焦点というかサイズかな出てきた出てきた今これ背景画像を設定した後に点密を押してサイズっていうのを押すとこれカバー画像で見覚えのあるようなあの設定が出てきましたでこの焦点を自分で移動して決めることができますなのでちょっとお花を見せたいっていうときにはこれを移動できますなんかたぶん最初どこだったんだろうここら辺でしたなんかズレてたのでそしてここのサイズ3つ設定がありますカバーはスペースを均等に追いコンテインだとこのグループの中に写真が収まるようにしますそして固定だと固定幅を設定してください固定幅を設定してくださいどういうことだもん200なんかなんかちょっと1昔前の2昔前ぐらいのサイトの背景みたいになっちゃってますけどなるほどこういう設定ができるんですね例えば300にして繰り返しを取るとなるほど画像の幅を設定できるということですねこれはちょっと皆さんぜひ試してみてください色々なんか私は自分のサイトの及はちょっとすぐにわからないんですけどこうやってグループの背景に画像をセットしてその背景の背景画像の設定も色々変えれるということができるようになりましたそれからこれがナビゲーションブロックナビゲーションブロックナビゲーションはい これは昔はワードベースメニューをカスタマイザーの中で作ってたんですけど今はナビゲーションブロックで作るようになりましたこのナビゲーションブロックにどんなブロックも追加することができます今まではナビゲーションブロックに足せるブロックの種類っていうのは限定されてたんですけど今回からは何でも好きなブロックを足すことができます多分ナビゲーションブロックにブロックを足すってことは普通の人は少ないのでプラスを押すとリンクを追加っていうのがデフォルトですねなのでここに例えば自己紹介とか言って自己紹介っていうページがないので下書きページの作成リンクを作るメニューのアイテムを作ると同時に自己紹介ページも作っちゃう下書きってなってますけどもう一回ページに戻って編集をして公開をするとメニューの下書きっていう文字も消えますただリンクの代わりにブロックを追加っていうのも可能で例えばこれ検索ですねナビゲーションブロックに検索を足すことができなかったんですよなので携帯のメニューとかになった時に結構そのポップアップの中にメニューのポップアップの中に検索を入れたいって方いると思うんですけどちょっとそれができなかったんですねそれが今回はナビゲーションの中にこういう検索とかブロックを入れられるようになりましたあとは何だろうソーシャルアイコンもここに入れちゃうとかですねバードプレイスのアイコンとか自分のいろんな自分のいろんなソーシャルのアイコンあとなんでしょうね例えばレクスとかですねこういうのを全部ナビゲーションベニューの中に入れることができますちょっとこう見てみましょうどういう感じかこれを新しいタブでプレビューするとちょっと後悔したいなちがうなよいしょよいしょあ、来ましたねここでなるほどなるほど今私ナビゲーション編集した上もこれ編集されましたねここにもナビゲーションブロック入ってるんですけど上のメニューと連携しているので上にもアイコンとかが足ささりましたで、これをモバイルビューにするとどういう感じかというとよいしょこれを押すとこの中にメニューもあるし検索もあるしソーシャルアイコンもあるしようやくちょっとモダルなモバイルメニューになってきたかなという感じですこのナビゲーションブロックにいろんな他のブロックを足せるというのは大きい改善だと思いますでちょっとですねあのこのジェイミーさんの動画を別な動画を見ていただくとここにメガメニューの作り方みたいなのを紹介してます多分ワードプレイスの公式ブログにも出たんですけれどもナビゲーションブロックの中にどんなブログでも足すことができるようになったので例えばその上にナビゲーションがあってちょっと押すと下にもっと大きいナビゲーションがポップアップされてメニューが選べる見せられるかな多分この辺で紹介してたと思うんですけどここかなどこだいやーちょっとすぐには出ないですねごめんなさいこれ準備不足ですがそういった大きいメガメニューって言われるものを作るこれですこれですちょっとだけ流してますけどはい皆さん画像見えてますかね例えばこれボタンをした時にここに画像ブログの横にカテゴリーみたいなのがあってさらに文字の説明があってこういった複雑なメニューもこれ全部コアのブログだけで作成しています今までこういうのを作ろうと思ったらけどコアのブログだけでこういった複雑なメニューも作ることができるようになりましたのでナビゲーションメニューは今後どんどんどん面白いものが出てくるんじゃないかなと思いますはいこといさんもメガメニューできるのとても嬉しいありがとうございますさてこのページエリターはだいたいこのあたりで次サイトエリターの方にサイトエリターですね外観ですねエリターはいこちらもいろいろ新機能が新機能というか洗練された内容になりましたかわぞえさんもメガメニュー作れるのすごいですはい今までこれちょっと面倒でしたので嬉しいですねさてまずパターンに行きましょうでパターンには同期パターンと非同期パターンっていうのがあって今回元々6.5でその部分的同期パターンみたいなのが公開される予定でしたつまりその主なブロックそのパターンの内容は一緒なんだけど一回ページとかにつけたあと文字とかだけは変えることができるよレイアウトは変えられないけど文字とかの内容だけは変えてるよっていう部分同期パターンみたいなのができるはずだったんですがちょっと間に合わなかったので6.5からかぶかれましたなので6.6に期待したいと思います今回取り上げたいのはこのパターンの画面が一新されたんですパターンを選ぶ画面がきれいになりました今までは黒っぽい感じでなんだろうちょっと使いにくかったんですけどなんか新しいきれいな感じになってます例えば元々あるパターンを複製して複製したパターンを自分で編集するということもできますし6がかかっているのはテーマのパターンだからですねこれが提供するパターンは変更できないんだけれどもこれをもとに自分で新しいパターンを作りたいという時には複製をすることができますあとは検索もかけられます例えば今はパターンがそんなにないんですけど例えばコールっていう文字が名前に入ってるパターンをここで検索をしたりできます独自のテーマを作られる方もいろんなパターンを作った時に検索機能があるといいかなと思いますあとは動機非動機のステータスで絞り込むということもできますそれからこちらの右上の設定を押すと並べ替えもできますしあとフィールドそれからですねページあたりのコンモックスこれをこれは変わらないのかなこういうちょっと並べ替えとかそのパターンの探しやすくなったようになっていますそれからですねパターンカテゴリーこうカテゴリー化されているんですけどこのカテゴリーの編集ができるようになりましたこれだったかなテキストってのして違うなパターンのカテゴリーこれどこでやるんだこれじゃなかったかテンプレートテンプレートのカテゴリーかもしかしてそんなことはないなパターンのカテゴリーが編集名前を変えるとかできたはずなんですけどもしかしたらこれ6.5から省かれたんですかねちょっとなんか消えてますねこれ並べ替えフィールド違うな違いますねこれはちょっとなくなったのかもしれない6.5から排除されたのかもしれない残念もう一つじゃあ今パターン見てましたがテンプレートテンプレートも新しくなりました例えば例えばテンプレートを買うのかなテンプレートを買うのかなこれ今も従来の見え方ですねテンプレート一覧このテーマに入っているテンプレート一覧が出ていて例えばその編集を加えたらここに誰かが編集をしたっていう名前がここについたりしますただこの一覧って実際にテンプレートの内容が見えないので今回からこのグリッド表示っていうのができました年後テーブルからグリッドに変えるとテンプレートもパターンのようにビジュアルに見ることができるようになりましただからどのテンプレートを使いたいかなっていうのも選びやすくなっているこちらもフィルターを追加ってあるので例えば誰々さんが作ったテンプレートに絞ってその中から選ぶそのテーマだけじゃなくてテーマが用意したフィルターテーマが用意したテンプレートだけじゃなくて自分が編集したテンプレートを検索したいとかそういうこともできるようになっています何で検索したらいいんだろうイメージとかこれもここの文字列で検索をしているんですけどこういうことができますはいテンプレート一覧もそうですしテンプレートパーツも同じようにグリッド表示ができますテンプレートテンプレートのえーとこれの話題に戻ってパターンがいいのかなテンプレートパーツですまぎらわしいですねテンプレートの中じゃなくてパターンの中にありますパターンの中のテンプレートパーツも今まではこの名前と誰が作ったかみたいな情報しか出てなかったのがビジュアルに見えるようになったので選んだり編集したりしやすくなっていますはいちょっとこのあたりの説明分かったでしょうか大丈夫ですかねはいそれからですねえーと続いてなんですがはいこといさんありがとうございますさてスタイルの編集を見ていきましょうえーと今どこまで行ったかというとちょっとダッシュボードに戻りますが外観テーマではなくごめんなさい外観エディターですねのスタイルこの鉛筆を押すとそのサイト全体のスタイルを変えることができますさっき例えばボタン一個一個に影をつけていくのが面倒くさいからグローバルスタイルで設定できるといいねという話をしたんですがそれをやるのもここですこのスタイルの中のブロックっていうのをしていただくとここにボタンがあるのでここで例えば影を選んでもう全部のボタンにデフォルトで影をつけたいみたいなことやと今ここにもつきましたがこれでサイト全体のボタンにデフォルトで影がつけようになりますで例えばこれを変えたときにえーと今このブログホームっていうテンプレートが出てるんですけど他のページではどう見えるのかなっていうのはこのスタイルブックというボタンをクリックすると見ることができますここにこのサイトにあるそのコアのブロックが全部出てるんですけれどもえー例えば画像画像の影ですね影はどうなるかなっていうのがこのスタイルブックで見えますここに影がついてますはいあとはグローバルスタイルいろいろ変更できるんですけど今回新しく入ったのがタイポグラフィですタイポグラフィ今までは自分のテーマが提供していないフォントをサイトに導入するときにはプラグインとかあと自分でコーデングをしてフォントを導入しなきゃいけなかったんですが6.5からコアのワードプレイスだけで外部フォントを入れることが可能になりますで今タイポグラフィというのを押すとこれもともとテーマが用意しているフォントですこれを押すとこれですねこの右上の設定を押すとここでフォントをアップロードすることが可能になりますそしてもう一つフォントインストールって押すとこれはグーグルフォントに接続してグーグルフォント最近はヨーロッパとかの個人情文字情報ですか関係でグーグルからその時その時読み込むんじゃなくて自分のサイトにダウンロードして動きがあるのでこちらフォントインストールを押すとグーグルフォントにアクセスしてグーグルフォントを自分のサイトにダウンロードして使えるようになるという機能も追加されていますなのでライブラリには一旦インストールされたフォントが全部出てきます新しいフォントはフォントアップロードで上げられます色んな形式がサポートされていますそしてフォントインストールっていうのはグーグルフォントにアクセスを強化すればグーグルフォントから自分のサイトにフォントを入れてそれをサイトから配信することが可能になりますはい石田さんもグーグルフォントプラグイン雪で使えるのありがたいですプラグインがいらないコアが提供する機能になりますで大体ぴったりくらいですねお伝えお見せしたいものがあります例えばですねスタイル1弾ちょっとこのグレーなスタイルは嫌なんでミントに変えようとかあとはですね何を変えようかな例えばブロックの文字は全部巨大にしたいとか色々変えたとしますでこの変更の利益が保存されていくんですで今保存をしたんですけれどもここにリビージョンっていうのがありますリビージョンを押すとここが新しくなったんですが何が変更されたかというのが過剰書で紹介されてるんですなので今僕デフォルトから保存したんですけど何を保存したかタイポグラフィンのスタイルプルクオートインオサイトのタイトルキャプション要素こういうものを変更したとなりますけどやっぱりそうだなこっちがいいかなと思ってこれに変えたとしますけどやっぱりまた後日変えたいなと思ってこっちに保存したとしますこれでリビージョンを見てみるとこれ今僕3回保存したんですねでスタイルプルクするとそれぞれの何が変わったか右に出ますさらに左もプレビューが出てるんですこの状態に戻ったらこう見えますよこの状態に戻ったらこう見えますよっていうのが表示されてますこれを例えば今スタイルブックをつけたんですけどスタイルブックでリビージョンを見ながらできるんですこのリビージョンがだいぶ使いやすくなりましたサイトエディターこだいさんも使いやすくなるの嬉しいですねと言ってくださっていますそして最後もう1点だけお見せするとしたらこれはサイト上ではないんですけれどもちょっとこちらのごめんなさいGitHub一種皆さんにもリンクを共有しますが今回の6.5のパフォーマンスそのサイトパフォーマンスがどう改善するか調査してくださった方がいますでタイピングそのサイトエディターそれぞれでなんと5倍の速さになったと今日私もいろいろこういじっていて皆さんサクサク進んでいる感じがちょっとわかりましたかね結構今までサイトエディターもたつく時があったんですねブロックの読み込みとかそもそもエディターの読み込みが遅かったりするんですけど今回僕もやっぱ使っていてサクサクしてるなという感じがありますブロックを読み込むときこれも読み込み今まで7秒かかってたのが8秒かかってたのが3秒とかパターンの読み込みも62%改善されたという感じで本当に使ってても数字だけ見るとパッとしないかもしれないですけど使っててもサクサク動くようになったなと感じる今回の6.5の更新ですだいぶ早口でたくさんのことを紹介したんですけれどもいかがでしたかあるのでもし皆さん質問とかもう一回ちょっとこれやってみてくださいみたいなのがあったらお見せしようと思うんですけどいかがでしょうかはい どうぞなんか聞こえてないですお待ちしている間に石根さんも使いやすくなってますねあとエラさんがこれですねXにポストしてましたこのさっき見せたパフォーマンスの向上をです私もポチっとライクをしておきますはいとりあえずもう一回行ってみますか他の方も質問があればあのチャットでもいいですし音声でもいいですし今日は銃銀参加してくださってます私のぞいて急に多分今までの僕のワークショップで一番参加人数が多いので皆さんありがとうございますそうですね1年半やってますけれどもこうやって人数が増えてきていることも本当に嬉しいことです土曜日の朝皆さんお休みなのに参加してくださってありがとうございますとりさん2人目入出されました他のデバイスから聞こえますすみません別のパソコンから入り直しましたすみませんその間加川のミートアップに参加させていただいて6.5の勉強会ドロップシャドウができるようになっているドロップシャドウってことはピンクとかでトーカ画像だったら中身をなぞって影がついてくれるんですかねマンチュさんが見てくださったんですけどこのシャドウと書いてあったんだけどコードはボックスシャドウだったっていうでもピンクさんのなぞって影はつかないみたいですねっていうお話だったんですけどマンチュさんが用意してくださってた画像がトーカ画像はなかったのでその時には実演を見れなかったんですでやってみますって言ってまでやってみてないんでもしできそうだったら見ていただけたらなと思って無料トーカ画像すみませんこれでやってみましょうあれですねちょっと待ってくださいこういうのにちょっと見て例えばフラワーって入れてこれをベクターにしてこういうのですねちょっとこれやってみますかダウンロードダウンロードよしなんか背景青くしたってますねやってみましょうこれをこうしてでこれですねこれを影をして影をしてドロップシャドウをこういうのにやるとやっぱ違いますよねそうですねありがとうございますあのこのバラの形で影ができるのかと思いきやもう外をなぞっただけっていう感じですねこれを公開してもやっぱりそうなのかなってやっぱそんな感じでしたはいありがとうございますでは時間になりましたのでここまでにしたいと思います森沢さん6.5話題になってた共同尻尾ですか共同編集に関するちょっと新規のはまだないので私もいつかいつかと待ってるんですけどブロックエディーターサイトエディーターがかなりまた磨かれて皆さんわずらわしかったのリンクの設定とかリストビーの中でブロック移動する感じとかが磨かれてきたかなという感じですはいでは今日はそこまでにしたいと思います皆さんお集まりいただきありがとうございましたまた次回もどうぞご参加くださいでは今日はここまでにしますありがとうございましたありがとうございました