ALL POST - 架站勤拿手

[Favicon]不同的頁面有自己的Favicon(網址icon)

2023-12-10 尚無留言

簡介

讓不同面都有不同的網址圖示(favicon)。

運用範圍

同一個網站中有不同客戶的「一頁式」的商家或服務介紹。

範例

無。

原理與思路

把想要個別控制網址圖示的頁面的id獲取後，個別對這些頁面做網址圖示的變動。

實作

每控制一個頁面，下面整段程式就要再複製一次來使用，例如有3個頁面要控制，下面程式碼就要複製3次，並對應id與替換不同的網址圖示的路徑。

				
					function custom_page_favicon() {
    $current_page_id = get_queried_object_id();

    // 如果目前頁面ID為6，則刪除預設Favicon連結並輸出指定的Favicon連結
    if ($current_page_id == 6) {
        remove_action('wp_head', 'wp_site_icon', 99);
        echo '<link rel="icon" href="https://bentpickle.s1-tastewp.com/wp-content/uploads/2023/11/ADZQbOx.png" sizes="32x32"/>';
    }
}
add_action('wp_head', 'custom_page_favicon');

總結

滿簡單的，可動手做做看。

遠振虛擬主機的小缺點或限制

2023-10-05 尚無留言

此文是列出我客戶用過遠振虛擬主機比較常發生的「共同性問題」或「限制」，不代表我不推薦遠振主機，若以台灣的主機商而言，遠振主機是很優的，只是列出這些是讓在租用主機時可以有一個衡量的點，如果以下缺點或限制是可以接受或在你的使用情況下不會遇上，那就沒什麼大問題，一樣可以申租遠振主機!

缺點1:備份空間的問題

遠振虛擬主機的每日備份是會佔去自己租用的空間的(我常用的Cloudways主機無此限制)，所以…

假設買的是入門方案，主機空間有20G, 當網站大小成長到700M時，又進行每日自動備份的話→700M*30=2100M(即21G),

這樣就會超出整個主機空間的總容量，網站就會無法再寫入資料且網站可能會運作異常，此時就要手動去刪備份檔或改成每三日才備份一次，這一點很常發生，也是一件很擾人的問題。

缺點2: 架第二個網站的限制

遠振的『WordPress專用主機』是『單一網域主機』，故同一台『WordPress專用主機』之下，如果不是使用同一個網域，想再架第二個使用不同網域的網站，則「無此功能」(我常用的Cloudways主機無此限制)。

也就是說假設我在遠振主機有架了一個網站並對應這個網域smallway.com.tw ，但若想再架二個網站雖是可以，但第2個網站無法對應不同的網域，只能對應由smallway.com.tw所切出的子網域(例如shop.smallway.com.tw)才能架第二個網站，這個就是遠振主機單一網域主機的限制。

缺點3:…

…

以上為目前看到的，有新的狀況時再補上…

申請教學 :

[申請]遠振WordPress專用主機的申請流程

如何讓woocommerce單一商品的圖庫可以左右滑動並有切換箭頭？

2023-10-04 尚無留言

前言

Woocommerce單一商品的圖庫，有些並沒有「左右切換」的箭頭，這是因不同的佈景主題而有所不同，不過可以透過一個方式來達成，就算是單一商品頁是用Elementor Pro的Single Product模版做的也是可以有相同效果。

如何讓woocommerce單一商品的圖庫可以左右滑動並有切換箭頭？-3

作法

1、安裝外掛

後台搜尋此免費外掛並安裝與啟用。

名稱 : Product Gallery Slider and Additional Variation Images Gallery for WooCommerce
org說明 : https://tw.wordpress.org/plugins/gallery-slider-for-woocommerce/

如何讓woocommerce單一商品的圖庫可以左右滑動並有切換箭頭？-1

2、設定數處

在「一般、畫廊」中做設定，主要要將大圖與小圖的左右導航箭頭都叫出來，詳情也可以參考下方的影片示範。

如何讓woocommerce單一商品的圖庫可以左右滑動並有切換箭頭？-2

3、影片示範

影片中的測試對象是佈景主題「Hello Elementor」。

WordPress免費測試站台(7日)-instawp.io

2023-10-04 尚無留言

前言

這也是另一個免費的WordPress測試用站台，你可以在裡面盡情測試外掛功能，而且每個站台的壽命有七日，我想應很夠你測試了。

使用方式

1、註冊

須先註冊一個免費帳號，只要用Email或社群登入即可註冊。

註冊網址 : https://app.instawp.io/register

2、創立測試網站

註冊成功後會自動登入下圖的介面，記得去收信，信中有驗證連結去驗證一下。

再來就可以如下圖②直接創立新的測試網站了，很簡單吧!

▼下圖有一些外掛可以先勾選，它就會在創立網站時幫你順便安裝進去，其實我們也可以不勾，等創立好後再安裝自己想要測試的外掛就行了。

3、創立成功畫面

可以建很多個臨時網站，每個網站的壽命有七日。

延伸外掛

此平台也有出一個外掛叫「InstaWP Connect – 一鍵建立 WordPress 預備環境及移轉」，主要是讓你主網站安裝好此外掛之後，可以一鍵把你的主網站複製到測試平台中，讓你在測試平台中做除錯、改版，也就是一種「副本網站」的概念。

不過此方式我比較不會用，因我常用的Cloudways主機本身就有「副本網站」(staging site)的功能了，而且更安全且沒有七日限制。

利用這種測試平台來創立副本網站，有時候等同整個網站內容被該平台複製一份，裡面若有客戶個資或機敏資料也有洩露的風險，故建議少用它的一鍵複製主站過去的功能，只要用來做一般的外掛測試就好。

[外掛]一鍵全站備份搬家與還原-Everest Backup

2023-10-03 尚無留言

外掛資訊

【外掛名稱】 : Everest Backup
【費用】: 免費版
【官方網址】: 點此
【簡介】: WordPress 雲端備份、遷移、復原和複製插件。
推薦指數 : ⭐⭐⭐⭐

說明

這種備份還原外掛，都是在「網站端」做。

免費版的不只提供「手動備份、手動打包、手動還原」，而且也提供「自動排程排份」與「備份存至Google雲端」，這真的很佛心。

支援點對點還原

Everest Backup 不僅限於備份和復原。它也是最好的 WordPress 網站遷移外掛。網站遷移就像複製和貼上一樣簡單。從來源網站產生並複製遷移金鑰，然後將此遷移金鑰貼到目標網站。只需單擊一下，即可完成網站遷移。

Google Drive 整合是免費版本

只需連接您的 Google Drive，並自動將連接的 Google Drive 中的所有備份檔案上傳到特定資料夾。所有備份檔案均透過您的 WordPress 儀表板進行管理。無需再登入您的 Google 雲端硬碟。

免費版是否有備份還原的檔案大小MB限制？

備份時無上限，還原時上傳的大小限制在1G。

Pro的特點

可以自動備份 Woocommerce 訂單。

【關鍵字工具】快速驗證Google Console與提交Sitemap

2023-10-02 尚無留言

「Google Console」對網站做SEO有很大的幫助，但有不少人常常驗證失敗，或不得其門而入，這邊介紹一下我一次就驗證成功的流程，並教導如何順便提交sitmap給Google。

提交sitmap給Google : 對一個全新網域的網站很重要，這樣才可能加速Google收錄你的網站。

【關鍵字工具】快速驗證Google Console與提交Sitemap-13

按照下方的流程，可以一次就驗證成功。

1、先至Google Console登入gmail帳號

網址: https://search.google.com/search-console/

2、新增資源

【關鍵字工具】快速驗證Google Console與提交Sitemap-1

3、貼上你的網站的網址

下圖請選右邊的「網址前置字元」的圖卡來貼上自己的網址。

【關鍵字工具】快速驗證Google Console與提交Sitemap-2

4、請點「HTML標記」的驗證方式

【關鍵字工具】快速驗證Google Console與提交Sitemap-3

用GA來當驗證方式

如果你已安裝過GA，也可以點上圖的第2項「使用你的Google Analyticd(分析)帳戶」，它讀到你已裝過GA的話，畫面會直接跳出驗證成功的訊息，即可直接往本文的第6步驟操作。

5、複製HTML標記驗證碼

【關鍵字工具】快速驗證Google Console與提交Sitemap-4

6、到WP網站後台加入HTML標記的驗證碼

後台搜尋安裝此外掛「Header Footer Code Manager」，安裝好後並啟用它。

ps:如果後台已有下圖左側「HFCM」的選項就不用再安裝此外掛。

如下圖，點新增程式碼片段，

【關鍵字工具】快速驗證Google Console與提交Sitemap-14

任意命名後，在下方程式碼區貼上後存檔。

【關鍵字工具】快速驗證Google Console與提交Sitemap-5

7、確認有存檔成功

點「全部程式碼片段」

【關鍵字工具】快速驗證Google Console與提交Sitemap-15

確定剛剛安裝的程式碼是「ON」的狀態，代表有安裝成功且啟用它了。

8、在Googole Console點下驗證

回到Google Console的頁面，點「驗證」。

【關鍵字工具】快速驗證Google Console與提交Sitemap-7

9、驗證成功

成功後點擊「前往資源」。

【關鍵字工具】快速驗證Google Console與提交Sitemap-8

10、取得Sitemap網址

WordPress網站預設的sitemap網址，一般是 : https://網域/sitemap.xml

為了保險起見，可以至seo外掛中查看，而由於每個人網站所用的seo外掛都不一樣，故取得Sitemap網址的方式可能也不一樣，這裡就以「All in one SEO」外掛來示範。

在WP後台的SEO外掛中取得Sitemap網址:

【關鍵字工具】快速驗證Google Console與提交Sitemap-9

【關鍵字工具】快速驗證Google Console與提交Sitemap-10

11、到Google console貼上sitemap網址

左邊點擊Sitemap後, 把剛剛複製的sitemap網址的後面 xxxxx.xml 的字串貼上，有多個的話就提交後再重覆操作貼上。

【關鍵字工具】快速驗證Google Console與提交Sitemap-11

12、提交後就成功了

【關鍵字工具】快速驗證Google Console與提交Sitemap-12

[全站搬家]網站打包檔下載(備份)+打包檔重新上傳(還原)-使用All in One WP Migration

2023-08-24 尚無留言

前言

這是在「網站端」做的備份、還原。

練習用的網站或是在別家主機做好的網站，都可以用備份外掛把整個網站「打包」並下載回本機電腦。

然後在另一個全新的網站的後台，再把此打包檔上傳即可「全部還原」。

如果你使用別支備份還原外掛有所問題，不妨可試試這一支。

準備

停用快取外掛

為了增加打包與還原時的成功率，請先停用「快取」之類的外掛，以Cloudway主機而言，這支Object Cache Pro常常會在還原時造成無法順利還原的問題，故請先停用後再進行打包。

[全站搬家]網站打包檔下載(備份)+打包檔重新上傳(還原)-使用All in One WP Migration -7

實作

假設A站是舊站、B站是新站，兩個網站都必須先安裝一支免費的外掛 : All in One WP Migration 。

然後再如下列流程進行「備份下載」與「還原上傳」。

一、A站:網站打包檔下載(備份)

A站安裝

先在後台搜尋安裝All in One WP Migration後啟用。

[全站搬家]網站打包檔下載(備份)+打包檔重新上傳(還原)-使用All in One WP Migration -1

A站備份

如下圖建立備份檔。

[全站搬家]網站打包檔下載(備份)+打包檔重新上傳(還原)-使用All in One WP Migration -2

下載備份檔，即完成備份的動作了，等新網站創好，再來把它還原上去。

[全站搬家]網站打包檔下載(備份)+打包檔重新上傳(還原)-使用All in One WP Migration -3

二、B站:打包檔重新上傳(還原)

B站安裝

B站也安裝好 :

①備份外掛 : All in One WP Migration (後台搜尋安裝)

②擴充外掛: All-in-One WP Migration File Extension。(擴充匯入上限至512MB)

下載

擴充外掛須先下載至電腦再用上傳方式來安裝，

兩個都裝好後都啟用。

[全站搬家]網站打包檔下載(備份)+打包檔重新上傳(還原)-使用All in One WP Migration -5

B站還原

再如下圖，把打包檔上傳來匯入。

「完成」後，「重新整理」網頁，就會出現後台登入畫面，重新以原本網站的帳密登入後台即可。

※注意

「打包」一般是較沒問題，「還原」的話可能不一定一次就成功也可能失敗後造成原網站連後台都進不去，此時就需要進入「主機後台」進行救援了，如果沒有主機後台的權限，在搬家失敗後就可能卡在當下無法做什麼救援工作，原網站也崩潰了無法瀏覽也無法登入後台，那就進退兩難了。

在兩家不同的主機做搬家後的「還原」、或是兩個新舊網站之前的主核心程式、外掛版本落差太大、或是兩家主機環境在佈局設定上的不同，都是可能造成網站「還原」失敗的原因，若有以上可能性因素，最好是先有「主機後台」登入權限再進行「還原」較為保險。

[申請]遠振WordPress專用主機的申請流程

2023-08-16 尚無留言

前言

一般而言我仍是推薦「Cloudways主機」，不過仍會有客戶想使用「遠振主機」，

以下幾點原因符合的話，我就才建議您申請遠振主機。

不想綁信用卡或不方便綁信用卡。
需要開立公司發票。
不會有架第2個網站以上的需求
需要申請多個免費網域信箱供員工使用。

另外，若網域尚未購買，則不用在別的網域商先買網域，網域可以在遠振主機的申請流程中一起購買，以後主機與網域一起繳費也方便。

申請流程

1、前往遠振WordPress主機之申請網頁

網址 : 點此。

2、選擇WordPress主機

點「主機服務」，再點「美國主機-WordPress主機」，

當然你要選下圖中左側的「台灣虛擬主機-WordPress主機」當然也可以，只是比較貴一點喔!

在速度上，位於台灣機房的當然會快上一點點點點點，差異不大，一般客戶都選美國的居多。

3、選擇方案

遠振主機有不同方案，小網站選$240的，電商網站選$480的，對一般的中小型網站我覺得非常的夠用了，而且費用也不貴，我想就足以勝任一般的行銷、接單需求了!

三個方案上都有「立即申請」，擇一點擊。

[申請]遠振WordPress專用主機的申請流程-2

4、選擇網域名稱

「網域」是可以連同主機在遠振資訊中一併購買的，這樣以後繳費也方便。

發想一個網域id，請注意，網域id申請下去就不能改id了，請不要急，先內部開會討論後再慎重取名。

[申請]遠振WordPress專用主機的申請流程-5

如下圖，尚未有網域的人須一併購買網域(已有網域的人請選第3個選項)，把想要用的id輸入，例如「apple168」，後面再選域名後綴(.com、.tw、.com.tw、.cc)。

如果你已經有在別的地方已買了網域了，要繼續使用該網域來綁定遠振主機的話，就勾選「我打算使用我目前持有的網域名稱(我會自行變更DNS」!

選好後按「查詢」，如果出現「xxxx目前無法註冊」，代表此網域已被買走，就請重新再想一個id再重新輸入再按查詢。

[申請]遠振WordPress專用主機的申請流程-6

當查詢出可以購買的網域id時，如下圖，就可以點「繼續」了。

[申請]遠振WordPress專用主機的申請流程-7

5、繳費週期

可月繳或年繳，年繳的話會送2個月，也就是只要繳十個月的錢。

(下方叉叉處不用勾)

[申請]遠振WordPress專用主機的申請流程-8

點繼續。

6、再勾三項免費服務

來到這畫面，三項都打勾，再點繼續。

[申請]遠振WordPress專用主機的申請流程-9

7、結帳前之確認

確認買的網域名稱與繳費金額無誤後，就可以點結帳了。

[申請]遠振WordPress專用主機的申請流程-10

8、結帳資料填寫

若是公司行號，申請人的Email盡量用一個公用的Email，不要用私人的Email，以免離職時造成交接與所有權的問題。

再來就是結帳前要填寫一下購買人的資料，請把有*字號的都填寫好，並設定登入密碼，再按「完成訂購」，即可進入付費畫面，

付費可以選立即線上刷卡、超商繳費、ATM繳費等等方式，若是公司團隊，以後遇上續約時可選ATM繳費，拿到繳費帳號後再讓會計部門或採購部門去繳。

[申請]遠振WordPress專用主機的申請流程-11

9、繳費完成

當完成繳費，你的Email會收到一封遠振資訊的「開通信」，裡面就有主機的登入帳密，若是委外設計網站，把此封信轉寄給設計師即可。

[申請]遠振WordPress專用主機的申請流程-12

以上就是遠振主機的申請流程。

為何我的每一頁網址都會出現奇怪的參數？附上病因與解決方式。

2023-08-14 尚無留言

前言

有些WordPress網站會像下圖那樣，網址後面都會被強制冠上一組參數，而且不管切換至哪一頁都一樣會有莫名參數在網址後面，這是為何呢？

可能原因

問過ChatGPT, 也照它建議的方式處理過了，仍未得到改善，再來很有可能原因是中毒嗎？

解決方式

如果試過許多方式都無法解決，不妨試試以下方式 :

付費內容，需支付 : 200 個學習幣

您須先登入會員以使用學習幣與發問功能。

[圖片]做出①相框陰影、②傾斜、與③絕對定位的效果

2023-08-07 尚無留言

前言

Elementor的「圖片」不單單只是呈現一張圖片，尚可以做點設定即讓圖片變得有質感、有立體感。

▽範例效果

實作

提示:

邊框 : 圖片/樣式/邊線設實線10px+方框陰影
傾斜 : 圖片/進階/Transform/旋轉
定位 : 圖片/進階/位置/絕對

簡介