ALL POST

WordPress「.com租用站」真的沒有FTP可以用嗎？

2022-08-30 尚無留言

一般人以為WordPress如果不是使用「自架站」的方式就無法使用FTP或SFTP的服務，我也是這麼認為的，但後來因某客戶需求我上網查了一下，如果你是租用「商務版」以上的方案就有資格可以使用FTP或SFTP。

什麼是 SFTP？

SFTP 是一種讓你從本機電腦上，透過用戶端程式 (例如 Filezilla) 存取網站檔案和資料夾的方式。

SFTP 是安全檔案傳輸通訊協定 (或 SSH 檔案傳輸通訊協定) 的縮寫。同時也是 SSH (安全殼層) 通訊協定的延伸模組。名稱中有「安全」二字，是因為其透過安全通道 (意即 SSH) 來傳輸資料。

SFTP 與檔案傳輸通訊協定 (FTP) 類似，但 FTP 並不安全，兩者不應混為一談。SFTP 的安全性可確保你的檔案和網站安全無虞。

以上文謅謅的解說截自wordpre[.]com的官方，簡單說就是一種從個人電腦本機端利用檔案管理軟體連上網站管理資料夾的一種模式，只有在特殊需求才用的到，例如要大量上傳檔案、文件，或網站故障排除時。

WordPress 「.org自架站」的方式，也就是租主機的方式來架設WordPress網站就一定有這個服務可以用，而以WordPress 「.com租用站」的方式來租用WordPress網站的話，租用的方案較低階或使用免費版的人就無法使用FTP或SFTP的服務。

WordPress 「.org自架站」與 WordPress 「.com租用站」的差異，仍不了解的人可以參考這篇《WordPress 之org與com的差別》。

WordPress 「.com租用站」可以使用SFTP

此功能適用於 WordPress.com 商用版或電子商務版方案的網站。如果你的網站使用我們的任一舊版方案，則此功能可在專業版方案使用。

也就是 : 商務版才能係用SFTP功能。

取得SFTP帳密(登入資訊)

前往「我的網站」→「設定」→「主機設定」存取網站的 SFTP 選項。

你也可以點此前往對應的後台介面 : https://wordpress.com/hosting-config

依預設，系統不會建立 SFTP 使用者。第一次使用此功能時，需要按一下「啟用 SFTP」按鈕。

取得SFTP的登入資訊後，再配合電腦端安裝一套檔案管理軟體 (例如 Filezilla)，在軟體中貼上相關登入資訊即可連上你的網站的資料夾區了。

更詳細使用教學見官方文章。

全站式加入jQuery語法(可含CSS)

2022-08-20 尚無留言

在Elementor單頁加入jQuery語法的方法已經介紹過了，再來另一種需求就是想要在每一頁執行同一段jQuery程式的話，應怎樣來插入jQuery程式碼？

這邊就列出4個方式，一般會以方式4為主 :

方式1 : 在Elementor中的head或footer模版插入

如果你已經有用Elementor的模版設計來製作head與footer，因為head與footer裡面的內容本就是預套用到全站，所以在head或footer裡面拉一個html工具再置入jQuery語法，這樣就會讓jQuery效果自動在每一頁出現了。

這個方式就不再多截圖說明了，如果你仍不知怎樣用Elementor設計head與footer，請先去參考Elementor模版設計的單元。

方法2 : Elementor Pro版

Elementor Pro版本身就內建可以埋設全站式javacript或jQuery的功能。如下圖路徑 :

方法3 : 使用外掛「Header Footer Code Manager」

使用外掛「Header Footer Code Manager」

安裝後如下圖插入代碼 :

這個外掛還有一些選擇性功能，可以指定某些頁面或文章排除或單獨埋入程式碼。

另想埋入全站式的CSS，須將CSS用<style>…</style>包起來才行喔!

但是你若是網站新手或是代操廣告的投手，想純單埋入GA、FB廣告像素、Google廣告追蹤碼、GTM等等任何的javacript或jQuery代碼，就可以單純使用此外掛，以求簡易方便快速。

方法4 : 使用外掛「Code Snippets」(推薦)

使用外掛「Code Snippets」來埋設全站式代碼是最彈性也是我最推薦的方式，因為還可以順便埋入全站式的CSS，這樣就不用在「佈景主題/自訂」中寫CSS，這個外掛可以讓你統一管理全站式的自加語法，非常方便!

外掛「Code Snippets」最主要用途是用來自訂function PHP，但要順便用來埋設全站式的jQuery與CSS，也不成問題。

▼如下圖新增一個片段程式碼，再貼上範例程式碼即可自行修改。

▼把下面語法複製貼上

				
					add_action( 'wp_head', function () {
 ?>
<!-------------------------------------->
 
<script>
( function($) {
$(window).load(function() {
//======================================

//在這裡寫jquery語法....
	alert("HELLO smallway.com.twP");

//======================================
}); //end load
})(jQuery);
</script>

 
<script>
( function($) {
$(window).load(function() {
//======================================

//也可以放2次以上的javacript(jQuery)標籤區域
	alert("做網站請找小訣行銷工作室!");

//======================================
}); //end load
})(jQuery);
</script>


<style>

	/* 在這裡撰寫網站專屬 CSS 程式碼 */
	div{
		font-size:28px;
	}

</style>


<style>

	/* CSS也可以用新的</style><style>來另產一個區，以做區隔*/
	h1{
		font-size:28px;
	}

</style>


<!-------------------------------------->
<?php
 } );

不要被我這串多行範例嚇到，我只是中間多複製了幾次，讓你知道中間是可以反覆用新的<javacript>或<style>來增加的，以便在幫不同地方寫語法時可以有一個區隔的作用，也可以適時加上註解。

你就複製下來貼上，然後在我有特別用線條包住的範圍中寫代碼即可，就絕對不會出問題!

埋好後，可以列表式管理自己加入的任何種類語法，在debug網站異常時也可以一鍵停用所選中的語法。

總結 :

以上的方式，任何一種都可以也用來埋設Adsense、GA、FB廣告像素、Google廣告追蹤碼、GTM等等任何的javacript或jQuery代碼，但習慣偏愛方法4，因可以連全站式CSS也順便埋入，而且很好管理。

WordPress jQuery起手式

2022-08-20 尚無留言

在WordPress或Elementor中，我對jQuery主要是求「應用」，所以在本站，不會花費太多間講求jQuery的原理，只求可以「速用」效果，或是以「趣味學習」的方式為主要精神!

在不講過多原理的前提，我直接把jQuery的起手式語法貼出來，以後在Elementor單頁加入jQuery語法或是全站式加入jQuery語法，都會用以下的「起手式」來寫入各種想要的效果程式。

jQuery起手式語法 :

在WordPress中，要用jQuery來控制頁面或修改外掛產生的頁面效果，都必須等待「頁面完全載入完畢」後才執行jQuery，所以以下的起手式中所寫的程式語法，一定都會在『頁面(含所有DOM元素、圖片)載入完才執行!』，如果不等頁面完就執行你寫的jQuery程式，有時候明明程式沒寫錯但偏偏就是沒產生執行效果(這在修改Elementor或Woocommerce時特別會發生)，這之前我閉門造車研究超久都找不出原因，原來就是「執行順序」的問題，所以以後在WordPress或Elementor中要寫jQuery時都使用下列的起手式語法就不會再產生上述的問題。

起手式語法範例

				
					
<script>
( function($) {
$(window).load(function() {
//======================================

//這裡開始寫jQuery程式   
//例如寫一些點擊事件...
alert("頁面(含所有DOM元素、圖片)都載入完畢!");

//======================================
}); //end load
})(jQuery);
</script>

起手式就先介紹到這裡，接下後面的文章將會教導一些在WordPress裡面常用到的「事件」效果!

[二包]接案時遇上別人二包過來的案子，該怎麼報價？

2022-08-18 尚無留言

這真是一個兩難的問題，對吧？想賺覺得自己合理工時的費用，但對方又是二包來的案子，他的預算一定不高，你開的合理價可能也會被要求再便宜點、再便宜點…

接案方

我們在接案，覺得這個案子我該收多少就報多少，

不會因對方是二包或三包而壓低報價，

若因對方是二包三包而壓低報價或接受對方的壓低價格，

最後因製作工時超乎預期的長，而自己覺得虧了而在那邊捶胸頓足，這並不是我想碰到的!

所以若二包的業主真的預算不足，接案人就不要勉強自己降低原本應得的合理報價，或是就放生本次的接案機會 !

但若只要自己能接受上述的可能性問題，面對二包業主，你還是可以考量到對方的利潤而降低報價，當然也未嘗不可啦!

二包業主

如果你是二包業主，也可能覺得我不壓低接案方的報價，我自己也是虧啊？

話是沒錯，但是否該從另一個角度思考，為何我會四處找二包？是自己的專業能力不足，還是人手不足？

如果真的是己方有明顯經營上的專業不夠或人才不夠的問題，是否應先暫停接案，先增強自己的能力或培養人才為第一要務呢？

[外掛]防止垃圾留言與機器人填表單-WP Armour

2022-08-17 尚無留言

外掛資訊

【外掛名稱】 : WP Armour – Honeypot Anti Spam
【費用】: 免費版
【官方網址】: 點此
【簡介】: 防止機器人來亂填表單、亂註冊、亂留言評論，一次全包。

說明

原本大家常用的反圾垃留言的外掛都用「Akismet Spam Protection」這套，但這套每次使用時都要重新申請金錀，覺得好麻煩，而且好像只能防範到垃圾留言而已，無法防止一切惡意填表單或註冊。

後來用改用這套「WP Armour – Honeypot Anti Spam」，一鍵安裝後什麼都不用設定，它就會乖乖幫你運作了，我已列為是必必必裝的外掛了!

概說多國語系製作

2022-08-17 尚無留言

前言

在WordPress網站設計中，常常會聽到需要製作多國語系的網站的需求，一般人可能都是直接朝安裝相關外掛方向去思考，的確，安裝外掛是一個方式，但不見得是最佳方式。

在我剛出道前幾年，也是遇過一個客戶需要製作多國語系網站的需求，那時候是使用「WPML」多國語系外掛，這是一個付費式外掛，每年持續需要付訂閱費用(也不便宜)，重點是這外掛在使用上有點複雜，光我自己在操作就覺得有難度了，交接給業主時他們也是覺得不太好管理整個後台也是很不順手，而且這外掛也會滿拖慢整個網站效能的，自該次案子的經驗後，我就不再使用這支「WPML」多國語系外掛來製作多國語系的網站了。

不一定要靠外掛

後來隨著自己的接案經驗越來越豐富，也開始有一點程式能力了之後，讓我體會到製作多國語系網站，因應不同需求則會有不同的作法，這些不同的作法中也可以用外掛，但有些需求可以完全不用外掛，僅靠jQuery也能在前端直接判斷處理導向另一語系，這讓我在製作多國語系中呈現出與別人完全不一樣的思維與作法。

假設是一頁式網站(不含電商)的多國語系需求

一次先設計好不同語系的頁面，透過點擊事件判斷並做網址導向就好了。

假設是形象網站(不含電商)的多國語系需求

也是一次先設計好不同語系的頁面，透過點擊事件判斷並做網址導向就好了，但尚須把主選單預先建好多組、頁面的階層架構或網址格式須先規劃出一致性，以利jQuery判斷。

假設含有文章功能的網站(不含電商)的多國語系需求

在文章分類上也都要預先建好不同語系的分類名稱，並讓文章分類網址的「slug」有規則性，以利jQuery判斷。

當然以後業主在新增文章上架時，也是要同時寫好不同語言的文章，並勾選對應的語系分類。

假設是含有電商功能的網站

在結帳時因考量到貨幣的不同、結帳欄位須要填的類型也不同、運送方式、付款方式的不同，

我是覺得直接做成「不同網站」處理更為方便，網址就用子網域的方式或資料夾目錄的方式都可以，這樣比較好管理，

然後也是用jQuery判斷訪客的語系或點擊想切換的語系做網址導向的處理。

網址規劃

做多國語系的網站很注重網址的規則，這一定要事先規劃好，會影響製作時的難易度，甚至也會影響SEO，

這邊只是先提個概念，實務上要執行時仍須與業主討論，因網址格式可能的有一些不同的考量。

注意版型破版

假設是製作「中英」兩個語系，任每一頁的文案都是中文與翻好的英文來分別置入，對吧？

但中文與英文，同樣一句話或同一個單字，它的字元長度完全不一樣，

例如「資訊」、「infortamtion」這單字的中英文的字元長度不一樣，甚至「中文一句話」在翻成英文後就變得更長了，那麼假設首頁的中文與英文的版型都是長得一樣的，但因不同字元長度的影響，會造成英文版的首頁可能會因過長的文字造成版面高度被撐開撐高了，或是跑出區塊範圍，造成整體頁面的排版都走鐘了，這個問題絕對是製作多國語系網站的痛，與用多國語系外掛或不用多國語系外掛的作法並無關係。

解決方式，就是兩個網站的每一頁的版型，統統要用頁面編輯器(例如Elementor)重新排版或微調過，或是適時把文案做修改刪修，請翻譯人員重新配合版型把譯文簡化至大意與中文一樣即可。

誰說兩個語系的內容一定要完全一樣？

有人覺得多國語系網站就是要長得一模一樣，只要有辦法把裡面的字翻成不同語言的字就好，若是這樣，我建議他直接用「Google翻譯外掛」就好，這樣就不用每一頁都要製作2次以上且還要調整版型，不過「Google翻譯外掛」所直翻的文法、語意常常會不順，甚至專有名詞也是無法識別，絕對會出很多問題。

我的看法是兩個語系的架構、內容可以大同小異就行了，不一定要長得完全一樣，甚至有些內容在中文版網頁可以出現，在英文版網頁可以不出現，這都是可以跟業主商討的，不須強制死腦筋硬把兩個網站搞成像鏡射一般。

總結

目前以我的能力，我是不再靠肥大又難用的多國語系外掛了，針對不同的需求寫點jQuery處理，反而輕鬆許多，也不影響整個主機的效能，慢慢的會把這些技巧整理上來，當然該收費時仍是要收費，畢竟這都是我的智慧財產權與心得經驗。

遠振主機簡介

2022-08-16 尚無留言

簡介

「遠振主機」是網路負面風評算是非常少的一家台灣主機商，如果你一定要選「台灣主機商」的話，真的是滿建議找遠振的，它也提供直接購買網域的服務，主機與網域在同一家買的話，對新手比較友善。

說明

費用

在遠振要買主機，若是WordPress架站要用的，請務必選「WordPress專用主機」，不要為了省點錢而挑遠振其它的主機喔!

若選「美國主機-WordPress主機」，對一般的中小型網站我覺得非常的夠用了，而且費用也不貴，小網站選$240的，電商網站選$480的，我想就足以勝任一般的行銷、接單需求了!

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

效能

雖然上面介紹的WordPress專用主機僅是「虛擬主機」的等級，但在效能與速度的使用上，我也覺得滿穩的，與之前介紹的Cloudways主機比，我覺得也不遜色。

客服

台灣主機商當然是有中文的客服，這一點的確是優勢。

不過主機商的客服僅是協助你「主機端」的問題，例如主機流量異常、CPU使用異常、斷線等等，而「網站端」的問題例如網頁跑版、主選單無法切換、….等等，非他們的服務範圍，這一點請使用者務必先了解在先喔!

發票

可以開發票，這對一定需要開發票的公司是一個值得考慮的點。

企業信箱

送20個免費的企業信箱(依不同方案而定)，但信箱的使用會增加主機的使用空間的額度。

特別要注意的

如果你一台主機可能架二個以上的網站而且是對應不同的新網域，那麼在遠振主機中，它的限制是無法這樣做，如果你有這樣的需求，請你仍然租用Cloudways主機，才能有這樣的服務。

但如果你要在遠振主機中架第二個網站而且不使用新的網域，僅使用子網域的話來對應的話，那遠振主機就可以有這樣的功能!

『子網域』說明，

例 :

主網域 : smallway.com.tw
子網域1 : ex1.smallway.com.tw
子網域2 : ex2.smallway.com.tw
子網域3 : shop.smallway.com.tw

『 smallway.com.tw』就是我買的主網域，而我也可以對它再做切分成前面帶有一個類似id的自訂名稱，就稱為子網域。

子網域視同為一個全新的網址，它可以對應你新架設的網站，這樣就不用再花錢買全新的網域。

總結

基本上我的客戶們與我本身，遠振主機與Cloudways都有使用，效能上我覺得都不差，主要是考量其它層面來決定用哪一家，例如中文客服、只有架一個站的需求、國外買主機有匯差等等…

[儲值]Cloudways主機如何趁匯率好時預付月租費？或是改成「年付」？

2022-08-16 尚無留言

前言

在Cloudways主機中的付款模式一律只有「月付」，但考慮到匯差的問題，其實我們也可以趁台幣匯率對我們比較有利時，「預付」一筆費用當成「儲值」，這樣以後每月主機費就會從此預付金額直接扣除，是不是也是一種省錢的方式？

加上使用有現金回饋0.5%~1%的信用卡，就更能再省點小錢了。

如果你是接案人員，幫客戶代申請Cloudway主機且是綁自己的信用卡，若是每月代墊並要再跟客戶收款的話，也是很不方便，所以也可以一次預付12個月的金額，就當作是「年繳」，這樣一年只要跟客戶收一次主機費用就行了，是不是就方便許多呢？

進入個人帳戶介面

依下圖步驟點擊

輸入預付金額

這裡都是以美金計算喔!

確認儲值結果

完成刷卡後，如下圖確認有沒有成功，有出現「Added」就代表成功了。

有這方面問題，請記得密線上24小時客服，他們會幫你確認與排除預付上的任何問題。

當文字後面出現「obj」時的處理方法

2022-08-15 尚無留言

如下圖，文章標題後面出現「obj」，這是什麼原因造成的呢？

其實道理很簡單，這一般是快速或大量複製資料來貼到WordPress中所造成的，最常見的是從Word或其它網頁複製資料來貼上所導致，因所複製的資料帶有「原始格式」，就自動現成了「obj」的字樣。

解決方法就是重新編輯該頁，把資料剪下先貼到記事本，再複製後再貼上就正常了。

以後如果要複製資料貼上時，記得先貼上記事本再複製過去，

或是直接使用「Ctrl + Shift + V」來貼上，就不會造成出現「obj」了。

「Ctrl + Shift + V 」→ 可以消除原始資料的格式。

如何讓訪客在購物車頁面之前，必須先登入會員或註冊?

2022-08-10 尚無留言

簡介

雖然Woocommerce可以設定成在結帳時就順便註冊或登入，但仍會有業主有這樣的需求，就是求「會員要先登入」或「會員要先完成註冊」才可以結帳，此時本篇作法可派得上用場。

運用範圍

有安裝Woocommerce的購物網站。

範例

略。

原理與思路

這個需求，其實可以不用再裝什麼額外電商相關外掛，可以用301轉址外掛【Redirection】處理即可。

實作

雖然這篇我當作是付費式文章，畢竟當初也是多方嘗試不靠其它外掛來達成此需求的方法也花費不少時間，故就酌收學習幣囉!

不想購買本篇的人也可以自行嘗試，上面已有提示用301轉址外掛囉!

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

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

總結

301轉址外掛本就是我必備必裝的，所以這樣我就免再裝其它外掛來達成此需求。