Togetter/min.tを安心してお使い頂くためのガイドラインを公開しました。
2018年4月22日

【WordBench 東京2018年4月】Webサイトの新しい作り方!ページビルダーツールを使った WordPress テーマの作り方 #wbtokyo

2018年4月20日(金)、TAM COWORKING TOKYO にて開催された WordBench 東京勉強会のまとめ。 https://wbtokyo.doorkeeper.jp/events/73055
4
megane9988 メガネ @megane9988

それぞれ一週間に25万ダウンロード以上あるそうです。多! #WBTokyo

2018-04-20 19:53:59
Tokyo WordPress Meetup @wb_tokyo

Elementor で言うと、ダウンロード数は WooCommerce には及ばないけど遠くない。Contact Form 7 には程遠い。WP Super Cache より全然多い。 #wbtokyo pic.twitter.com/LLyByOWAtu

2018-04-20 19:54:57
拡大
TAM @tam_koho

【WordBench東京】#taminc #wbtokyo 川端さん ページビルダー経済圏について。 コミュニティがたくさんあるよ。 pic.twitter.com/SdrTssPUEl

2018-04-20 19:55:11
拡大
拡大
拡大
Tokyo WordPress Meetup @wb_tokyo

Elementor コミュニティは分散型でたくさんコミュニティが立ってる。 SiteOrigin はコミュニティっぽくない。Divi は少数集中(中央集権)。気になったのがあったら Facebook で検索して覗いてみよう。 #wbtokyo pic.twitter.com/uciQuNyRZr

2018-04-20 19:56:52
拡大
TAM @tam_koho

【WordBench東京】#taminc #wbtokyo 川端さん 経済圏がなりたつためには…。 プラグインをつくるためのドキュメンテーションがあったり、コミュニティが活発だったり。開発しているひとと直接やりとりができるなど。 そんな環境でビルダーは進化しています。

2018-04-20 19:57:42
Tokyo WordPress Meetup @wb_tokyo

サードパーティプラグインの開発が活発なのも Elementor。ビジネスモデルとしては、オープンソースのコア版と、サイト単位のライセンスキーが必要なプロ版(年間$49) #wbtokyo

2018-04-20 19:59:55
Tokyo WordPress Meetup @wb_tokyo

公式ディレクトリでの、Elementor 対応テーマの人気比較。✨ 1️⃣ Hestia 2️⃣ OceanWP 3️⃣ Astra #wbtokyo pic.twitter.com/mGZyAnCsVG

2018-04-20 20:03:13
拡大
Tokyo WordPress Meetup @wb_tokyo

ページビルダー対応テーマはレイアウトの制御がメイン。コンテンツ側はビルダーで触る感じ。 #wbtokyo

2018-04-20 20:05:21
Tokyo WordPress Meetup @wb_tokyo

OceanWP テーマは拡張(プロ版)を年間サブスクリプションとして販売している。 #wbtokyo pic.twitter.com/dBSYUhHIRh

2018-04-20 20:06:19
拡大
megane9988 メガネ @megane9988

エレメンターはフリーミアムモデル。無料版が400万ダウンロード。プロ版の購入者比率が0.3%で考えても、かなり売り上げが上がってそう #wbtokyo

2018-04-20 20:07:57
Naoko Takano @naokomc

ページビルダーをとりまく経済圏の広がり、あまり他ではじっくり聞けない話で興味深い。 #wbtokyo twitter.com/tam_koho/statu…

2018-04-20 20:08:05
Tokyo WordPress Meetup @wb_tokyo

Launch Party Elementor Template デモ。ダウンロードサイトはこちら。launchparty.org/install-elemen… #wbtokyo

2018-04-20 20:11:19
megane9988 メガネ @megane9988

ググるキーワードは 「elementor template free」 #wbtokyo

2018-04-20 20:11:44
Tokyo WordPress Meetup @wb_tokyo

最後に自社サービス紹介。開発者が作った WP サイトをサービスとして販売するのを助ける ReadyShip。このサイトも Elementor で作成。 @readyshipco_jpn @readyshipco #wbtokyo pic.twitter.com/dCkqA4SLkp

2018-04-20 20:13:10
拡大
megane9988 メガネ @megane9988

今日のベンチは内容と聞きたい人のマッチングがいい感じで、聴衆者の集中力が素晴らしくて、もちろんセッションの内容も興味深くて。とてもいいですね。 #wbtokyo

2018-04-20 20:24:01
Tokyo WordPress Meetup @wb_tokyo

次は @kanakogi さんとお姉さんのページビルダーでの制作実演セッションです! #wbtokyo pic.twitter.com/GhZOVIUH7B

2018-04-20 20:24:03
拡大
拡大
Tokyo WordPress Meetup @wb_tokyo

熊本で、ホバークラフト製造会社から Web 事業に!弟が師匠! #wbtokyo pic.twitter.com/okUuRn7Qgk

2018-04-20 20:26:02
拡大
Tokyo WordPress Meetup @wb_tokyo

「姉は私が育てた」 中島さんは「カスタムフィールド製造業に属してます」 #wbtokyo pic.twitter.com/SihfBTmLPT

2018-04-20 20:27:06
拡大
megane9988 メガネ @megane9988

旦那さんの仕事のお手伝いでwebの仕事を始め、弟さんを師匠としてプログラムやデザインを学んだ中島さん姉弟のセッション。興味深いですね。仲よさそう! #wbtokyo

2018-04-20 20:27:11
megane9988 メガネ @megane9988

言われて始めて自分の仕事がwebアセンブラーだと知りました。私じゃん!的な。 #wbtokyo

2018-04-20 20:28:12
Mayo🚄アドレスホッパー @mayukojpn

初登場の中島良子さん!ペンギンさん @kanakogi と姉弟出演!もともと旦那様の会社でホバークラフトを作っていたが、弟に習って(!)ウェブ事業にチェンジ!コードの知識一切なしでサイト制作する方法教えます #wbtokyo pic.twitter.com/mO1FrbDzYE

2018-04-20 20:29:09
拡大
拡大
拡大
megane9988 メガネ @megane9988

htmlもcssも出来ません。と仰ったのに事例のサイトはデザインが素敵でかっこいい感じです。ビーバービルダー推しとのこと。 #wbtokyo

2018-04-20 20:29:55
きっくん @yusukexp

弟さんのプラグインにお世話になっております! #wbtokyo

2018-04-20 20:31:03
Tokyo WordPress Meetup @wb_tokyo

中島(姉)さんは Beaver Builder 推し! コードをまったく書かずに作った事例👉 san-aihotel.gr.jp #wbtokyo pic.twitter.com/HEuhbe021k

2018-04-20 20:31:44
拡大
拡大
megane9988 メガネ @megane9988

いまからライブでこの写真のようなサイトを一から作るデモが始まりました!これ大変よすごいことよ。 #wbtokyo pic.twitter.com/2CqgysL8E1

2018-04-20 20:32:26
拡大
拡大
Naoko Takano @naokomc

もっと多くのデザイナーさんがページビルダーを操れるようになるとすごいことになりそう。 #wbtokyo twitter.com/megane9988/sta…

2018-04-20 20:37:25
megane9988 メガネ @megane9988

はやくもヘッダーが出来上がりました、3列のモジュールの縦のセンター寄せもポチッで実現されたよ。されたよ。 #wbtokyo pic.twitter.com/tDFEvSXgMU

2018-04-20 20:38:15
拡大
megane9988 メガネ @megane9988

とかなんとか言ってる間に、メインビジュアルのスライダーが出来上がりました、たしかに、ポチポチしてるだけだわ。いい! #wbtokyo pic.twitter.com/dwLjfOp6hc

2018-04-20 20:40:10
拡大
megane9988 メガネ @megane9988

メインビジュアルのスライダーをコピーして、スライダーか、パララックスに変更。画像と、テキストを替えて次のセクションも出来ました!先に作ったのを使いまわすのいいですね。プロ感ある。 #wbtokyo pic.twitter.com/jbLGI9eayH

2018-04-20 20:42:04
拡大
Shota Nara @shbr216

初wordbench. Pagebuilderに感動してる #wbtokyo

2018-04-20 20:42:06
Mayo🚄アドレスホッパー @mayukojpn

鮮やか!コーダーさん探してこなくてもじゅうぶん個性をだしたサイトがつくれるじゃないか。 #wbtokyo twitter.com/megane9988/sta…

2018-04-20 20:43:34
megane9988 メガネ @megane9988

ビーバーのPower Packという有料の別モジュールのinfoboxが使いやすくて便利とのこと。 #wbtokyo

2018-04-20 20:43:44
Naoko Takano @naokomc

ひいき目なのを承知で言わせてもらうと、Elementor やら Beaver Builder ➕ WordPress.com ビジネスプランの組み合わせは、コード触ったことがない人の初めてのサイト作りにも安心してオススメできるかもしれない。 #wbtokyo

2018-04-20 20:44:46
megane9988 メガネ @megane9988

テキストセクションの左寄せ、中央寄せ。 背景の画像。リンクボタンの色、ラベル、リンク先、角丸、位置、大きさなどなど、ポチポチポチポチ! #wbtokyo

2018-04-20 20:46:11
Tokyo WordPress Meetup @wb_tokyo

約13分経過。ここでブロックをガッと3つコピペ!速い。 #wbtokyo pic.twitter.com/AI73RwaWpf

2018-04-20 20:48:04
拡大
megane9988 メガネ @megane9988

下部の三段も1つ作ったら、コピペ。そして、位置を変えるだけ! 地図も、もちろん地図モジュールがありますから、住所入力して高さ決めればok♬ #wbtokyo pic.twitter.com/BiDohz92eY

2018-04-20 20:49:13
拡大
拡大
TAM @tam_koho

【WordBench東京】#taminc #wbtokyo 姉ちゃんがんばった!!!

2018-04-20 20:49:49
megane9988 メガネ @megane9988

で、出来た!会場拍手喝采。拍手喝采。 #wbtokyo pic.twitter.com/jnJR5d4pGF

2018-04-20 20:50:06
拡大
nishiaki @nishiaki

これはあとでまとめて読まないとだ #wbtokyo

2018-04-20 20:52:22
Naoko Takano @naokomc

たくさん作ってコツをつかむと熟練 Web アセンブラーになれる、というのがわかるデモ。 #wbtokyo

2018-04-20 20:52:31
megane9988 メガネ @megane9988

全ページ作業必要? ビーバービルダーテーマなら共通パーツも作れます。 スマホ対応の調整は? 設定からデバイス幅毎のレイアウトや、カラム順も変更できます。 すごひ。すごひよ。 #wbtokyo

2018-04-20 20:53:37
Tokyo WordPress Meetup @wb_tokyo

会社として @BeaverBuilder を使うメリット。熊本地震の後、ホテルなどの営業情報を発信できず困ったが、ビルダーならクライアントやコードが書けないスタッフも更新できる。 #wbtokyo pic.twitter.com/hsH51t1v9Z

2018-04-20 20:55:18
拡大
Tokyo WordPress Meetup @wb_tokyo

データベースも含め、別のサイトを作るときにまるごと再利用が可能。他のプラグインの機能も取り込める。 #wbtokyo

2018-04-20 20:56:32
megane9988 メガネ @megane9988

他のプラグインは使えるの?もちろん使えます。 ショートコードなどであれば、モジュールに突っ込めば動きますよ。 #wbtokyo

2018-04-20 20:56:59
Tokyo WordPress Meetup @wb_tokyo

大切なポイントは、ビルダーのできる範囲のデザインに収めることと、モジュールをしっかり覚えること。 #wbtokyo pic.twitter.com/2VwCXcnksz

2018-04-20 20:57:32
拡大

コメント

コメントがまだありません。感想を最初に伝えてみませんか?