はい。では改めて皆さんおはようございます。今日はたくさんの人に参加していただいて本当にありがとうございます。
今日はワードプレイス6.5。のアップデート内容を見てみようというテーマで準備をしました。
本来ならば今週の火曜日火曜日にワードフェイス6.5が公開されて、皆さんも配信アップデートできるはずだったんですがいろいろちょ。
っとあの、まあコミュニティの中であの議論が続いていたので、来週の火曜日に延期になってしまいましたなので、今ワードプレイスをインストールして使おうと思うと6.4。
のままなんですけどえ？それを6.5にあえてこうプッシュしてまだ公式に公開はされてないんですけど一応テスト段階ということで6.5いじることができるので今日はちょっとそのやり方も皆さんに
紹今日のオンラインワークショップは、ワードプレイスプロジェクトの公式教育チームトレーニングチームが主催し。
ています。で録画が取られていて、終わった後、ワードプレスドットtvというえーワードプレイスの動画サイトにも載るんですがそれともう一つユーチューブのユーチューブの方は多分明日くらいかなアップさ
れると思ですけど、字幕もついたり、チャプターもユーチューブが自動でつけてくれたりといろいろ見やすいのであのそちらもぜひ後からえーと見てまたどんどんシェアしていただけたらと思いますセッション
中質問とかがあれば、どのズームのチャットの方に流してください。
私もいろいろここで皆さんにお見せしますけど、もう一回やってとかちょっとそこ踏み込んであの教えてくださいっていうのがあればあのチャットでもいいです。
し、あとはもう音声をつけてあの生にあの聞いていただいてもあの大丈夫です。
はいえーでは早速始めていきたいと思います。で、えっとちょうどですね。
29日。昨日ですね。このワードプレスリリース候補版四。
という日本語の投稿も公開されました。ズームチャットの方に今リンクを流しました。
けど。もしフォローしていなければぜひこのジンエイドットワードプレイスド登録このサイトを皆さ、んメール購読登録してくだ。
さいこういうリリース関係の情報とか。えーと、日本のコミュニティのアナウンスとかも多く、はな。
いんですけど。月0くらいかな？投稿が流れるのでJ。
ェードとワードプレイスドトール部で右の方にこのメール購読っていうのがあるのでこれ登録していただくと皆さんにもすぐに情報が行きますでえリースコーホバー四。
今日はこれを見ていこうと思ですけれども、ちょっとこの投稿には実際にどういう新機能が追加されましたよっていうのはあんまり含まれてないんですね。
このコミット一丸とかチケット一覧とか探っていけばわかるんですけど、毎回ワンドフェイスの更新っ。
て新機能が数百、新機能とか性能のアップデートとかあとはバグの修正とか数百のチケットが一つ。
のリリースの中に入ってくるのでちょっとこれ探るの大変なんですね。
そこで今日、私は事前にいくつか他のリソースも調べて、いろんな方がすでにまとめてくださってい。
たのでそこからピックアップして、えっと、皆さんに新機能を。
えー、共有していこうと思います。で、すごくアナログなんですけれども、今日はこうやってあのメモ用紙に皆さんにこれとこれをこうお伝えしたいというのを書いてきているのであの一時間の中でちょっとスピード早いんですけれどもあのお見
せ、私が参考にした資料をちょっと今ズームチャットの方にリンクを流しますので、後から皆さんもぜひ見てみてくださ、い。
うーん。
まずこちら。今見せているのはこれ。あの私、オートマチックという会社に勤めていて、そこの同僚なんです。
けれども、その人のあの個人ブログです。その個人ブログで今度のワードプレイス。
こういう機能が刺さりますよっていうのをあの公開してくれているので、ま、それを共有しましたもう一つ参考にしたのはこれキットハブのリンクなんですけど各ワードプレイスのリリースに合わせてトレーニング
チームがえっと、ビデオを公開するんですね。この6.5。
の新機能に関するビデオもすでに出来上がっていて、あとはそのリリースされた日に公開されるあの公開されたらランドットワードベースドットオールブにあのアップされるのでまアップされる前の状態なんですけどそういう風に見ることが
でそしてもう一つ。これジェイミーマーゼランドさんってこれもこの方の個人的なユーチューブのビデオなんですけれども結構私も彼のビデオが好きでいつも勉強になっているので彼がですね。250秒でワー。
ドプレイス6.5を説明するとだいぶ省略。割愛した内容なんですけれども、こちらもちょっと参考にしているので皆さんにお送りしました。
はいで今日のテストサイトまた新しいサイトを作りました。
バージョン6.4点三ですね。公式な公式にリリースされて、最新のワードプレイスは6.4点三。
です。で、これをどうやって6.5にするか、あえて6.5にプッシュしてテストするにはどうすればいいか？
っていうのが一番最初に共有したこのリリース候補版四。
っていう投稿の下の方に書いてあります。テストの方法で四つ。
ここで方法が紹介されています。一つはプラグインを使う方法私もこれからこれを入れようと思います。
直接ダウンロード。することもできます。また、コマンドライン使い慣れている方はコマンドラインで6.5にす。るこ。
とができます。そして、マウントプレイス。プレイグラウンド。
これはもうブラウザで完結するワードプレイスなんですけれども、こちらでもテストすることができます。
次回のオンラインワークショップで。このプレイグランド皆さんに紹介していじってみたら面白いかなと思ってますがとりあえず今日はこのプラグイン版でやろう。
と思います。プラグインはワードプレスベータテスターというのを入れます。
なんで今日のテストサイトに戻ってきて、プラグインの新規プラグインを追加でここにワードプレイスベータテスターと入れます。
はいでこういうアイコンですね。ベータベータなのでまだ開発中です。あの。
だからバグとかもあるかもしれないので、これをリアルなサイトには入れないでください公開されているサイトに入れるとサイトが壊れる可能性があるのであくまでテストサイトだけに入れてそしてワー
ドベースの新機能をテストするということができます。
はい、インストールして有効化しました。で、これだけだとちょっと足りなくて、ちょっと設定が必要なんですね。
設定では最前線チャンネルとベータrcのみストリームをそれぞれ選択これがですね。
ワードペーストテスタの設定でえーとですね。サイゼン線。これです。
最前線にしてベータRCのみ。
これで6.5になったはずです。今これですね。最前線とデータRCのみこれでダッシュボードに戻ってみると。
あーれこれでいいのかな？そういうよくラグインの設計の。
それぞれを選択。
これですね。これねー。更新か。
これですね。そ。の後にダッシュボードの更新まで来るとバージョン6.5R四に更新っていうのが出るのでまずプラグインの設定をした後に更新タブに来てここで更新をします。
そうすると、ネット上から6.5。まだ未公開なんですけど、引っ張ってきてサイトにインストールしてくれます。
なので、手順としてはプラグインを入れて設定を二つしてサイトの更新画面から更新をして。
そうするとあきました。ワードプレイス6.5。来週通うには皆さんこの画面が見れるんですけどそれをちょっと先取りしたという感じです。
はいで結構いろいろあの新機能があるので、早速これを見ていこうと思います。
えー、一旦ここまでで質問とかないでしょうか？
大丈夫ですかね？はい、ありがとうございます。では早速入っていきましょう。
あっ、ちなみになんですけど、私、あの画像だけ入れておきました。
このサイト投稿。固定ページは作ってないんですけど、ちょっと面白い画像があったらいいかなと思ってあの画像だけ入れま。
したさて、まず最初に見ていきたいのは、これ。私もすごく嬉しいんですけど、カバーブロックの機能が、良くなりましたカバーブロックえ？
メディアライブラリーから一つ適当に選びます。
横。向きの画像がいいかな。はい、選択はいでえー、まず何がされたかというと、画像のオーバーレイが。
かかるんですね。あのカバーブロックにはなんかこう色味のあの幕がかかる初期設定になっていてもちろんこのオーバーレイは自分でいろいろ変えることもできるんですけど気づいていただきたいのはも
し僕がもう一つここにカバーブロックを入れた場合どうしましょう？
なんかこれに横向き。これいってみますか？じゃん。このカバーレイ。
の色味、ちょっと待ってください。別な別の音にしましょう。
メディアライブラリを開くんでどうかなこれだったらどうかな？
はい、何が言いたいかというと、このオーバーレイの色です。
上の方が茶色なんですけど、下がピンクになりました。
これ何をしているかというと、その画像の色味を自動判定して、それに合ったあのオーバーレイを足してくれてるんですなので私下がさっき茶色だった。
のも画像を入れ替えると自動的にあのこの画像に合ってるオーバーレイの色にをつけてくれます。デザイナーじゃない方からす。
ると自動で一番良さそうな色を選んでくれるので、かなり嬉しいです。
もっと嬉しい新機能として、ええあ、スペクト比の設定ができるようになりました。
これは、モバイルデザインをするときに非常に嬉しいです。
ちょっとどういうことかというと、今まではカバー画像の最初の高さしか設定できなかったんですね、なのでこれを例えば400ピクセルとかにするとデスクトップ用の画面でもカバーは400ピクセルモバイ
ルでもカバーの高さは400ピクセル。デスクトップでもモバイルでも高さが一緒っていうのはデザイン的に変になっちゃです。
ねちょっとなかなか言えないんですけど、これがアスペクト比を設定できるので、たとえ？
ばえまあワイド。はい、今カバー画像がこうなったのが見えますけど。
えー、これデスクトップパンですね。これをモバイルにしてもちゃんとワイドのままカバー画像が表示されるようになっ。
たんです。下は今アスペクト比を設定してないので、同じ高さのピクセル値を保存してるんですね。
デスクトップにすると画像が綺麗に全体が見えていいんですけど、モバイルにすると高さを保存するために横をトリミングさ。
れちゃう。これが従来のカマブロックでした。今回からこのアスペクト比の設定ができたので上の画像のようにデス。
クトップでもモバイルでも同じ比率の。カバー画像が使えるということになったのでこれは私は非常に嬉しい。
です。いろいろアスペクト比もあるので、あのモバイルでもデスクトップでも正方形が欲しいとかこういったことができます。
はいいえいえ、せっかくページエディターにいるので、今回もう一つ新しく追加された機能としてどのブロッ。
クも名前の変更が可能になりました。なので、今これリストビューを開いて点三つをクリックして下の方に名前を変更というのができました最近はグループブロックの名前の変更はできたんです。
けど、今回の6.5からすべてのブロックの名前の変更が可能です。
これは。なので、テーマデザインとかしてる時にはだいぶ便利かなと思います。
例えばこちらはトップ見出しというブロックにして、例えばこっちは。
コンテンツ一とか今ブロックが二つしかないのでなんか大したことないんですけれど、もど、んどんど、んど、んこのリストビューのブロックが増えていった時にあのこれど、のリストだったかなとかど、の画像だったか
なっていうのが自分で見分けがつきやすくなりました。
例えば、カバーブロックの中に別のブロックを入れてみましょう。
ここに、例えば、イメージのえーなんか適当に入れて、例えばその下にええーあとに追加例えばここにテキストを追加ちょっと見にくいですねテキストを視力しますかはいっでえーこの今上のカバーブロック名前変えたんです
けど中のブロックも名前を変更することができます。
もう本当にページの中のどのブロックも名前の変更が可能でした。
全部変えていくと、それもまた大変な作業なので、自分のニーズに合わせて要所要所だけを変えるといいかなと思います話し手二はいえーど、んど、ん進みますけど、何かの質問があったらぜひ教えてくださいよ
しイメージちょっといくつか画像を足して次の機能としてですね。
ええ、もう一個ぐらい入れますか？ここにヘッダーとかでもいいか？
これはデータです。はい、次に紹介するのとして、このドランクドロップするときの使い勝手が良くなりました今まではリストビューとかで画像を動かすと青い線が出たんですね。
で青い線の場所を見ながら移動してたんですけど、今後は見てください。
もうこのオブジェクトがリストの中を移動しているのでこのクリックを外したらここに落ちる。
んだなっていうのがだいぶ見やすくなりました。今これカバーブロックの中だなぁとかこれは外だなぁ。
とかこういう中で外とかですねあの今までの青い線だとなかなか見にくかったんですけど、これがもっと直感的。
にいろいろあの編集できるようになったのでうれしいと私は思っています。
メインの方がまだ青い線ですね。メインの方は青い線なんですけど、左のリストビューだとオブジェクトが。
移動が見えます。
コレコレはい。さて、次の機能として画像などに影をつけることができるようになりました結構あの何でしょうそのワードペース以外の世界だと影をつけるって普通だと思ですけ。
ど、ワードベースなかなかできなかったんですね。自分でC。S。
S。を書いて影をつけるとかしなきゃい。けなかったんですが、今回から影をつけることができますどこかというと画像を選択して右のスタイルからアクセント影っていうのがあるので影オフにすると影の種類がいく
つか。あります。まあ、これをまだちょっと自分で微調整することはできないんですけど、とりあえずこうやってデフォルトで用意されている影をつけることができるようになりましたこれ嬉しいですね。
多分。まあ、今後のあの公開。まあリリースでこの影を自分で調整するということも可能になってくる。
んじゃないかなと思います。画像だけじゃないです。他につけられるものとして、カバーブロックもつけれるんじゃないかなカバー。
カバーじゃなかったカバーじゃなくてボタンですね。
ボタンにも影をつけることができるようになりました。
うーん、ボタンをタン一ボタンに。コレコレさんはい、こういう感じでボタンがあったときにスタイルに行き。
親ブロックじゃダメですか？これ。古ブロックをクリックすると。
あります。影の設定が出てきます。
なんかあと一歩って感じだな。ボタン一個にだけ影つけるってことはあんまないと思うので親ブロックにできたら良かったんですけ？
どまあとりあえずここで影の設定ができます。あとはあれですね。
あのサイトエディターの方からグローバルにボタンには必ず影をつけるみたいな設定をすれば、あの全てのボタンに影がつきま、すね、ちょっと後でそちらのやり方も見てみましょうとりあえずボタンにもつきま
す。あとは。ですね。カラムブロックにも。
つくんですか？カラム二個適当に何でしょう？段落にしますか？
これは段落です。
そしてカラム二番。
これも段落です。です。でカラムにしたいるに影ができたので、これ影をつけるとどうなるんでしょうドロップシャドウのポイント。
なるほど、ちょっとこうしますか？
こういうことなんですね。なるほど。なるほど、一個一個のカラムじゃなくて、これ全体が四角くなるとなるほどじゃあ例えばこれ背景をちょっと白くするとちょっとこれの方がいいですかねあのー。
よいしょちょっと浮き上がった感じが出てきました。
金具。こっちの中のカラムは影は。
中もつけれるを。
なんかのカラムに灰色をつけて。
ちょっとこれ、デザイン的にどうかは別として、こうしてグレーにしてよし、どうだ？
へえなんかなんか不思議ですね。けど、あのこの影機能が追加されたので、いろいろ皆さんも試してみてくださいグリープブロックにもつくらしいのでぜひ見てみてください。
さて、えーとですね、もう一つライトボックスっていうのがありました。
これ画像なんですけれども。えー。6.3くらいだったかな？
6.3から6.4に。ここら辺にライトボックス機能があったんですね。
それがこっちにクリックで拡大という左のメニューに変わりました。
これこのクリックで拡大っていう設定が今まではスタイルの中に画像ブロックのスタイルの中にあったんです。
けど、その場所が変わって画像のリンク設定の中にクリックで拡大が入りました。
まあそうですよね。リンクした時の動作なので、リンクメニューに入っていいかなという感じですあのご存知ない方のためにこれがどういう機能かというと。
えっと、今これですね。この画像をクリックしたときに全画面表示になるというのがこのライトボックス効果なんですね特にこれモバイル用のサイトとか便利ですなんか小さい画像を全画面で表示して小さく見
えるようにするっていう意味で使われると思ですけど、この設定の場所がリンク設定に入ったので注意が必要です。
はい。でリンクの話をしているので、もう一つ新機能が出ました。
この文の中のリンクが、その文字たちです。はい。なんか適当にリンクを。
うー今日のミートアップからこの文字たちです。ここにリンクを貼りました。
ええー。どうでしょう？ちょっと戻りましょう。この文字たちですね。
リンクを押して、ここにURLを貼ってエ。ンター。をします。
で、今まではエンターを押すとこのポップアップが消えたんです。
で改めて、例えば新しいタブで開くっていう設定をしたかった時には、えーと、リンクを貼った後にポップアップが消えるのでもう一回リンク設定を開いてそして新しいタブで開くっていうのを探しに行かなきゃい
けなかったんですね。これがえリンクを押したときにリンクを貼った時にポップアップが表示されたままになりましたあのすごく細かい点なんですけど私個人的には結構煩わしかったので新しくなって嬉しい
です。もう一回やりますけど、今これリンクを貼ろうと思ってこのリンクボタンを押してポップアップを出しました。
でリンクを貼ります。今これをエンターを押さないと反映されないんですけど、今まではエンターを押す。
とこれが消えたんです。今回はエンターを押すとこれが残るのでここで新しいタブで開くとかノンフォローマークとかまあこういう設定がえーそのままできるまクリックが一個二個減ったってだけなんです
けど、リンクをよく編集する。特に僕も新しいタブで開くっていうのはつけたりつけないかって結構考えているんでいちいちこれが消えないというのはかなり嬉しいことです。
コレコレはいえーと、ちょっと今話してきた内容をマークするので、他に皆さん質問とかあればぜひこのタイミングで教えてくだ。
さい。これは話した。
これで三分の一くらいです。私の用意した内容三宅さんもリンクのポップアップの改善嬉しいです。
あわかりますか？このあれ煩わしかったんですよ。なんで消えるんだっていつも思ってたんであのハートをつけている人いますけどやっぱわかる人はわかる嬉しい改善点です。
おとりさんも地味に面倒でしたよね。って、はい、この。
ページエディターの中で紹介できる機能。あとちょっとだけなので、それを紹介した後ワードペースの別の部分にサイトエディターの方に移動したいと思います。
他に今回できたこととして、グループブロックの背景の設定、そしていろんな編集ができるようになりました例えば、ですね。
ローハン。日本へと。
感じにしなくてもいいのにとかですね。ええー、これもまた適当な文章です。
いえ、なんだろう。はい、何をしたかったかというと、これからこの四つをグループ化し、ます選択してグループ化でグループの背景がえ？
ーと背景画像の設定ができます。なので、今までこうやってグループしたものの、背景を設定しよ。
うと思ったら、カバーブロックを多分作ってカバー力の中にこのブロックたちを移動するっていう流れだったんですけど今回からはもうこのグループに直接背景画像を設定することができますはいっこういう
感じです。ちょっとあのなんですか？あの。
なんだろう。カバーの方がオーバーレイとかもあって、もうちょっと見やすいんですけれどもえーとですねこれのはいそれのあこれの焦点っていうかサイズかな出てきた出てきた今これ背景画像を設定した後
に点三つを押してサイズっていうのを押すと、これカバー画像で見覚えのあるような設定が出てきましたでこの焦点を自分で移動して決めることができますなのでちょっとお話を見せたいっていう時にはこれ移動でき
ます。なんか多分最初どこだったんだろう？ここら辺でした。
なんかずれてたので、これを調整することができます。
そしてえ、ここのサイズ三つ設定があります。カバーはスペースを均等に覆います。
コンテインだと。コンテインだと、このグループの中に写真が収まるようにします。
そして固定だと。
固定幅を設定してください。
で幅を設定してください。どういうことだ？200。をなにこれなんか。
なんかちょっと一昔前の一昔というか、二昔前ぐらいのサイトの背景みたいになっちゃってま、す。
けどあえー。なるほど。こういう設定ができるんですね。
例えば300にして繰り返しを取ると。
なるほど、画像の幅を設定できるということですね。
これはちょっと皆さんぜひ試してみてください。
色々。なんか、私は自分のサイトの応用はちょっとすぐには分からないんですけど、こうやってグルー。
プの背景に画像をセットして、ええー、その背景の背景画像の設定も色々変えれるということができるようになりました。
話し手二。はい、それからナビゲーションブロック。ナビゲーションブロック。
ナビゲーション。今は昔はワードフェイスメニューをカスタマイズの中で作ってたんですけど今はナビゲーションブロックで作るようになりましたこのナビゲーションブロックにどんなブロックも追加するこ
とができます。はい、今まではナビゲーションブロックに足せるブロックの種類っていうのは限定されてたんですけど今回からは何でも好きなブロックを足すことができます多分ナビゲーションブロックに
ブロックを足すってことは普通の人は少ないのでプラスを押すとリンクを追加というのがデフォルトです。ね。
なので、ここに。例えば、えー実行会とか言って自己紹介というページがないので、下書きページの作成ご紹介。リンクを作る。
こ自己紹介ページも作っちゃう。ただリンクの代わりにブロックを追加っていうのも可能で例えばこれ検索。
ですね。今までナビゲーションブロックに検査を足すことができなかったんですよ。
なので、あの携帯のメニューとかになった時に、結構そのポップアップの中にメニューのポップアップの中に検索を入れ、たい。
って方いると思ですけど、ちょっとそれができなかったんですね。
それが今回はナビゲーションの中に。えー、こういう検索とかブロックを入れられるようになりましたあとはなんだろうソーシャルアイコンももうここに入れちゃうとかですねえワードプレイスのアイコン
とか、自分のいろんなもっと自分のいろんなソーシャルのアイコン。
あとなんでしょうね。確認。例えば。
こういうのを全部ナビゲーションメニューの中に入れることができます。
うーん、ちょっとこう見てみましょう。どういう感じか？
これをえー、新しいタブでプレビューすると。
ちょっと公開したいな。
間違いない。
固定ページ。よいしょはい。あきましたね。ここで。
なるほど。なるほど。今私ナビゲーション。を編集したら上もこれ編集されましたね。
ここにもナビゲーションブロック入ってるんですけど、上のメニューと連携しているので上にもアイコンとかがたささりましたでこれをモバイルビューにするとどういう感じかというと。
いいやよし、これを押すと、この中にメニューもあるし、検索もあるし、ソーシャルアイコンもあるしあのようやくちょっとモダンなあのモバイルメニューにな。
ってきたかなという感じですこのナビゲーションブロックにいろんな他のブロックを足せるっていうのは大きい改善だと思います。
で。えっとちょっとですね。あの、このジェイミーさんの動画を別の動画を見ていただくとここにメガメニューの作り方みたいなのを紹介してます。
多分ワードプレイスの公式ブログにも出たんですけれども、ナビゲーション努力の中にどんなブロックでも足す。
ことができるようになったので、例えばその上にナビゲーションがあって、それをポチッと押すと下にもっと大きいナビゲーションがポップアップされてメニューが選べるなんかこう見せられるかな。
多分この辺で紹介してたと思ですけど、ここかな？
どこだ？
いやちょっとすぐには出ないですね。ごめんなさい。
これ準備不足ですが、そういった大きいメガメニューと言われるものをちょっとだけ流しますけど。
コレコレ。はい、っ。皆さん画像見えてますかね？例えばこれボタンを押した時にここに画像ブロックの横にカテゴリーみたいなのがあってさ。
らに文字の説明があってこういった複雑なメニューもこれ全部コアのブロックだけで作成しています今までこういうのを作ろうと思ったらプラグインが必要だったんですけどえっとコアのブロックだけでこういった
複雑なメニューも作ることができるようになりましたので、ナビゲーションメニューは今後どんどんどんどん面白いものが出てくるんじゃないかなと思いますはいことりさんもメガメニューできるのとても嬉しいありがとうござい
ます。
さて、えー。このページエディターはだいたいこのあたりで次サイトエニターの方に行こうと思います。
サイトエディターですね。外観ですね。エディター。はい、こちらもいろいろ新機能が新機能という考えの洗練された内容になりました川沿いさんもメガメニュー作れるのす。
ごいです。はい、今までこれちょっと面倒でしたんで嬉しいですね。
さて、まずパターンに行きましょう。で、えーと、パターンには同期パターンと非同期パターンというのがあって今回もともと6.5でその部分的同期パターンみたいなのが公開される予定でしたつまりあのそ
の主なブロック。そのパターンの内容は一緒なんだけど、一回ページとかにつけた後その画像とか文字とかだけは変えることができるレイアウトは変えられないけど文字とかの内容だけは変えれるよっなんか部
分同期パターンみたいなのができるはず。だったんですが、ちょっと間に合わなかったので6.5から省かれましたなので6.6に期待したいと思います。
今回取り上げたいのは。このパターンの画面が一新されたんです。
パターンを選ぶ画面が綺麗になってきました。今まではなんかこう黒っぽい感じでなんだろうまぁちょっと使いにくかったんですけどなんかこう新しい綺麗な感じになってます例えばえーもともとあるパターン
を複製してその複製したパターンを自分で編集するということもできますし、これロックかかってるのはえっとテーマのパターンだからですね。
テーマが提供するパターンは変更できないんだけれども、これをもとに自分で新しいパターンを作り複製をすることができますあとはえー検索もかけられます例えば何だろう今のパターンがそんなにないんです
けど、例えばコールっていう文字が名前に入っているパターンをここで検索をしたりできますこのテーマ40のパターンがあるのでまあの独自のテーマをあの作られる方もいろん。
なパターンを作った時にこの検索機能があるといいかなと思います。
あとは同期非同期のステータスで絞り込むということもできます。
それからこちらの右上の設定を押すと、並べ替えできます。
し。あとフィールドそれからですね。ページあたりの項目数例えば、これを。
これは変わんないのかな？まあの、こういうちょっと並べ替えとかそのパターンの探しやすくなったようになってます。
それからですね。パターンカテゴリー化されているんですけど、このカテゴリーの編集ができるようになりましたこれだったかなテキストというのをしてあれ違うなぁ。
うーん。
パターンの過程に。
これどこでどこでやるんだ？
それじゃなかったかテンプレートのカテゴリーか、もしかしてそんなことはないなパターンのカテゴリーが編集。
名前を変えるとかできたはずなんですけどもしかしたらこれ6.5から省かれたんですかねちょっとちょっとなんか消えてますねこれ並べ替えフィールド違うな違いますね。
じゃあこれはちょっとなくなったのかもしれない。
6.5から排除されたのかもしれない。残念。えーと、もう一つ。
じゃあ今パターン見てましたがテンプレートテンプレートも新しくなりました。
で例えば、いえばこれ。テープレート管理かな？はい、これ今従来の見え方ですね。
テンプレート一覧。このテーマに入っているテンプレート一覧が出ていて、例えば、その編集を加えたらここにその誰かが編集をしたっていう名前がここについたりしますただ。
この一覧って実際にテンプレートの内容が見えないので、今回からこのグリッド表示っていうのができましたレイアウトをテーブルからグリッドに変えるとテンプレートもパターンのようにビジュアルに見ることが
できるようになりました。だから、どのテンプレートを使いたいかなっていうのも選びやすくなっています猫ちゃんもフィルターを追加ってあるので例えば誰々さんが作ったテンプレートに絞ってその中から選
ぶそのテーマだけじゃなくてテーマが用意したフィルターテーマが用意したテンプレートだ。
けじゃなくて、自分が編集したテンプレートを検索したいとか。
えー、そういうこともできるようになってます。
え。はいなんか出るかな？出ないですね。何で検索したらいいんだろう？
イメージとか、これもここの文字列で検索をしているんですけど、こういうことができましたはいテンプレート一覧もそうです。
しテンプレートパーツ。も同じようにグリッド表示ができます。
テンプレート。
テンプレートのええーと。
これの。
戻って。
パターンがいいのかな？これのテンプレートパーツです。
テンプレート。パーツは紛らわしいですね。テンプレートの中じゃなくて、パターンの中にありますパターンの中のテンプレートパーツも今まではこの名前と誰が作ったかみたいな情報しか出てなかったのがビジュアル
にこう見えるようになったので、選んだり編集したりしやすくなっています。
はい。
ちょっとこの辺りの説明わかったでしょうか？何か質問とか。
あればぜひ教えてください。大丈夫ですかね？
そうかしても。
話し手二。はい、それからですね。
えーっと続いてなんですが。
はい小問さんありがとうございます。さて、スタイルの編集を見ていきましょう。
えっと、今どこまできたかというと、ちょっとダッシュボードに戻りますが。
がいかん。テーマではなくごめんなさい。外観エディターですね。
のスタイルでこの鉛筆を押すと、サイド全体のスタイルを変えることができます。
さっき、例えば、そのボタン一個一個に影をつけていくのが面倒くさいからグローバルスタイルで設定できるといいね。
という話をしたんですが、それをやるのもここです。
このスタイルの中のブロックっていうのを押していただくと、ここにボタンがあるのでここで例えば影を選んでもう全部のボタンにデフォルトで影をつけたいみたいなことをやって今ここにもつきました
がこれでサイト全体のボタンにデフォルトで影がつくようになります。
例えば、これを変えた時に、今このブログフォームっていうテンプレートが出てるんですけど、他のページではどう見えるのかな。
っていうのは、このスタイルブックというボタンをクリックすると見ることができます。
ここにこのサイトにあるコアのブロックが全部出てるんですけれども、たとえば画像画像の影です。
ね。影はどうなるかなっていうのがこのスタイルブックに見えます。
ここに影がついてます。はいでえー、あとはグローバルスタイルいろいろ変更できるんですけどえ今回新しく入ったのがタイポグラフィーですタイプグラフィー今までは自分のテーマが提供していないフォント
をサイトに導入するときには、プラグインとか、あと自分でコーディングをして、えっとそのフォントを導入しなきゃいけなかったんです。
が6.5からコアのワードプレイスだけで外部フォントを入れることが可能になりますで今タイポグラフィーというのを押すと、これもともとテーマが用意。
しているポントです。これを押すと、この右上の設定を押すと、ここでご自身のフォントをアップロードすることが可能になりますそしてもう一つフォントをインストールって押すとこれはグーグルフォントに
接続してグーグルフォンと。最近はそのヨーロッパとかのその個人情報ですか？
えーとの関係でグーグルからその時その時読み込むんじゃなくて、自分のサイトにダウンロードしてサイトからフォントを配信するようにしましょうという動きがあるのでこちらフォントインストールを押す
とグーグルフォンツにアクセスしてグーグルフォントを自分のサイトにダウンロードし、て使えるよう。
になるという機能も追加されています。なので、ライブラリーには一旦インストールされたフォントが。
全部出てきます。新しいフォントは、フォントアップロードで挙げられます。
いろんな形式がサポートされています。そして、フォントインストールっていうのはグーグルフォントにアクセスを許可すればグーグルフォントから自分のサイトにフォントを入れてそれをサイトから配信するこ
とが可能になります。はい、石田さんもグーグルフォンとプラグイン抜きで使えるのありがたいです。
そうです。もうプラグインがいらないコアが提供する機能になります。
はいでえー、だいたいぴったりぐらいですね。あとちょびっとお伝え、お見せしたいものがありますえー例えばですねスタイル一なちょっとこのグレーなスタイルは嫌なんでミントに変えよ。
うとかえー、あとはですね、何を変えようかな。例えばブロックの文字が全部巨大にしたいとか色々変えたとしますでこの変更の履歴が保存されて行くんです。
で今保存したんですけれども、ここにリビジョンというのがあります。
リビジョンを押すと、ここが新しくなったんですが、何が変更されたかというのが箇条書きで紹介されているんです。
なので、今僕デフォルトから保存したんですけど、何を保存したかタイポグラフィーのスタイルナビゲーションプルコート引用サイトの態度段落部キャプション要素こういうものを変更したとなりますけどやっ
ぱりそうだな。こっちがいいかなと思って。これに変えたとします。
けど、やっぱりまた後日変えたいなと思ってこっちに保存したとします。
これでえ。履歴ビジョンを見てみると、これ今僕三回保存したんですね。
でクリックすると、それぞれの。にあの何が変わったか右に出ます。
社内でもプレビューが出てるんです。この状態に戻ったらこう見えますよ。
この状態に戻ったらこう見えますよっていうのが表示されてます。
でこれを。例えば今スタイルブックをつけたんですけど、伝えるブックでリビジョンを見ながらどれにしようかなと決めたりもできるんですこのリビジョンがだいぶ使いやすくなりましたサイトエディター。
コレコレはい。そして最後もう一点だけお見せするとしたら、これはサイト上ではないんですけれど、もえ、っとちょっとこちらのグーグルあごめんなさいギットハブ一種皆さんにもリンクを共有しますが今回。
の6.5のパフォーマンスそのサイトパフォーマンスがどう改善するか調査してくださった方がいます。
でえー。タイピング。まあその八。投稿。
エリタサイト、エディターそれぞれでえー、なんと五倍の速さになったと今日私もいろいろいじっていて皆さんあのサクサク進んでる感じがちょっとわかりましたかね。
あの結構今までサイトにいたもたつくときがあったんですね。
ブロックの読み込みとか、そもそもエディターの読み込みが遅かったりするんですけど今回僕もやっぱ使っていてあのサクサクし。てるな。
ぁという感じがあります。ブロックを読み込むとき、これも。
ですね。えっと読み込み、今まで七秒かかってたのが三秒八秒片手なんか三秒とかパターンの読み込みも62%改善された。
という感じで、えっと、本当に使ってても、まあ数字だけ見るとパッとしないかもしれないですけど使っててもサクサク動くようになったなと感じる今回の6.5の更新です。
はい。だいぶ早口でたくさんのことを紹介したんですけれども、いかがでしたか？
あと数分あるので、もし皆さん質問とかもう一回ちょっとこれやってみてください。みたいなのがあったらあのお見せしようと思ですけどいかがでしょうか。
はい、どうぞ。
なんか聞こえてないです。太井さん。
お待ちしている間にテキネさんも使いやすくなってますね。
とあとえっと、エラーさんがこれですね。あのX。にポストしてました。
この八。これですね。さっき見せたパフォーマンスの向上を流していたようです。
私もポチッと来航しておきます。はい。
鳥井さん、もう一回言ってみますか？他の方も質問があればチャットでもいいですし。
音声でもいいですし。
今日は十人参加してくださってます。今までの。僕のワークショップで一番参加人数が多いので皆さんありがとうございます。
あの、そうですね。一年半やってますけれども、こうやって人数が増えてきていることも本当に嬉しいことです。
土曜日の朝、皆さんお休みなのに参加してくださってありがとうございます。
まあ、鳥さん二人目入室されました。他のデバイスから聞こえます。
はい。はいはい。
ごめん、聞こえます。すみません。あの、別のパソコンから入り直しました。
はい。はい。
はい。はいはい。
話し手二はい。
すいません。あの、この間、香川のミートアップに参加させていただいて、この6.5の勉強だったんですけど、ドロップシャドウができるようになっているでドロップシャドウってことはあの等価画像だったらピ
ングとかで十日画像だったらその中身をなぞって影がついてくれるんですかね？
はい。
って言ってマーチュさんがあの見てくださったソース見てくださったんですけど、ドックシャドウと書いてあったんだけど、えっとコードはボックスシャドウだったっていう。
ああ。なるほど。なるほど。
なので、ピングなぞって影はつかないみたいですね。
はい。はいはい。
はい。はい。
っていうお話だったんですけどで、まぁちょっと用意してくださってた画像が透過画像はなかったのでその時には実演を見れなかったんですでやってみますって言ってまだやってみてないんでもしできそうだった
ら見せていただけたらなと思って。
あああーそうですね。無料十日がんぞ。
すみません。ご無理をします。
これでいえいえ、やってみましょう。あれですね。ちょっと待ってください。
話し手一。はい、ありがとうございます。
怖いのに直けて行って。えー、例えばなわって入れて、これをベクターにしてこういうのですねちょっとこれやってみますかこれをえーとダウンロードダウンロード。
よしよし。
あなんか背景青くしちゃってますね。やってみましょう。
これをこうして。
そうですね。ありがとうございます。
でこれですね。これを。えーと、これで影をして影をしてドロップシャドウをでもこういうのにやるとああやっぱ違いますねはいはいあのこのバラの形で影ができるのかと思いきやもう外をなぞっただけって
いう感じですね。公開してもやっぱりそうなのかな？
っていうページを表示。
やっぱそんな感じでしたはい、ありがとうございます。
はい、ありがとうございます。
では時間になりましたので、ここまでにしたいと思います。
盛りだくさん。6.5話題になってた共同執筆ですか共同編集に関するちょっとあの新機能はまだないので私もいつかいつかとこう待っているんですけどまあのブロックエリーターサイトエディターがか
な磨かれてきたかなという感じです。はい、では、今日はそこまでにしたいと思います。
皆さんお集まりいただきありがとうございました。
また次回もどうぞご参加ください。では、今日はここまでにします。
ありがとうございました。