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
450
使用 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
360
使用 Gutenberg 和 ACF Block 重新建置網站
ucheng
0
170
使用 ManageWP 來管理網站
ucheng
0
330
提升你的古騰堡編輯體驗 - EditorsKit 介紹
ucheng
0
250
使用 ProjectHuddle 來管理客戶需求和回饋
ucheng
3
350
網站客製化、除錯的好幫手 - Chrome Developer Tools 基本介紹
ucheng
0
950
基本網站安全防護
ucheng
1
110
使用 Admin Menu Editor 打造簡單易用的後台
ucheng
0
170
如何正確備份與搬移網站資料(使用 Duplicator 與 WP Migrate DB Pro)
ucheng
1
230
Other Decks in Programming
See All in Programming
テスターからテストエンジニアへ ~新米テストエンジニアが歩んだ9ヶ月振り返り~
non0113
2
220
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
ivargrimstad
0
270
DMMを支える決済基盤の技術的負債にどう立ち向かうか / Addressing Technical Debt in Payment Infrastructure
yoshiyoshifujii
4
410
20250708_JAWS_opscdk
takuyay0ne
2
130
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
2
21k
The Niche of CDK Grant オブジェクトって何者?/the-niche-of-cdk-what-isgrant-object
hassaku63
1
620
Android 16KBページサイズ対応をはじめからていねいに
mine2424
0
450
『自分のデータだけ見せたい!』を叶える──Laravel × Casbin で複雑権限をスッキリ解きほぐす 25 分
akitotsukahara
2
660
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
goyoki
5
1.1k
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
agatan
1
470
[SRE NEXT] 複雑なシステムにおけるUser Journey SLOの導入
yakenji
0
150
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
470
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Fireside Chat
paigeccino
37
3.5k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
47
9.6k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Adopting Sorbet at Scale
ufuk
77
9.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
A better future with KSS
kneath
238
17k
Making Projects Easy
brettharned
116
6.3k
How to Ace a Technical Interview
jacobian
278
23k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
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