#4 WP ZoomUP ページビルダーとGutenbergを理解する!- 中島良子・真洋、北島卓

WordPress を使っている人、使いたい人たちが集まって、知識を共有したり質問をしたりするオンライン勉強会 WP ZoomUP の第4回にまつわる呟きを集めました。
0
くろゆき @webmemo777

#wpzoomup Beaver Builder コールアウト(プロ) 見出し テキスト ボタン のワンセットのレイアウトを設定しておいて繰り返し使える(のかな)

2018-11-14 21:48:42
くろゆき @webmemo777

#wpzoomup Beaver Builder カラムづくり。基本Bootstrapの考え方に似てる。rowがあっての分割

2018-11-14 21:50:20
くろゆき @webmemo777

#wpzoomup Beaver Builder とにかく完成までの所要時間が早い!!! 繰り返しのレイアウトなどXD並の操作感。

2018-11-14 21:52:23
くろゆき @webmemo777

#wpzoomup Beaver Builder Gmapも配置できる!

2018-11-14 21:54:01
くろゆき @webmemo777

#wpzoomup Beaver Builder スマホ版だけ順番を変更したいなどもできる。 pic.twitter.com/VZ1MvmYz3J

2018-11-14 21:56:12
拡大
くろゆき @webmemo777

#wpzoomup Beaver Builder ソースの公開。wixだとJavaScriptの塊みたいになるけど。 fl-で始まるクラスのdivで制御されている感じ。

2018-11-14 21:57:33
くろゆき @webmemo777

#wpzoomup Beaver Builder プロ版詳細。その上のホワイトレーベルもあり。Beaver Builder のロゴがなくなる。会社名のビルダー名で納品できる。プロ版との機能の差はない。

2018-11-14 22:00:11
くろゆき @webmemo777

#wpzoomup Beaver Builder SVGは使えますか?→ロゴとかに画像としてUPできる??WP的にできない。 HTML貼り付けプラグインを利用すると良いかも。

2018-11-14 22:01:40
くろゆき @webmemo777

#wpzoomup Beaver Builder パディング等の設定はpxのみ。

2018-11-14 22:04:06
くろゆき @webmemo777

#wpzoomup Beaver Builder 特定のページだけBeaver Builder で作成できる。 サイトのデフォ(header・footer)とかをWPで作成し、contentの部分からBeaver Builder 作成できる。

2018-11-14 22:04:41
くろゆき @webmemo777

#wpzoomup Zoomはリモートコントロール機能もあるんですね。便利。

2018-11-14 22:07:16
くろゆき @webmemo777

#wpzoomup Beaver Builder レイアウトはflex制御っぽい

2018-11-14 22:07:40
くろゆき @webmemo777

#wpzoomup Beaver Builder お客様側で編集できます。 編集可能・不可領域を設定できる。 リビジョンもあるので安心。

2018-11-14 22:11:52
WP ZoomUP @WPZoomUP

Beaver Builder お客さんに納品する際、触れる部分・触れない部分を設定できる。 リビジョン機能もある。 #wpzoomup

2018-11-14 22:12:11
くろゆき @webmemo777

#wpzoomup Beaver Builder headerfooterを共通化する方法ある?→ Beaver themer というプラグインでできる。テンプレート的に作れる。凝ったメニューはコーダーさんに頼んでそれを読み込む。

2018-11-14 22:15:46
くろゆき @webmemo777

#wpzoomup Beaver Builder デフォではGmapはiframeで置いてるので、ライセンス的にも大丈夫。 Ultimatebeaver.comでプラグイン購入して色々できる。

2018-11-14 22:17:44
くろゆき @webmemo777

#wpzoomup Beaver Builder プラグイン無効にしたら、完成品の見た目はどうなる??→素。CSSがすべて切れる。素。 プラグイン有効にしたらちゃんと戻ります。

2018-11-14 22:20:51
くろゆき @webmemo777

#wpzoomup Gutenberg  キタジマさん @inc2734 による解説が始まりました!!!

2018-11-14 22:22:44
WP ZoomUP @WPZoomUP

キタジマさんのGutenbergのお話始まりましたー!!! #wpzoomup

2018-11-14 22:23:12
Junko Nukaga @nukaga

Snow Monkey テーマ作者の北島さんによるGutenbergのブロック総ざらいデモ始まりましたー! #wpzoomup

2018-11-14 22:24:40
くろゆき @webmemo777

#wpzoomup Gutenberg  ブロックの色々を実践紹介してくださってますー Pタグだと背景色設定できる。 文字サイズも個々設定できる。色々。 pic.twitter.com/DOtQvBVmyR

2018-11-14 22:27:08
拡大
拡大
くろゆき @webmemo777

#wpzoomup Gutenberg  各ブロックに個別にCSSが追加できる。 pic.twitter.com/ibZACfoR0H

2018-11-14 22:28:31
拡大
くろゆき @webmemo777

#wpzoomup Gutenberg  ギャラリー設定 画像にリンクも貼れます。 pic.twitter.com/OzBYvCDXzh

2018-11-14 22:31:39
拡大
WP ZoomUP @WPZoomUP

Gutenberg "引用"のスタイルが2つある。「通常」と「大」 #wpzoomup

2018-11-14 22:33:17
くろゆき @webmemo777

#wpzoomup Gutenberg  引用 Gutenbergエディタ側だと左縦線できるのに、テーマ側をプレビューすると表示されない。テーマ側で設定が必要。 pic.twitter.com/xvRP9S2HaX

2018-11-14 22:33:31
拡大
拡大