Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
使用 ACF Pro 打造客製化古騰堡區塊
Search
Yucheng Wang
February 17, 2019
Programming
1
410
使用 ACF Pro 打造客製化古騰堡區塊
製作一個古騰堡區塊並不容易,必須要了解react。透過 ACF Pro 可以讓你在不熟悉 react 的狀況下製作出客製化的古騰堡區塊。
Yucheng Wang
February 17, 2019
Tweet
Share
More Decks by Yucheng Wang
See All by Yucheng Wang
不會寫程式也可以 - 使用 Elementor + ACF 來客製化網站
ucheng
0
320
使用 Gutenberg 和 ACF Block 重新建置網站
ucheng
0
130
使用 ManageWP 來管理網站
ucheng
0
310
提升你的古騰堡編輯體驗 - EditorsKit 介紹
ucheng
0
220
使用 ProjectHuddle 來管理客戶需求和回饋
ucheng
3
330
網站客製化、除錯的好幫手 - Chrome Developer Tools 基本介紹
ucheng
0
920
基本網站安全防護
ucheng
1
92
使用 Admin Menu Editor 打造簡單易用的後台
ucheng
0
140
如何正確備份與搬移網站資料(使用 Duplicator 與 WP Migrate DB Pro)
ucheng
1
200
Other Decks in Programming
See All in Programming
テストケースの名前はどうつけるべきか?
orgachem
PRO
0
160
どうして手を動かすよりもチーム内のコードレビューを優先するべきなのか
okashoi
3
580
MCP with Cloudflare Workers
yusukebe
2
220
Cloudflare MCP ServerでClaude Desktop からWeb APIを構築
kutakutat
1
570
情報漏洩させないための設計
kubotak
4
820
ある日突然あなたが管理しているサーバーにDDoSが来たらどうなるでしょう?知ってるようで何も知らなかったDDoS攻撃と対策 #phpcon.2024
akase244
2
400
Go の GC の不得意な部分を克服したい
taiyow
3
840
「Chatwork」Android版アプリを 支える単体テストの現在
okuzawats
0
180
ブラウザ単体でmp4書き出すまで - muddy-web - 2024-12
yue4u
3
490
毎日13時間もかかるバッチ処理をたった3日で60%短縮するためにやったこと
sho_ssk_
1
350
Beyond ORM
77web
8
1.2k
命名をリントする
chiroruxx
1
450
Featured
See All Featured
Building Your Own Lightsaber
phodgson
103
6.1k
Become a Pro
speakerdeck
PRO
26
5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
520
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
910
Site-Speed That Sticks
csswizardry
2
190
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Typedesign – Prime Four
hannesfritz
40
2.4k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
Imperfection Machines: The Place of Print at Facebook
scottboms
266
13k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
The Cult of Friendly URLs
andyhume
78
6.1k
Transcript
使⽤用 ACF Pro 打造客 製化古騰堡區塊 WordPress Meetup Taichung #8
王昱程 Stanley @uchengwang PHP / Laravel / WordPress Developer WordPress
Meetup Taichung #8
⼤大綱 • 使⽤用內建的區塊製作出⾴頁⾯面 • 使⽤用⾃自製的區塊製作出⾴頁⾯面 • 如何製作 WordPress Meetup Taichung
#8
LEARN JAVASCRIPT, DEEPLY Matt Mullenweg, WordCamp US 2015 Creative Commons
Attribution 3.0 Unported
Learn JavaScript, Deeply Calypso • Mac App • Node +
React • Open Source WordPress Meetup Taichung #8
Learn JavaScript, Deeply Gutenberg • React WordPress Meetup Taichung #8
區塊(Block) WordPress Meetup Taichung #8
Third-party Block Library coblocks … WordPress Meetup Taichung #8
為什什麼要⾃自⼰己打造區塊? WordPress Meetup Taichung #8
為什什麼要⾃自⼰己打造區塊? 彈性 便便利利 客製化 提升編輯體驗 WordPress Meetup Taichung #8
範例例演⽰示 - 營業據點 WordPress Meetup Taichung #8
使⽤用內建的區塊製作營業據點資訊 分店照片(圖片) 分店名稱(標題) 分店資訊(段落落) WordPress Meetup Taichung #8
使⽤用內建的區塊製作分店資訊 1.需要重複加入不同的區塊來來完成所需的⾴頁⾯面內容 2.無法⾃自⾏行行控制樣板(html) 3.較繁瑣且較容易易出錯 WordPress Meetup Taichung #8
ACF(Advanced Custom Field)
什什麼是 ACF(Advanced Custom Field)? WordPress Meetup Taichung #8
什什麼是 ACF(Advanced Custom Field)? WordPress Meetup Taichung #8
什什麼是 ACF(Advanced Custom Field)?
ACF 5.8(beta)
客製化分店資訊區塊 - step 1 註冊區塊 WordPress Meetup Taichung #8
客製化分店資訊區塊 - step 2 設定 ACF 欄欄位 WordPress Meetup Taichung
#8
客製化分店資訊區塊 - step 3 設定顯⽰示樣板 WordPress Meetup Taichung #8
Thank You WordPress Meetup Taichung #8