【大阪】Kansai WordPress Meetup@大阪『サイトの作り方 3種おさらい&祝☆誕生20周年』
ブロックテーマでどう変わる?新しいWordPressのWebサイト制作2023/05/27 つぶ(佐敷 亮太)Kansai WordPress Meetup@大阪『サイトの作り方 3種おさらい&祝☆誕生20周年』
View Slide
㊗WordPress 20周年おめでとうございます🎉
SA式sashikiTB式tbshikiつぶ式つぶ昔書いていたブログの名前が「SA式」2016年に始めたブログが「TB式」TB式は呼びにくいと「つぶ」になりました好きなWordPressのバージョンは5.2です。つぶ佐敷 亮太りょうたさしきリユースとWeb制作とECとバックオフィス効率化とデザイン思考とラーメンが好き
ブロックエディターを使ったことがある人ー?
ブロックテーマを使ったことがある人ー?
ブロックエディターとはブロックテーマとはブロックエディター・ブロックテーマでメリットがありそうな人
ブロックエディターとは2018年12月6日にリリースされたWordPress 5.0 “Bebo” から搭載された新しいエディターです
ブロックエディターとはブロックを積み重ねるようにしてコンテンツをつくっていくエディターエディターとフロントエンド(公開側)のデザインが(ほぼ)一緒
ブロックエディターとはブロックで作ったレイアウトを使い回すことができる「再利用ブロック」が最高Post Snippetsなどのスニペット系プラグインがいらなくなるかも
ブロックで作ったレイアウトを使い回すことができる「再利用ブロック」が最高Post Snippetsなどのスニペット系プラグインがいらなくなるかもブロックエディターとは
ブロックエディターとは
ショートコードを作ることが減ったショートコードで囲むことがめちゃくちゃ減った[hogehoge] ……… [/hogehoge]みたいなやつカスタムフィールドは使われなくなるって言われてたけど結構使うブロックでレイアウトを作ってショートコードでカスタムフィールドを呼び出すなんてことができるので最高ブロックエディターとは
ブロックエディターとはクラシックブロックがあるのでクラシックエディターから移行しやすいここはブロックでレイアウトして、ここはクラシックブロックを入れるみたいなことができるTwitterやYouTubeなどはURL貼るだけで埋め込みができるからクラシックエディターだけを使うよりも効率があがるかも
ブロックエディターとはクラシックブロックがあるからクラシックエディターから移行がしやすいここはブロックでレイアウトして、ここはクラシックブロックを入れるみたいなことができるTwitterとかYouTubeとかURL貼るだけで埋め込みができるからクラシックエディターだけを使うよりも効率があがるかも
ブロックエディターとはブロックエディターでもHTML編集できるんです!
ブロックエディターとは2021年7月20日リリースの WordPress 5.8 からウィジェットもブロックでレイアウトできるようになりました
ブロックエディターとは有能!クエリーループブロック特定のカテゴリやタグ、選択した固定ページのみを呼び出すことが可能にアイキャッチやカテゴリ、投稿日なども自由に設定可能今人気!ブロックパターンを使うとポチポチするだけでページができあがるhttps://ja.wordpress.org/patterns/ブロックパターンディレクトリからコピペで実装可能!
ブロックエディターとは突然!好きなブロック3選
左右で分割カラムブロック簡単に横並びレイアウト可能レスポンシブレイアウトもおまかせ
背景を操れカバーブロック シングルページやLPで大活躍
なんでもまとめろグループブロックまとめてフォントサイズやフォントウェイトを変更可能縦並び横並びもお手の物
ブロックエディターとはブロックエディターを使ったことがないという方に朗報!環境構築不要で今すぐブロックエディターを触ることができますhttps://wordpress.org/gutenberg/
ブロックテーマとは2022年1月25日にリリースされたWordPress 5.9 “Joséphine Baker” に搭載されたFull site editing(フルサイト編集)の主な機能の一つFSE対応テーマ ≒ ブロックテーマ?🤔
ブロックテーマとはブロックエディターの機能がコンテンツ以外のレイアウトにも対応したテーマヘッダーやフッター、アーカイブページ、404ページまで全てブロックで構築できるのが特徴
ブロックテーマとはということは?どういうこと?
ブロックテーマとはつまりどういうこと?
ブロックテーマとはテーマのレイアウトにしばられることがなくなったメニューやウィジェット、カスタマイザーなどにしばられることがなくなったコンテンツ部分以外のカスタマイズの自由度があがった細かなレイアウトまでノーコードで構築できるようになった
出典 : https://ja.wordpress.org/team/handbook/theme-development/basics/template-hierarchy/
出典 : https://ja.wordpress.org/team/handbook/theme-development/basics/template-hierarchy/→フロントエンドからの呼び出しテーマ作成の優先順位←
導入のハードルは少し高い全ページのレイアウトを確認する手間がかかるWordPressのページ階層の知識やHTML・CSSの知識があるといいなブロックテーマとは
導入のハードルは少し高い全ページのレイアウトを確認する手間がかかるWordPressのページ階層の知識やHTML・CSSの知識があるといいなブロックテーマとは自由すぎる不自由\(^o^)/
ブロックテーマとは子テーマなどでテーマテンプレートの上書きをしている環境テーマのアップデートでレイアウトが崩れるかもしれないから修正対応かもと不安になっていたのがなくなった🙌テスト環境でテンプレートを作成・変更・検証したものを本番環境の子テーマを上書きしてアップデートみたいなことができなくなった😿
ブロックテーマとは突然!国産ブロックテーマ3選
unitoneSnow Monkey開発者のキタジマさんが開発Every Layoutにインスパイアされたレイアウト用のブロックが用意されている素敵すぎるブロックテーマまだメディアクエリ使ってんの?
X-T9Lightningを開発している株式会社ベクトル製のブロックテーマ国産ビジネス向けテーマの始祖ならではの安定性Lightningの次の主力テーマですって
Cormorantオレインデザイン代表のオレインさんが開発Cormorantを日本語にすると鵜らしいです岐阜の長良川では鵜飼が有名とのこと鵜飼のシーズンは5~10月
ブロックテーマとはブロックテーマの可能性を一番感じるところ
ブロックテーマとはヘッダー・フッター・メニュー・ウィジェットの中でロール(権限)で出し分けができることログインしているユーザーに別のナビゲーションメニューを表示させるなんてことが可能になります
ブロックエディター・ブロックテーマでメリットがありそうな人タイトルの新しいWordPressのWebサイト制作ってなんやねん😡
ブロックエディター・ブロックテーマでメリットがありそうな人「オリジナルテーマ制作」から「ブロックテーマで構築」に 置き換わります
ブロックエディター・ブロックテーマでメリットがありそうな人エディターとフロント側のレイアウトの差が減ったレイアウト(パーツ)の使いまわしがしやすくなったコードを書く必要が無いので制作のハードルが下がるテンプレートも管理画面で編集可能
ブロックエディター・ブロックテーマでメリットがありそうな人is 誰
ブロックエディター・ブロックテーマでメリットがありそうな人デザインは得意だけどコーディングが苦手さん紙・UI / UX・プロダクトデザイナーヘッダーやフッターまで自由にレイアウトできるので鬼に金棒
ブロックエディター・ブロックテーマでメリットがありそうな人コーディングは得意だけどプログラミングが苦手さんコーダーブロックの使い回しやロールやPC/スマホなどの条件による出し分けができるのでキャンバスに自由にお絵かきしてください
ブロックエディター・ブロックテーマでメリットがありそうな人エンジニアリングは得意だけどデザインが苦手さんエンジニアテーマがもつCSSが綺麗に装飾してくれますデザインに対しての苦手意識はとんでいけ~
ブロックエディター・ブロックテーマでメリットがありそうな人is みんな
ブロックエディター・ブロックテーマでメリットがありそうな人ブロックテーマを試したい方に朗報!環境構築不要で今すぐブロックテーマを触ることができます(Twenty Twenty-Three , Skatepark , Pendant etc...)https://developer.wordpress.org/playground/demo/
ブロックエディター・ブロックテーマでメリットがありそうな人ブロックテーマを使ったサイト制作とっても楽しいのでしてみませんか?