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
480
使用 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
370
使用 Gutenberg 和 ACF Block 重新建置網站
ucheng
0
180
使用 ManageWP 來管理網站
ucheng
0
360
提升你的古騰堡編輯體驗 - EditorsKit 介紹
ucheng
0
260
使用 ProjectHuddle 來管理客戶需求和回饋
ucheng
3
360
網站客製化、除錯的好幫手 - Chrome Developer Tools 基本介紹
ucheng
0
970
基本網站安全防護
ucheng
1
120
使用 Admin Menu Editor 打造簡單易用的後台
ucheng
0
180
如何正確備份與搬移網站資料(使用 Duplicator 與 WP Migrate DB Pro)
ucheng
1
250
Other Decks in Programming
See All in Programming
After go func(): Goroutines Through a Beginner’s Eye
97vaibhav
0
360
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう! #FEC余熱NIGHT
izumin5210
3
500
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
yuhisatoxxx
3
980
止められない医療アプリ、そっと Swift 6 へ
medley
1
150
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
kaorumuta
2
520
CSC305 Lecture 03
javiergs
PRO
0
240
NetworkXとGNNで学ぶグラフデータ分析入門〜複雑な関係性を解き明かすPythonの力〜
mhrtech
3
1.2k
Cursorハンズオン実践!
eltociear
2
920
AI Coding Meetup #3 - 導入セッション / ai-coding-meetup-3
izumin5210
0
3k
CSC509 Lecture 05
javiergs
PRO
0
300
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
290
Software Architecture
hschwentner
6
2.3k
Featured
See All Featured
Balancing Empowerment & Direction
lara
4
680
GraphQLとの向き合い方2022年版
quramy
49
14k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Into the Great Unknown - MozCon
thekraken
40
2.1k
A designer walks into a library…
pauljervisheath
209
24k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Being A Developer After 40
akosma
91
590k
4 Signs Your Business is Dying
shpigford
185
22k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
900
Designing for Performance
lara
610
69k
Agile that works and the tools we love
rasmusluckow
331
21k
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