Search
NT 490 特價中
課程已於 2021 年 6 月更新
學習 PHP、JavaScript、WordPress 主題和 WP REST API 來創建自訂且可互動的 WordPress 網站
從這 36 小時的課程，你會學到
✅ 為什使用 WordPress 建立任何你夢想的網站的關鍵是程式碼
✅ 能夠編寫 PHP 來操縱 WordPress 網站的資料
✅ 能夠編寫 JavaScript 來為 WordPress 網站添加即時互動功能
✅ 如何為“Gutenberg”區塊編輯器編寫自己新自訂的區塊類型
✅ 擁有作為 WordPress 開發人員的專業技能、知識和詞彙
https://softnshare.com/become-a-wordpress-developer-php-javascript/
【如何打造適合你的一頁網】
～分享自 行銷人
～屏東 臺東 澎湖一頁網課程招生中
一頁網的用途很廣，可以視你的情況或角色來建置，為品牌形象大加分。
👉創業者：使用一頁式佈景主題
針對自有品牌的產品或是服務，善用模組套板來完成圖文內容，不僅省下時間，也能盡快投入行銷與曝光。如果想做出差異化，只要注意間距、邊界的留白等，就能輕鬆完成美觀的版面。
👉設計師：使用區塊/頁面編輯器
如果不熟悉程式碼的使用，可以利用區塊編輯器與頁面編輯器，將自己的設計構思付諸實現，雖然一定的學習門檻，但彈性空間大，掌握好訣竅，也能快速完成獨一無二的一頁網。
👉工程師：使用初始佈景主題
如果一頁網是針對不懂工程的業者開發，並未來要由對方自主營運，可以藉由 WordPress 的架構與後端功能，能建構更豐富的圖文內容，甚至後續進行更新修正，更為方便！
你是屬於哪一種呢？快來跟著東東澎數位機會中心的講師，一起來製作屬於起自己品牌的一頁導購網吧！
⚠一頁網初階班報名網址：https://forms.gle/6xHVrJUQpeK7HMZ98
⚠建置一頁網的優缺分析：
https://www.marketersgo.com/trend/202102/one-page-website/
--------
📍範例：枋山DOC_楓港伯勞鳥的進擊！
http://ks-kisa.com/ptftp/fs/index.html
枋山DOC依歷年來各個面向成果，歷史人文、特色產業等，匯集數位成果，如數魚苗、木炭窯，還有打造伯勞鳥樂園的歷程，也融入老人家的口述記錄，從中可窺見楓港社區如何透過數位蛻變，而社區居民也在互動當中，實作與體驗何謂「數位典藏」。
--------
📍一頁導購網成果︰
湖西DOC 湖西時光迴廊- http://ks-kisa.com/ttftp/huchi/hu014.html
七美DOC 七美海豐民宿(示範)- http://ks-kisa.com/ttftp/chi/index.html
車城DOC四重溪溫泉米- http://ks-kisa.com/twftp/co/index.html
新埤DOC可可丘工坊- http://ks-kisa.com/ptftp/cocochiu/index.html
牡丹DOC來去東源住一晚- http://ebook.aeweb.com.tw/app/ptdoc/DungYuan/Travel.html
枋山DOC楓港景點- http://ks-kisa.com/ptftp/fstrip/bilo.html
卑南DOC樂山野菜香草園- http://ebook.aeweb.com.tw/app/result/LeShan/introduction.html
成功DOC成功群聚- http://ebook.aeweb.com.tw/app/ttdoc/ckec/index.html
北源DOC源來有果園-http://ebook.aeweb.com.tw/app/result/Orchard/index.html
--------
教育部屏東縣數位機會中心
祝台東 - 臺東DOC
澎湖縣數位機會中心
#DOC數位機會中心
#城鄉交流數位應用
--------
更多職人 : http://expert.chineseink.com.tw/client/default.aspx
--------
Doc年貨大街
http://docmall.doctw.com/index.php
知名內容管理系統（CMS）WordPress釋出最新5.5版，改進運作速度、搜尋以及安全性，更新區塊編輯器，並強化無障礙功能
WordPress 3.9 版以上， TinyMCE 編輯器支援圖片拖曳到編輯區塊上傳。
阿腸網頁設計工作室： https://achang.tw
香腸炒魷魚： https://sofree.cc
WordPress架站百寶箱： https://wpbox.tips
Block Editor（區塊編輯器）無須要安裝如果您使用WordPress 5.0 版本或之後較 ... 區塊編輯器被歸類在Core files（核心文件）裡，這個隨著官方WordPress. ... <看更多>
wordpress區塊編輯器 在 [ WP ] 文章撰寫請使用區塊編輯器- 看板Blog 的推薦與評價
本來在相關 WordPress 社團中看到有人用 Elementor 寫文章就覺得膽戰心驚，沒想到居
然連 WordPress 小聚都遇到用 Elementor( 第三方頁面編輯器 ) 寫文章的人，從網路解
釋到實體，解釋到心累，乾脆寫一篇專文解釋下為甚麼「不要用 Elementor ( 第三方頁面
編輯器 ) 來寫文章」，為了你的文章好，請愛用區塊編輯器ORZ
好讀圖文版：https://wp.me/parT3e-4cm
這邊要先註明下此篇文章雖然是講 Elementor，但 Elementor 只是眾多第三方頁面編輯
器其中之一，同時屬於第三方頁面編輯器的有 Beaver Builder、Divi Builder、Fusion
Builder等，只是 Elementor 是現在最主流也是最多人不小心誤用拿來寫文章的第三方頁
面編輯器，故方才挑它出來講。
文章是文章，頁面是頁面
首先我們要先來釐清甚麼是文章跟頁面的差異，很多人對於頁面跟文章的搞不清楚，看後
台介面都是一樣，就覺得這兩者都是一樣的，於是把第三方頁面編輯器拿來寫文章就變得
理所當然。
文章與頁面，這兩者雖然本質上都是在展示內容，但其目的跟功能完全是不一樣的，只要
分清楚兩者的差異後，就不會覺得拿第三方頁面編輯器來寫文章是件理所當然的事情了，
了解後你之後覺得這件事非常的驚悚。
文章的英文是 Post，頁面英文是 Page，舉例來說頁面就像百貨公司的櫥窗，而文章就是
百貨的櫃位，櫥窗只有少數，而櫃位可以無數；櫥窗的重點就是展示這一季重要產品及品
牌形象，櫃位的重點是銷售產品；櫥窗可以一年換個五六次都算還好，單一櫃位更換就是
個大事，若是全店櫃位都要更換，那間百貨也可以暫時關門不用營業了。
頁面的重點就在於展示該網站希望讓訪客進來就立刻知道的資訊，如同櫥窗一般是形象與
資訊是重點，並因應不同頁面的需求而有不同版面配置，因此整體設計很重要，版面排版
配置上就會遠比文章來得複雜，而早期 WordPress 所使用的TinyMCE/Classic Editor/傳
統編輯器架構對於較為複雜的編排配置，有先天性的困難，才會衍伸出第三方頁面編輯器
來協助幫忙達到想要的版面編排牌方式。
而文章如同百貨櫃位一樣，商品才是重點，而文章的重點就是內容，原則上文章只有文字
跟圖片，頂多文章比較長在加上影片、目錄、註解之類的，不太需要幫文章弄到甚麼版面
配置，更不會有甚麼按鈕、表格填寫之類的特殊元件需要安插在內，配置方面以全站統一
的格式為主，不含側邊資訊欄位就是單一欄位。
因此文章跟頁面雖然在後台的編輯器都一樣，但是目的跟功能不一樣，名稱也就不一樣，
所以頁面才會需要使用第三方頁面編輯器的輔助，而文章並不需要。
用 Elementor 寫文章的痛點是
理解完文章跟頁面的區別，大家應該可以了解第三方頁面編輯器之所以叫頁面編輯器，就
是因為它是為頁面服務，而 Elementor 從一開始就是為頁面服務的，而不是文章，因此
將它挪用來寫文章就會發生很多問題，這些問題的產生就只能怪站長/設計師的基本概念
不清所導致。
使用 Elementor 撰寫文章的最主要的問題是，第三方頁面編輯器對主機的資源需求本來
就比區塊編輯器還要大，只要開啟就會額外增加主機負擔，頁面頂多才數十頁，感覺不會
明顯，而文章遠遠不止數十篇，等上百篇文章都用 Elementor 撰寫，若不硬生生拖累網
站速度，也只能說你家主機規格夠高，才能沒感覺。
同時 Elementor了內嵌很多 div，以圖片來說，區塊編輯器只有一層 div，而
Elementor 則是有多層的 div，不知不覺就整體架構就龐大起來了，整體架構龐大了，自
然就拖累了網站速度，於是又增加了消耗了主機資源，形成了主機的負擔。
之前大家不推用 Elementor 寫文章另一個原因是，當你未來想更換其他編輯器時，把
Elementor 換掉之後，網站前端會多很多莫名其妙的程式碼，而這些程式碼還只能手動清
除。
不過撰寫這篇文章時，特別去實驗了下，發現 WordPress 5.5 版本的在撤掉 Elementor
後，前端頂多排版稍微跑掉，沒有像之前出現莫名的程式碼。
雖然還是要手動處理，但遠比之前好多了，不過若是有上百篇文章要這樣一一處理重新整
理編排時，當中的辛苦，只要經歷過一次，就不會想要有第二次的機會了，想當初改過上
百篇文章的辛酸，當中辛苦真得是硬是咬著牙熬過去。
用 Elementor 寫文章是有前提的
但也不是不可用 Elementor 寫文章，要用 Elementor 寫文章的話，那其性質有點類似百
貨公司的臨時櫃，講究的是時效跟目的性的，例如像是團購文、課程招募文之類的。
使用 Elementor 可以做出比較炫目的效果達到吸睛目的文章，也比較容易達到想要的效
果，相對這類型文章過超過時間後的沒多少人會去看，意義也不大，影響到網站效能就直
接刪除即可的前提下，用 Elementor 寫文章也無不可。
文章請愛用區塊編輯器
綜合上述內容後，可以歸納出 3 點為什麼不要用頁面編輯器寫文章的原因：
1.文章與頁面的目的與功能不同，各司其位，各就其職，誰也別搶誰的飯碗
2.大量用 Elementor 撰寫的文章會增加主機資源的消耗，拖累網站速度
3.使用第三方頁面編輯器撰寫文章，之後撤換，文章會需要重新編輯，數量一多會想死
因為以上幾點原因，加上文章保存永久性，還是極力大建議，撰寫文章請愛用區塊編輯器
，區塊編輯器是官方核心內建的功能，以目前來看是未來很長一段時間的主流，這點可在
WordPress 5.0 後的幾次升級重點都是在區塊編輯器看出，足以可見官方在這方面的重視
。
同時使用區塊編輯器不僅在頁面載入速度上相對於第三方頁面編輯器快很多，之後在搬家
時也只需要將其直接匯出即可，單純簡單很多。
我永遠記得前輩跟我說的一句話[使用區塊編輯器就不用擔心內容不見]，因為謹記這句話
，當我差點被 Elementor 編輯文章教學文給迷走時，才能緊急拉回理智，避開了更大的
災禍。
且不管未來如何發展，相較於非官方的第三方頁面編輯器，至少核心內建的區塊編輯器，
在後續的維修與安全性比起第三方頁面編輯器實在高太多了，跟著官方走，煩惱少憂愁。
區塊編輯器不是 Gutenberg( 古騰堡 )
這邊要來補充說明下的是，很多人容易弄混淆的區塊編輯器跟 Gutenberg( 古騰堡 )，它
們常常被認為是同樣的東西，雖然兩者都是要編輯內容，但兩者還是不一樣的，區塊編輯
器是 WordPress 核心程式內建的，是當你採用 WordPress 5.0以上版本 建站完畢就會擁
有，不需要另外去下載來使用。
而 Gutenberg( 古騰堡 ) 是官方推出的區塊編輯器的先期實驗版本，需要另外去下載使
用，官方有任何想放在區塊編輯器內的新功能都會在放在 Gutenberg( 古騰堡 ) 中，待
新功能完善後就會在之後升級時一併放進去區塊編輯器內。
不過官方也有說明他們不建議在網站中使用 Gutenberg( 古騰堡 ) 未整併進區塊編輯器
內的新區塊，畢竟官方也沒法保證新區塊未來一定會併進去，雖然機率不高，也就是說在
區塊編輯器中不會有任何區塊被消失掉，而 Gutenberg( 古騰堡 ) 有這個機會，這也是
兩這間最明顯的差異所在。
最後總結，區塊編輯器是 WordPress 核心程式內建的功能，Gutenberg( 古騰堡 ) 是官
方推出的實驗版外掛，兩者可謂是本同末異。
以上文章部分內容是總結自 WordPress 正體中文社團各位前輩在不同社團中的勸世留言
，之前有將其收藏起來，趁此機會將其統合，希望不要在有人將在把第三方頁面編輯器拿
來寫文章了。
不管是 Elementor 還是其他第三方頁面編輯器，選擇哪一種都是站長/設計師的設計規劃
，無所謂好或不好，只是別拿來寫文章，每篇文章都是絞盡腦汁才生出來，想要好好保護
它，請愛用區塊編輯器。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 111.184.245.75 (臺灣)
※ 文章網址: https://www.ptt.cc/bbs/Blog/M.1609228158.A.EFC.html
... <看更多>