ALL POST - 架站勤拿手

02_設置”新首頁”取代預設的”文章列表式首頁”

2023-03-28 尚無留言

前言

在準備設計每一個頁面時，

我們須先將原本的首頁是部落格文章入口頁，改成新的空白首頁，

而原本的文章入口頁改成置入在主選單中。

也就是『設置”新首頁”取代”文章列表式首頁”』!

實作

■設置新首頁

1、新增頁面，命名為「首頁」

若已建立過首頁的頁面，可不用再建。

須發佈，不可存草稿。

2、到”設定/閱讀“

如下圖，到”設定/閱讀“，把「靜態頁面」的「靜態首頁」，指向為我們剛剛建好的那一頁新首頁。

3、至前台測試效果

到網站前台任何一頁，點擊LOGO或網站名稱，就會回到首頁，測試一下當回到首頁時，是否已經不是原本預設的「文章列表式首頁」了？

■文章入口頁改成置入在主選單中

(如果有規劃建立部落格專區再做此項設定，否則可先略過)

此時文章列表式首頁已消失，已被新首頁取代，

現在要把文章的入口頁改置入在主選單中。

1、新增頁面，命名為「部落格」或其它名稱如「設計專欄」

一樣要新增一個全新的頁面，如下圖。

(此頁命名為「部落格」或名稱自取。內容保持空白。)

須發佈，不可存草稿。

2、到”設定/閱讀“

如下圖，到”設定/閱讀“，把「靜態頁面」的「文章頁面」，指向為我們剛剛建好的那一頁「部落格」頁面。

3、編輯主選單

到「外觀/選單」編輯選單，把「部落格」那頁拉入主選單中。

4、至前台測試效果

到前台點擊主選單中的「部落格」，就會看見我們的部落格入口頁又回來了!

如何申請GA流量分析並串接在全站?

2023-03-28 尚無留言

前言

Google Analytics(分析)，俗稱「GA流量分析」，主要用來分析網站的流量數據，在申請完並將代碼埋設至網站後就不用再做任何動作，只要進入GA後台即可觀看各式報表的統計。

申請流程

■GA端

1、用Gmail註冊

前往註冊 : https://analytics.google.com /

並用Gmail帳號登入即可。

2、進行一系列之命名

2、勾選「網站」

▼注意網址是否有https

3、開始取得代碼

▼把代碼複製下來

至此先暫停，換到網站後台把代碼埋入。

■網站端

1、安裝埋設代碼之外掛

後台搜尋 : Header Footer Code Manager

2、新增程式碼片段

如下圖順序，最後貼上代碼後存檔即可。

吸收更多

這個埋設程式碼的方式，也同樣適用於埋設FB廣告像素、Google廣告追蹤碼或各類的javascript類的代碼，故只要取得相關代碼並照上述方式埋入即可。

3、隨意瀏覽自己的網站

到網站首頁，並點擊一下其它連結，靜等30秒至1分鐘，再至GA後台觀看是否有流量進來。

4、GA代碼已串接成功

只有看到有流量進來，代表我們的串接是成功的。

有流量進來後，可以開始隨意點擊左側的報表做觀察。

總結

GA流量分析其實就是一種「大數據統計」，所以我覺得若網站的流量並沒有很高的話就不算是「大數據」，故在報表分析上易失真，也就是不太有參考價值，所以一般在流量尚低的網站，我們只要看到「流量起伏」、「是否有增長」就行了。

一般而言，電商型的網站熱愛觀看「GA即時線上人數」，因為有人在逛網站的話當日才可能會有訂單成交，所以有些公司會在辦公室架一個大螢幕，裡面就呈現GA即時線上人數來讓員工們即時觀看與參考。

GA流量分析是另一門領域，若真對比較細膩的分析、不同維度的觀察有其必要性與興趣，再另找其它GA班的課程去上，一般是1日班或2日班。

如何把企業信箱加入網站中來發信？(Gandi網域送的信箱為例)？

2023-03-25 尚無留言

前言

使用哪家的網域或主機商提供的信箱不是重點，作法都跟以下流程一樣，這邊僅以Gandi的企業信箱為範例。

實作

安裝SMTP外掛

請在網站後台，搜尋安裝此免費外掛:「Post SMTP Mailer」，如下圖，安裝好直接啟用。

設定精靈

輸入「寄件人」想顯示的中文或英文名稱與寄件人地址

寄件人地址就是我們在Gandy申請好的企業信箱

輸入外寄郵件伺服器名稱

請輸入 : mail.gandi.net
via

選擇Gandi的SMTP

輸入企業信箱與密碼

信箱要輸入完整名稱

測試寄信

輸入個人mail來測試是否收的到信。

已成收到信。

總結

以上完成後，就不用再管它了，以後你的表單通知信、訂單通知信、忘記密碼信….都會發送成功，再也不會收不到信囉!

如何使用Gandi網域送的免費企業信箱？(1/2)

2023-03-25 尚無留言

前言

企業信箱，又稱「網域信箱」。

一般的「網域商」是不送企業信箱的，都須另外付費，但在Gandi我們有2個免費的企業信箱，必須開通來運用!

什麼是「企業信箱」？

例如我的網站是「smallway.com.tw」，那麼即就可以把此網域拿來創立申請信箱，例如「[email protected]、[email protected]、…..」，這種「id@你的網域」的信箱就稱為企業信箱。

為何我需要企業信箱？

1、用來創業或工作需求

統一使用正式的企業信箱，不管是在印在名片、員工與客戶聯繫上，都可以具有形象意義，而且可以方便控管所有信件內容。

2、網站發信需求

這一點才是網站必須使用企業信箱的最大主因。

因為我們網站有時候會有一些發出信件的需求，俗稱「SMTP寄信」，例如聯絡表單通知信、忘記密碼信、訂單通知信….等等，這些都是網站系統以「網站名義」寄出的通知信，以網站名義的意思，就是會以網站的「網域」當寄件人，例如我的網站的網址是「https://100cc.xyz 」，至少要創一個企業信箱「[email protected]」給此網站當寄件人使用，這樣子信箱才能順利進入對方的收信匣中。

如何在Gandi開通免費企業信箱？

1、進入網域設定畫面

按下建立。

2、設定信箱ID與密碼

3、登入線上版收信匣Webmail

可以在網域後台登入線上收信匣，如下圖:

▼選①或②都可

當然多人使用的話，就請每個人把線上收信匣的網址加入書籤，以後就從書籤直接來登入收信即可。

▼線上收信匣Webmail介面

Gandy信箱其它說明，可以參考官方這篇 : https://docs.gandi.net/zh-hant/gandimail/standard_email_settings/index.html

總結

若沒有員工或夥伴的話，一般送2個企業信箱已經很夠用了，不夠的話可以在Gandi後台再自行購買即可。

若是幫公司申請，你也可以先創好一個企業信箱後，再來申請Cloudwasy主機。

再來如何把1個企業信箱加入網站中當成是寄件人，就另一篇再教學。

[外掛]輕巧不肥大的SEO外掛-Slim SEO

2023-03-24 尚無留言

外掛資訊

【外掛名稱】 :Slim SEO
【費用】: 免費版
【官方網址】: 點此
【簡介】: 完整功能的 WordPress SEO 外掛，具備以最少設定完成輕量化、高效率的特色。不含無用功能。

說明

很多SEO外掛的功能都太過頭了，造成網站效能被拖累，實際上SEO外掛只是個小輔助，真的不需要那麼多內建功能。

改用這支吧!

—

此外掛可能會用到的 :

導覽標記 (Breadcrumb) : [slim_seo_breadcrumbs]
XML Sitemap : Siteurl/sitemap.xml

如何讓每篇文章結尾都自動出現簽名檔？

2023-03-24 尚無留言

作法有多種，簡易的作法是用Elementor做一個「段」的簽名檔範本，並把它的簡碼手動或自動方式插入每篇文章的末端，就會產生如下圖的效果 :

此篇僅先建立文章標題或部分文字，教學內容待補上。

佈景主題(Blocksy)的「資訊欄」或頁尾加入常用小工具

2023-03-24 尚無留言

前言

在套版狀態下的網站，「資訊欄」尤為重要，在此我有時候也會稱之為「側邊欄」，我們可以幫資訊欄加入常用的小工具以利訪客做一些互動或切換的操作，或呈現你想給訪客看的額外資訊(例如簽名檔或自我小介紹)。

實作

資訊欄小工具

1、安裝「傳統小工具」

我們需要先安裝一支它什麼都不用設定的外掛 :「傳統小工具」，用來幫我們可以直接拖拉不同小工具至資訊欄中。

(安裝後直接啟用)

2、設定小工具

再到「外觀/小工具」就可以開始拖拉想要用的小工具了，

上圖，它預設會有一些既有已拖好的小工具在右側的「主要資訊欄」中，我們可以重新整理成想要的狀態。

請練習一下，調整如下圖中有6種小工具的狀態 :

文字小工具的內容範例 :

我是Facy，歡迎來到我的網站，這裡主要記錄一些行銷、理財、讀書筆記、作品，歡迎與我交流。

Email : [email protected]

上傳一張小圖片後，可將圖片拉小，再點一下圖片並設定「向左對齊」即可做到文繞圖的功能。

3、資訊欄的個別版面設定

調整資訊欄的寬度比例、小工具字體大小、小區塊背景色等，都可以在此設定。

▼你可以運用它給你的「可設定」介面來盡情調整資訊欄的個別版面。

頁尾小工具

頁尾一般只是僅放「版權資訊」居多，如果想在「頁尾」也放置一些小工具(例:小小文字區、快速連結、頁尾選單)，

可以一樣在外觀/小工具/頁尾小工具區域中來拖拉想用的工具進去。

然後再至「外觀/自訂」中把想要用的頁尾小工具也拖至頁尾區塊中。

[收合容器]隨機自動展開其中一個項目

2023-03-10 尚無留言

簡介

Elementor的「收合容器」第一個項目預設是打開，透過小程式碼讓它隨機打開某一個項目

運用範圍

若用收合容器來放不同的廣告、心得見證之類，就可以讓它隨機打開某一項目，這樣就可以平均展示每個項目的內容。

範例

你可以反覆重新整理此頁，看以下的收合容器是否會隨機打開某一個項目。

收合容器 #1

這個方式，我也有用在這篇文章上，可參考一下效果 :

https://0800happy.com/2210/

收合容器 #2

這個方式，我也有用在這篇文章上，可參考一下效果 :

https://0800happy.com/2210/

收合容器 #3

這個方式，我也有用在這篇文章上，可參考一下效果 :

https://0800happy.com/2210/

收合容器 #4

這個方式，我也有用在這篇文章上，可參考一下效果 :

https://0800happy.com/2210/

原理與思路

利用jQuery算出共有幾個項目標題，然後隨機點擊第N個。

實作

1、給一個CSS類別命名

例如我幫收合容器的CSS類別給一個名稱叫「facy_close」。

2、加入片段程式碼

在收合容器下方拉一個html工具，裡面貼上下列jQ程式碼即可。

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

//先把第一個預設展開的先合起來
$(".facy_close .elementor-accordion-item").eq(0).find("a").trigger("click");

//求出共有幾個項目
var len = $(".facy_close .elementor-accordion-item").length;

//求得本次隨機數字
var index = Math.floor(Math.random()*(len));
//console.log("隨機" + index);

//執行第N個的自動點擊
setTimeout(function() {
$(".facy_close .elementor-accordion-item").eq(index).find("a").trigger("click");
}, 100);

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

總結

說完了!

[網域信箱]通過Gmail代收發您的Cloudways Rackspace網域信箱

2023-03-08 尚無留言

前言

上一篇《[SMTP]啟動主機端的SMTP寄信服務-網域信箱(Rackspace Email)》中雖已創立好網域信箱也能正常運作了，而且也設定了「自動轉寄至個人gmail」，但個人gmail在收到信後若按下「回覆」，尚無法用此網域信箱的名稱直接回信，只能登入網頁版收信匣才能用此網域信箱來回寄。

為了讓個人gmail也能直接用網域信箱來當寄件人，我們也可以在gmail中直接串接網域信箱，就可以用gmail代收代發了。

實作

一、設定Gmail代發

1、在Gmail進入設定

[網域信箱]通過Gmail代收發您的Cloudways Rackspace網域信箱-1

在”帳戶和匯入”中，新增另一個電子郵件地址。

[網域信箱]通過Gmail代收發您的Cloudways Rackspace網域信箱-2

2、輸入SMTP與帳密

這裡我以「[email protected]」這個網域信箱為例。

SMTP服務器輸入secure.emailsrvr.com並選擇通訊埠 465

[網域信箱]通過Gmail代收發您的Cloudways Rackspace網域信箱-3

一樣會用到之前申請好的網域信箱帳密資訊。

信箱帳號: xxx@你的網域
信箱密碼: *******
SMTP伺服器名稱 : secure.emailsrvr.com
使用的Port : 465

3、處理驗證碼

[網域信箱]通過Gmail代收發您的Cloudways Rackspace網域信箱-4

4、即可用網域信箱當寄件人

看，我在gmail中，可以用「[email protected]」的名義來當寄件人了。

[網域信箱]通過Gmail代收發您的Cloudways Rackspace網域信箱-5

二、設定Gmial代收

如果在主機端那邊已有設定「自動轉寄到個人gmail」，Gmial代收其實也不一定要設定了，不過這邊仍然再提一下怎樣做。

1、查看其他帳戶的郵件

一樣在「帳戶和匯入」那邊，點擊「新增郵件帳戶」。

[網域信箱]通過Gmail代收發您的Cloudways Rackspace網域信箱-6

[網域信箱]通過Gmail代收發您的Cloudways Rackspace網域信箱-7

[網域信箱]通過Gmail代收發您的Cloudways Rackspace網域信箱-8

2、輸入以下資訊

用戶名：你的網域信箱([email protected])
密碼：您的信箱密碼
POP服務器：secure.emailsrvr.com
端口：995

[網域信箱]通過Gmail代收發您的Cloudways Rackspace網域信箱-9

可選擇保留副本或不保留。

3、代收成功

[網域信箱]通過Gmail代收發您的Cloudways Rackspace網域信箱-10

總結

可以不用申請G Suite(Google) 的企業信箱服務，一樣可用此方式來達到用Gmail收發網域信箱，這是一個非常方便的方式, 也是最低成本的方式!

參考資訊 : How to Configure My Email Client with Rackspace Mailbox

[SMTP]啟動Cloudways主機端的SMTP寄信服務(可寄可收)-網域信箱(Rackspace Email)

2023-03-08 4 則留言

前言

沒有啟動SMTP寄信服務，你網站的各種信件就是會發不出去或易進垃圾信匣，創一個網域信箱以解決此問題吧。

「網域信箱」，就是創一個以你網域名稱當寄件人的一種信箱，例如「xxx@你的網域」，這種網域信箱除了可寄信亦可「收信」，所以會有一個網頁版的收信匣。

至少要創一個網域信箱來當成網站一些訂單、表單、密碼通知、訂閱通知、電子報等信件的寄送之使用，當然也可以建多個給公司同仁使用，當成是企業信箱。

Cloudways主機之網域信箱簡介:Rackspace Email

在Cloudways主機中，有個服務叫「Rackspace Email」，這也是一種SMTP寄信服務，即可自訂網域信箱名稱，例如「xxx@你的網域」，一個信箱一個月是1美元，發送就沒有像「Elastic Email」那樣有上限封數，我覺得非常便宜。

這種網域信箱除了可寄信亦可「收信」的，所以會有一個網頁版的收信匣( https://cloudways.mymailsrvr.com/ )，如果常常忘記登入收信，還可以將此網域信箱設定成「自動轉寄」到個人gmail，這樣就不會漏收信了。

官方說明 : 點此1 、點此2

實作

1、啟用Rackspace Email服務

[SMTP]啟動Cloudways主機端的SMTP寄信服務(可寄可收)-網域信箱(Rackspace Email)-1

2、增加一個網域信箱

點擊Add Mailbox後，設一組想要的網域信箱，例如我以客戶的網域是「lizpetedu.com」，那麼我就命名一個id叫「service」，再配合網域名稱，組成一個網域信箱叫「[email protected]」，後面密碼再自訂一下。

[SMTP]啟動Cloudways主機端的SMTP寄信服務(可寄可收)-網域信箱(Rackspace Email)-2

[SMTP]啟動Cloudways主機端的SMTP寄信服務(可寄可收)-網域信箱(Rackspace Email)-3

帳密請先記下來，後面會在網站中串接這個信箱時需要用到。

3、設定轉寄到私人Gmail

既然都在這個介面了，我就同時設定一下「自動轉寄」到客戶個人的gmail，這樣就不用時常登入網頁版收信匣來收信，而且可以同時設定「保留信件副本」在網頁版收信匣中以當備查(圖中③)。

[SMTP]啟動Cloudways主機端的SMTP寄信服務(可寄可收)-網域信箱(Rackspace Email)-4

PS : 設定自動「轉寄到gmail」是很簡單，但若想要從gmail中用網域信箱直接當寄件人，則另再設定一些動作，可以後續再參考此篇，這篇就不講這個。

▼在help中也可以直接進入網頁版收信匣

[SMTP]啟動Cloudways主機端的SMTP寄信服務(可寄可收)-網域信箱(Rackspace Email)-5

4、須設定4筆DNS

接下來就是重頭戲了，必須在我們的網域DNS上加上4筆DNS，這樣這個網域信箱才能運作。

要設定DNS，首先要進入你的網域商後台，本站常用的例如Godaddy或Gandi網域商，而我此客戶的網域DNS是放在Cloudflare中做管理，我就先登入Cloudflare後台來設定DNS記錄。

▼目前只有2筆DNS記錄，要再加上4筆。

[SMTP]啟動Cloudways主機端的SMTP寄信服務(可寄可收)-網域信箱(Rackspace Email)-6

▼4筆DNS如下，等一下就複製來貼上即可。

Type	Hostname	Destination	Priority	TTL
MX	@ or 空白	mx1.emailsrvr.com	10	3600 seconds or lowest allowed
MX	@ or 空白	mx2.emailsrvr.com	20	3600 seconds or lowest allowed
TXT	@ or空白	v=spf1 include:emailsrvr.com ~all	NA	3600 seconds or lowest allowed
CNAME	autodiscover	autodiscover.emailsrvr.com	NA	3600 seconds or lowest allowed