Cloudways主機如何一鍵升級？
2023-02-07
尚無留言
前言
在Cloudways下的主機，都可以一鍵升級至下一個方案，當你網站規模變大、流量變高，就可能會有一日需要把主機規格做一個提升。
實作
1、切換至Server
2、選擇適當的規格方案
按下去後，靜等幾分鐘就完成了。
導讀(備份還原搬家)
2023-02-06
尚無留言
導讀
不管是要還原或搬家，都先須有「備份檔」，所以一開始要先了解整個網站要如何、在哪裡建立備份檔。
| 種類 | 說明 | 備註 |
|---|---|---|
| (1)備份還原 | 可分成主機端與網站端都可做，但每日的備份建議由主機端做即可，請租用具有免費每日自動備份的主機商為佳。(有些主機商的每日備份須另付費) | |
| (2)搬家還原 | 可分成主機端與網站端都可做，有些主機商的主機有提供點對點搬家的功能，若主機商沒有提供點對點搬家的功能，就須從「網站端」靠外掛來做搬家。 搬家還原→一般都是從「網站端」做比較方便。 | 有些客戶因網站要改版，需求上可能會是「局部搬家」，這個就比較有難度，有時候可能要數種外掛相互搭配或進階其它方式處理。 |
建議
每日的備份 : 由主機端來做，網站端實沒必要安裝每日自動備份的外掛來做排程備份(個人覺得浪費耗能)，因假如網站出現大問題而進不去網站後台，就算你網站內有每日備份檔，也無法進的去網站後台來做「還原」，假如網站出現大問題而進不去網站後台但主機後台的登入一樣不受影響，我們可以進入主機端，把網站還原至昨日就讓網站恢復正常了。
搬家後還原 : 先看主機端有沒有提供點對點對傳，若沒有則在網站端安裝適當的外掛來處理，有關「網站端的點對點搬家」，可參考此篇。
[外掛]一鍵全站備份搬家與還原-All in One WP Migration
2023-02-05
尚無留言
免費版外掛一律免下載直接從網站後台搜尋安裝。
外掛資訊
- 【外掛名稱】 : All in One WP Migration
- 【費用】: 免費版
- 【基本介紹】: 點此
- 【簡介】: 一鍵完成網站打包匯出、本地端備份。付費的可開啟更多功能。
說明
這種備份還原外掛，都是在「網站端」做。
免費版的僅提供「手動備份、手動打包、手動還原」，不過對一般純是為了做網站搬家的需求，已經非常夠用了。
打包匯出並無檔案大小的上限，而在新站要匯入來還原時才有上限60MB的限制，但官方有另提供可以擴展匯入上限至512M的擴充小插件。
05_Elementor編輯區面板介紹
2023-02-05
尚無留言
前言
編輯區的面板是比較重點的地方，請了解後先「實作」看看，上課或看教學時，方能快速點到想點的功能。
一、進入編輯區
1、先從”頁面”原始編輯區進入
因為Elementor最最最常用來設計頁面區的頁面，所以我們的第一次進入編輯器就先從「頁面」開始 。
因還沒按照我們預先規劃的選單架構來設計網頁，所以你可以先暫時隨意開立一新頁面，以此進入Elementor編輯區來認識一下編輯區的面板，如下圖。
當初建立新頁面時，此時我們是在WordPress內建的「區塊編輯器」介面，當點③使用Elementor才是進入「Elementor編輯器」的介面，不過要了解到一點，就是內建的「區塊編輯器」與「Elementor編輯器」只能二選一來用，如果已用Elementor編輯器做好的內容，硬要轉回區塊編輯器的介面來編輯，則在Elementor編輯器所設計的內容都會造成異常或部分消失。
點合③後即立即進入「所見即所得」編輯區，可能會很高興很興奮就開始拖拉元素了，先別急，請先聽從指示把面板摸熟吧!
※不過用Elementor可以單獨製作「小版型」來另存一名稱之後，每個「小版型」都有它的「短代碼」也可以在區塊編輯中插入來呈現效果，例如製作每篇文章一起共用的「簽名檔」。(後面另提)
2、先學怎麼「回去後台」
如下圖。
出去後，記得再來進一次，還沒講完…
二、編輯區面板介紹
1、上方選項
| 回後台 | 左上角主要就是回到一般的WordPress網站後台、修改記錄還原(可以在還沒關閉此頁前，都可以按照上面的時間點來還原之前修改的內容)。 |
| 元素工具區 | 展開所有可用元素工具。 |
| 網站設定(全局) | 常用到的是預先設定全局的主要顏色，其它選項較少用且進階可先略過。 |
| 結構 | 即元素導覽器，當內容區已置入過多元素時，可以用此工具來找想要的修改的元素的所在位置。 |
| 筆記 | 當頁進行設計時，可在某區域或元素留下備註(訪客不會看見)。 |
| 設定 |
用來關閉頁面設計標題、頁面佈局、當頁預設背景、當頁加入css語法。 用來選擇「基本佈局」，有畫布、全寬、沿用主題佈局(Theme)。 |
| 響應式調整 | 調整不同裝置的元素尺寸。 |
| 預覽 | 預覽畫面。 |
| 發佈或更新 | 把網頁存檔並公開。 |
| 儲存草稿 | 網頁先存檔但不公開。 |
| 另存範本 | 這裡指的是「全頁」存成一個版型。 另在右側製作的內容中，也可以僅把「部分區塊內容」另存成小版型就好。 這裡的運用，指的是→這裡。 |
以上，都請在畫面上點點看。
2、下方面板
下方面板主要是內容的設計區。
下方面板的元素工具的拖用方式 :
- 可直接把左側元素工具直接拖至右側下方虛線框處。
- 若已有點①而產生空白區塊容器，可直接把左側元素工具拖至區塊容器裡面。
我們常聽到的「切版」，就是運用①的新增區塊容器Container，並把容器做內外層的比例劃分或容器中再置入小容器，而將網頁劃出大小不同的區塊。
預設版型:即②處，申請一個Elementor官方免費帳號，即可套入它所內建的單篇範本，不過這又會回到套版的老路，我們要學習的是如何自己客製化設計網頁，它的單篇範本你可用來參考與研究如何做出的就好。
04_Elementor後台面板介紹
2023-02-05
尚無留言
前言
Elementor後台面版請先大致了解一下常用的即可。
分成二大區
安裝Elementor後，後台會多出二大區，即「Elementor」與「範本」這兩區，
如下圖的功能選項，有許多是很少用到的。
這邊僅提常用到的部分 :
| 名稱 | 說明 | 備註 |
|---|---|---|
| Submissions | Elementor表單送出後的備查區。 | |
| 取得幫助 | Elementor官方的教學文章區，全英文。 | |
| License | 若是已付費買完Pro，由此處與官方取得綁定網域，才能啟動Pro功能。 | |
| 已存版型 | 在設計過程中，覺得設計不錯的「小區塊」可以存成「小版型」來反覆使用。每個「小版型」都有它的「短代碼」也可以在『原生的區塊編輯器』中插入來呈現效果，例如製作每篇文章都一起用的「簽名檔」。 | 免費版功能。 |
| Popups | 彈跳視窗製作，應用範圍很廣，很多種變化。 | Pro版功能 |
| Theme Builder | 又稱”主題建構器”，是進階設計，專門用來設計「模版」與動態資料對應，計有header(頁首)、footer(頁尾)、archive(分類列表)、single post(單篇)模版模版。 新手不宜，後面再學。 |
Pro版功能 |
其它沒提到的部分，在後期陸續遇到不同情境時 ，再另在該情境中說明相關的設定。
03_安裝頁面編輯器
2023-02-03
2 則留言
前言
若僅要使用免費版的，請安裝免費版就好，而本站教學是預設你也已有付費Pro版的，因後面的進階教學文章有教學功能仍需使用到Pro版的。
安裝
| 【Elementor】 | 免費版 | 後台搜尋安裝 |
| 【Elementor Pro】 | 付費版 | 至Elementor官方後台下載後上傳安裝 |
| 【Elementor Pro 】 | 練習用之版本 | 下載 |
(1)Elementor免費版安裝
在後台搜尋「elementor」來安裝。
注意，接下來會有很多下一步的畫面出，請統統都先按「X」。
▼如下圖，可先暫先回到一般的後台。
(2)Elementor Pro版安裝
Pro版須先下載至本機電腦，再用上傳的方式來安裝。
▼完成畫面
Q&A
問 : 我在搜尋安裝Elementor時，發現有很多很多Elementor的相關延伸外掛，我都可以順便安裝嗎？
答 : 在新手階段暫不可以這樣做，整個介面會更混亂，不利學習。等整個Elementor都上手後再按照「客製需求」去尋找與安裝「適用」的Elementor擴充。
02_Elementor編輯器介紹
2023-02-03
尚無留言
前言
我們先了解一下這款編輯器的特色、還有免費與付費的差別。
Elementor編輯器介紹 :
1、為一WordPress外掛模組，分免費與付費兩種版本。
2、免費與付費版的差別 : 一般免費版就可以製作一般常見的網頁了，而有一些比較特別效果或動態資料功能才需要買付費版，例如「表單功能、文章列表功能、輪播功能、製作頁首頁尾功能…」等等要買付費版才能使用這些功能。
問 : 付費版的是一年要續約一次，俗稱「訂閱制」，但若沒再續會怎麼樣呢？
答 : 沒再續的話，用Pro付費版已製作完成的網頁並不會受影響，效果仍可正常運作喔!只是無法再使用Pro付費版的來製作新的網頁。
3、可對WordPress中任何型態的頁面或文章做任意切版，並拖拉內建60種以上元素工具(不定期改版時會新增新的工具)，也能整合其它帶有簡碼的外掛於於同一頁面，以呈現不同的設計效果而達成「頁面設計」的目的。(常用的元素工具僅20多個就我們設計網頁了)
4、主要用來製作客製各種單一頁面的需求，如首頁、銷售頁、活動頁、著陸頁(Landing Page)、形象網站等。
5、內建近75+以上單頁式版型可直接套用修改，但須先註冊會員並完成會員認證才能使用它的免費單頁版型。
概略用法
基本上，Elementor編輯器的介面很直覺，一般稍懂電腦的人，就可以看到介面就能自動領略怎樣「概略」使用它，也就是直接拖拉它的元素工具至網頁主內容區(body)中，馬上就有一定的畫面效果了。
但…
如果僅僅這麼簡單，我也不用編寫課程教學了，甚至還不少人花錢找我上課或外包找我設計網頁了!
Elementor編輯器的使用可深可淺，不過，初次使用的新手們，真的非常建議先拖拖拉拉這些面板上的元素工具來玩一玩，等玩出興趣了，或玩到發現瓶頸了再來看教學，就會進步的非常快，會有一種茅塞頓開的感覺!
如果你對設計網頁很有興趣，你學習網站的中後期的時間都會花在鑽研Elementor編輯器上面，而
不是四處找或買佈景主題的版型!
[細論]四種圖片輪播工具介紹與使用時機
2023-02-03
尚無留言
前言
Elementor有多種輪播工具可選用，但每一種有它的特性，在深入了解每個輪播工具的特點後再選用適當，以利我們在設計網頁時可以做出符合需求的效果。
說明
| 工具名稱 | 說明 | 使用時機 |
|---|---|---|
| 背景輪播 | 在任何一個區塊容器，其背景都可以設定成多張背景去輪播。(既然是背景，就可以在圖上加上自訂文字或其它元素) | 主要是輪播圖上需要加上文案或按鈕時，甚至加上小區塊中要再包含更多元素，即會選用此方式。 |
| 幻燈片 | 每則幻燈片由「圖+文字+按鈕」組成，然後實施輪播。 | 主要是輪播圖上需要加上文案或按鈕時，即會選用此方式。 |
| 媒體輪播 |
每個項目可以置入「圖」或「影片」，無法置入文字，然後實作圖或影片的輪播切換。 輪播有多個樣式可選。 |
最常使用時機是輪播元素中需有「影片」的情況，即可用此工具。 |
| 圖片轉盤 |
一次圈選多張圖片後，進行輪播。 圖片比例盡量一致，否則輪播時會有高度不一造成輪播版面忽高忽低的情況。 |
要求最佳響應式效果 : 非採背景方式置入圖片，故響應式效果最佳，圖片可維持原比例。 因其圖片是採一次圈選多張的方式，故可配合ACF動態欄位對應，讓業主免進入Elementor即可自由替換圖片。 |
在Elementor中，有些輪播工具，它的圖片是採「背景」方式置入，故在「響應式」效果時，有時候為了讓圖可以填滿整個區塊，會強制把圖「延展」至整個區塊的大小，故有時候圖片的邊邊有時會被遮住無法全貌呈現。
而「圖片轉盤」較特殊，它的輪播是用「插入圖片」的方式來置入圖片，故圖片會一直以原始比例置入，在不同裝置的響應式呈現時，仍會以原圖來呈現，故不會有延展而造成部分邊邊被遮住，但正因它沒有延展功能的特點，原圖在製作時需要盡量維持一樣的長高比例，不然在輪播時會造成版面忽高忽低，另，若把它設定一次呈現一張，也就是當成「大圖輪播」的話，其原圖的設計尺寸要盡量大一點，這樣才能填滿整個螢幕左右寬度，為何？因它沒有「延展圖片」的功能，會以原圖比例呈現。
