WordPress網站設定教學

本集System爸打教您幫WooCommerce網店設立Stripe信用卡支付方式。 大家好。System爸打在上一講中教了大家如何申請一個PayPal account並連接到您的WooCommerce網店。今集System爸打就教大家申請另一個payment method，叫Stripe。 那Stripe和PayPal有什麼分別呢？分別就在於，當客人用PayPal checkout時，它會連接至PayPal網站。而Stripe則會讓客戶直接輸入信用卡資料到您的網站，然後用Stripe來付款。那有什麼分別呢？分別就在於，若我去一個網店，而我覺得自己不太熟悉這個網店。那我可能會不想輸入我的信用卡號碼。我會寧願接駁去PayPal，感覺好像安全些。但若我是經常到這個網店購物，而我也信任這個網站的。那我大可直接輸入信用卡資料，這樣用Stripe方式就更加直接。所以PayPal和Stripe各有各不同好處，可以讓客戶自行選擇。 按此開始收看教學影片: 好，要set up Stripe，首先就要有一個網店。在之前幾講中，我已經教大家set up了一個像這樣的網店。這次我會用maonshop.com來作示範。因為我需要一個有HTTPS的。因為若您用Stripe，是需要輸入信用卡的，您沒有HTTPS就輸入不了。所以我用這個maonshop.com網址來作示範。 好，我先login做admin。輸入我admin的login ID、password。好，接着回到這「WooCommerce」的「Home」。選這個「Set up payments」，再選這個「Stripe」。按「Connect」。然後開始使用Stripe，需要輸入一個email。再輸入一個密碼。按「下一步」。接着輸入您的手機號碼。然後會收到一個短訊驗證。好，然後去下一步。輸入一些公司資料。選擇您公司的類型。然後輸入您的公司名稱。輸入您註冊的公司登記。 之後輸入商業電話號碼。輸入網址，之後去下一步。然後輸入公司代表的名稱。輸入一個電郵地址。職位。出生年、月、日。住址、電話號碼、身份證號碼。然後給這個打勾。然後輸入一個銀行號碼。您需要輸入您真實的銀行戶口號碼。然後輸入一些公司資料、簡短描述。然後檢查有沒有資料缺漏。這裏說您缺少了一些資料，原來還欠產品描述。按「儲存」。這樣就可以完成了。這樣便連接了Stripe，可以去試試付款。 先Log Out。然後去購物那裏選取您的product。按「ADD TO CART」，「CHECKOUT」。接着輸入您的名稱。輸入地址。輸入email address。然後按「Continue to Delivery」，「Continue to Payment」。然後這裏可以輸入您的信用卡號碼、Expiry Date和卡背號碼。接着agree它的Terms and Conditions。好，這就收到那件order，交易完成了，您可以login Stripe查看資料。Login後，您會看到版面這裏有$7.62，代表您的網站已經成功連結Stripe。 好，今天就分享到這裏。 若您看過這段影片後覺得有幫助，您可以按右下角的logo訂閱我們的頻道以收看更多內容。若您想了解更多關於System爸打的服務，您可以到這個網址。若您看過影片後有問題想問System爸打。您可以Whatsapp這個電話號碼跟System爸打聯絡，System爸打會很樂意解答您的問題。

本集System爸打教您幫WooCommerce網店設立PayPal支付方式。 大家好，System爸打在上一講中教了大家如何開網店。是用WooCommerce的plugin，再用一個Woostify的theme，就可以製作一個成型的網店。但這個網店有一個最重要的功能——Payment，是還未set up的。所以在這一講中，System爸打就教大家如何安裝PayPal，讓客人可以用PayPal付款。 按此開始收看教學影片: 那要怎麼做呢？首先第一步是去PayPal網站開一個account。您輸入「paypal」，然後click進去。然後sign up一個新的account。這裏有兩個選擇：一個是Individual Account，另一個是Business Account。您需要選擇Business Account。接着輸入相關資料。首先第一個問題是問您的PayPal是用來做什麼的。是用來Receive payments或Send payments的，亦可以是Both的。那我們選Both。那PayPal是如何accept payments呢？就是「On website selling goods or services」，選它。 至於estimated的volume，視乎您的生意有多大。最少是選這項，按「Next」。接着輸入您的email address。之後要輸入一個PayPal的password。然後輸入您的公司名稱。然後輸入電話號碼和address。我這裏先輸入一個假的，您則要輸入一個真實的address。然後輸入您account的人名。輸入出生日期。選擇性別。選擇身份證號碼。還要accept它的T&C。 接着來到下一步，describe您business的nature。您所sell的是什麼類型的products。我這裏選「Professional Services」。然後您可以輸入您的網址。然後您可以輸入一個在payment時，會在card statements上顯示的名字。只能輸入最長11個位。這樣便開了一個PayPal account。 開了PayPal account後，第一步要做的就是在「Pay & Get Paid」下，選「PayPal Checkout」。在「PayPal Checkout」裏有幾個方法。第一個是「Quick setup for individual items」。第二個是「Standard integration」。第三個是「Advanced integration」。我們就選這「Standard integration」，按「Start Setup」。這裏會教您如何set up一個standard payment這樣。 第一步您要進去這個「Get started」。您需要有一些資料（如client ID），所以您要按「Get started」。然後就可以跟着這些steps去做。按「Log in to the Developer Dashboard」。內裏有一個Sandbox和Live，我們直接去「Live」那裏。然後這裏說您的email需要confirmation，您可以先confirm您的email。那要怎樣confirm呢？首先您要check email box。您的email box應該會收到一封email，您就按「Confirm My Email」。然後輸入剛才的密碼。確認您的電子郵件。然後再confirm您的電話。再輸入它send給您的SMS的code。按「Continue」。好，然後回去剛才的版面。Confirm完您的email後，您需要關閉您所有的PayPal版面，再重新login。 然後再一次進到「Pay …

第11講: 教您幫WooCommerce網店設立PayPal支付方式 Read More »

本集System爸打教您開網店 使用WordPress WooCommerce。 大家好，System爸打一連說了九集，但WordPress網頁都仍是「Hello world!」那麼簡陋。所以今集System爸打就教大家如何去modify這個WordPress——教大家開一個網店。我們會用一個叫「WooCommerce」的plugin。 按此開始收看教學影片: 首先要login做admin。然後在「Plugins」那裏按「Add New」。再在這裏輸入「woo」。您會看到這個WooCommerce，按「Install Now」，「Activate」。它先會叫您step by step地set up一些資料。首先在這裏輸入address。然後選Country/Region，按「Continue」。接着它這裏會問您要不要做usage tracking，您可以選「No thanks」。點選您間store的類型。您可以選您那是Physical products還是一些services。接着這裏問您大概會賣多少件貨品。問您現在是否已經在賣了。這裏可以click了它。這裏有很多themes供您選擇。這裏您先別進行改動，先skip了這step。接着這裏會叫您create一個account。您可以輸入相關資料。好，這裏已經完成了。您可以一直按「Next」。 然後您可以看看您現在的網址。您會看到好像跟之前沒什麼分別的樣子。您可以再回去admin那裏選這個「Themes」。然後按「Add New」，在這裏輸入「woo」。您可以安裝這個「Woostify」，按「Install」，「Activate」。好了，您可以再去看看您的網址。現在的外觀已經不同了，出現了一些shopping cart之類的東西。 現在您可以再次回去「Dashboard」那裏。選擇「Appearance」裏的「Woostify Options」。這裏會有一個「Install Woostify Library」，您可以click下去。然後按「Import Demo」。接着按「Start」。接着選一個您喜歡的template。然後按「Next」。接着Install Plugins。直等到這裏的剔號都變了綠色，便按「Start Import」。同樣等這些剔號都變綠色。好，這裏便完成了，您可以按「View your website」。您會看到您的網址已經齊備一個網店所有的功能。您可以修改這些內容以切合自己的需要。 好，今天就說到這裏，多謝大家。 若您看過這段影片後覺得有幫助。您可以按右下角的logo訂閱我們的頻道以收看更多內容。若您想了解更多關於System爸打的服務，您可以到這個網址。若您看過影片後有問題想問System爸打。您可以Whatsapp這個電話號碼跟System爸打聯絡，System爸打會很樂意解答您的問題。

當你使用AWS ligitsail建立WordPress，右下角會出現一個Manage Button。本集System爸打教大家如何移除WordPress右下角的Manage Button。 大家好。System爸打在第二講教了大家如何set up一個Instance、set up一個Fixed IP，是可以建立WordPress的。這樣您到這裏時，就可以用您的Fixed IP去您的WordPress網址。在右下角您會看到一個「Manage」的button，正常網址是不會有一個button在這裏的。那若您想移走它，可以怎麼做呢？ 按此開始收看教學影片: 您可以click入「Manage」。最底那裏有個「Disable this page」的quick guide，您可以click進去。它會教您如何移除這個button。這裏有個command，先copy它。須留意的是，這裏的「APPNAME」是要改做「WordPress」的。您可以用Notepad，然後把這個「APPNAME」改做「WordPress」。接着回到您的「Instances」那裏打開command prompt。然後把剛才那句command copy and paste進去。然後就繼續去restart一下您的Web Server。Restart完Web Server，您可以再次回到您的網址。現在webpage已經不見了右下角的button。那今天的分享就到這裏。 若您看過這段影片後覺得有幫助。您可以按右下角的logo訂閱我們的頻道以收看更多內容。若您想了解更多關於System爸打的服務，您可以到這個網址。若您看過影片後有問題想問System爸打。您可以Whatsapp這個電話號碼跟System爸打聯絡，System爸打會很樂意解答您的問題。

本集System爸打教大家如何使用Yoast SEO向Search Console提交site map。 大家好，System爸打在第五講中教了大家如何將您的網站連結到Google的Search Console。在這一集，System爸打就教大家如何將網站的Site Map submit上Search Console。若您不將您的Site Map submit上Search Console，假以時日Google還是會search到您的網址。但若您主動submit給它，Google就能index得快些、準確些，所以還是建議大家做這個動作。 按此開始收看教學影片: 那要怎樣去做？首先第一步，進入您WordPress的管理員，然後在「外掛」那裏安裝一個外掛。您可以在這裏輸入「yoast seo」。然後按安裝。安裝完後按「啟用」。啟用完後，您可以在這裏按Yoast SEO的設定。然後在「特色」下，您會看到一項叫「XML網站地圖」。Click這個question mark會出現一條link，按「See the XML sitemap」。 第一個您會看到的是「sitemap_index」，內裏有四個不同的sitemaps。您可以將所有sitemaps都submit上Console。第一個先submit site index，您可以copy條link。然後回到Search Console中一個叫「Sitemap」的版面。您可以新增Sitemap，貼上這條link，然後提交。Google已經成功提交了這個Sitemap，您會看到它的狀態是成功的。 接下來您可以把其餘links都copy過去。這是post的Sitemap，都是能夠成功提交的。它還找到九個網址數目這樣。然後是第二條link，是page的Sitemap。好，這也找到八個網址。再來是category的Sitemap。最後是這個。把它也提交了。 好，當您提交完後，您要給Google一些時間去index您的file。Index好後，您可以去Google輸入「site:」然後輸入您的網址。這樣您就可以看到Google index了您網站的哪些page。結果只會局限於您網站裏的index，全都可以在這裏找到。好，今天就分享到這裏。 若您看過這段影片後覺得有幫助。您可以按右下角的logo訂閱我們的頻道以收看更多內容。若您想了解更多關於System爸打的服務，您可以到這個網址。若您看過影片後有問題想問System爸打。您可以Whatsapp這個電話號碼跟System爸打聯絡，System爸打會很樂意解答您的問題。

參考文章:https://lightsail.aws.amazon.com/ls/docs/en_us/articles/amazon-lightsail-using-lets-encrypt-certificates-with-wordpress 本集System爸打教大家如何用Lets Encrypt為網站設定HTTPS。 什麼是HTTPS？其實平時您上網輸入網址，有時會輸入http://www然後是網址。又或者您會輸入https://www然後是網址。那兩者有什麼分別呢？有s和沒s的分別在於，有s就是secure的。意思是當您去那個網站看資料，或者您輸入login ID、password等資料時。是會經過一個encryption來傳送至那個server的，這樣會比較安全。若您沒有做到這個HTTPS，只是HTTP的話，那它的傳送過程就沒有被encrypt。有機會會被人中途截取資料，看到相關內容的了。因此HTTPS會比較secure。 另一個我們想安裝HTTPS的原因。是因為Google Chrome已經set了若是HTTP，它會顯示您為不安全。相信您也不想您的客戶覺得您的網站不安全吧？因此我還是建議您安裝HTTPS。我現在就示範給大家如何去做。 按此開始收看教學影片: 首先我有一個網址：morevisitor.com。您會看到Chrome這裏說這是個不安全的連線。若您按這裏，您會看到它的certificate是無效的，那便需要安裝一個certificate了。它會打開這個版面，您若按「進階」繼續前往這個網站，那還是可以的。您會去到，但它仍然會顯示這為一個不安全的連線這樣。若我要為這個網站安裝HTTPS，那要怎樣做？ 首先第一步是看看這個文件。這個文件的link可以在YouTube description那裏找到，您可以看看。這個文件會step by step教您怎樣為您的網站安裝HTTPS。好，我們只需跟着這個文件一步一步做就可以成功的了。 首先第一步是打開您Lightsail的Instances。這裏有兩個Instances，選2這個。好，打開這個Instance之後，就會進到一個command prompt。然後跟着它做。第一步是update一些資料。您要開着這個command prompt，再用copy and paste方法。做完這第一步，然後繼續update一些software。這樣copy and paste就可以了。接着它這裏會問您要不要繼續continue，您按Yes。因為它要佔用一些space，所以才問您。那update完後，就繼續copy and paste進去來安裝一些package。 接着安裝一些certbot。然後繼續一步一步copy and paste進去就行了。接着來到這Step 3，就是安裝一個Let’s Encrypt。Let’s Encrypt是一個免費提供HTTPS的機構，亦有很多公司使用的。您可以跟着步驟安裝。第一步要輸入Domain。然後像這樣輸入「WILDCARD=*.$DOMAIN」。輸入完成後，輸入「echo $DOMAIN && echo $WILDCARD」。您會看到它出現這兩句：「morevisitor.com」和「*.morevisitor.com」，即是OK的了。好，然後繼續輸入。按Enter。 現在我們來到這個位置。Let’s Encrypt這裏需要向您索取一些資料。第一項要向您索取的是email address。其實最主要是用來通知您的cert到期。再來是agree Terms and Conditions。然後它會問您是否share email address。您選Yes or No也可。接着就問您是否log您的IP。您可以再次copy。好了，在這裏continue之前，您需要update DNS。 那要怎樣update呢？回到Lightsail的「Networking」，找到您之前設定DNS的位置。然後添加record，要添加一個TXT record。然後這裏第一個位置輸入這個。而後面這裏則輸入key。然後按剔號。這樣便添加了TXT record。接着您可以驗證一下TXT record通不通。那要怎樣驗證呢？ 回到文章那裏，它有提供一條link。就是這條，click進去。然後Domain Name輸入剛才這個。之後按「TXT Lookup」。這裏能找到您的record，即代表您的設定OK了，可以繼續。然後按Enter。它會出現多一個的，您可以不予理會。通常第一次做它都會說有error的。它會說您Incorrect TXT record的。那不要緊，您可以多做一次。 第一次它通常會說您error的。但您再做一次，它通常便會OK的了。好，按「Y」。然後這個cert會不同了，您要再copy一次。然後回到DNS的TXT record那裏edit它，換一個新的，再按剔號。然後用這個網站再test多次。Update後可以再試。回到這裏按Enter來Continue。再按Enter。您看到它load完後會說「Congratulations」，您的cert已經save了。即代表已經通了，代表您的cert已經安裝成功。 接下來還有一些步驟要繼續進行的。重看文件，來到「Congratulations」這part。它提醒您的cert是會expire的，一段時間過後是要重新安裝的。然後來到Step …

第07講:如何用Let’s Encrypt為網站設定HTTPS Read More »

本集System爸打教大家如何為網站設定Google Analytics並使用MonsterInsights連結WordPress網站。 大家好，System爸打今天會教大家如何將您的網站連結到Google Analytics。 為何要這樣做？其實Google Analytics是一個網站分析工具。可以有助您了解網站流量、有哪些人瀏覽過、哪些版面最常被click進去等眾多資料。所以都建議大家去使用。 按此開始收看教學影片: 首先在Google裏輸入「analytics」。這樣便search到「Google Analytics」，click進去。然後您可以在設定那裏建立一個帳戶。首先輸入您的帳戶名稱。然後同意這些條款。在這裏輸入您的「資源名稱」，給它起個名稱。選擇您的時區「香港」。然後選擇您的貨幣。然後這裏須留意一點，就是要click這個「顯示進階選項」。接着要啟用這個「建立通用Analytics（分析）資源」。 為何要這樣做？因為待會我會介紹大家用一個叫MonsterInsights的plugin。是要用到這裏的setting的。在這裏您可以輸入「systembrother.com」。然後選這個「只建立通用Analytics（分析）資源」就可以了。然後可以去下一步，再輸入相關資料。像是您這個是什麼類型的網站、規模有多大。再點選您最常用到的功能，然後按「建立」。接着要同意它的條款。這樣便建立了資源和一個追蹤ID，是以「UA」開頭的。這部分可以先停在這。 然後可以回到您的WordPress網站。然後進入您的控制台。再在「外掛」這裏安裝工具。您可以輸入「Google Analytics」。是這個MonsterInsights了，亦有很多人下載的。您可以按「立即安裝」。之後啟用它。啟用後便可以launch這個精靈，step by step地進行。先選擇您website的類型。然後按「Connect MonsterInsights」。接着選擇您的Google account。再允許一些access。這裏會顯示剛才那個資源。在這裏會看到的了。您只需按「Complete Connection」。這裏還有數個steps。都是照按「Save and continue」這樣。這樣便Finish了Setup。您會看到這個「Website Profile」下出現剛才那個Google Analytics的資源。 接着回到Google Analytics，「首頁」那裏。這樣您的網站應該已經連繫了您的Google Analytics。那要怎麼知道它究竟通不通？可以做一個動作，就是打開您的手機，然後輸入您自己的網址。然後等一會，便會看到有數字顯示出來，代表您的Google Analytics跟您的網站已經互通。

本集System爸打教大家如何為網站設定Search Console。 大家好，System爸打今天會教大家如何將您的網站加到Google的Search Console。 那為什麼要將您的網站加到Google的Search Console？原因很簡單：您製作網站無非是希望被別人找到。現在最多人常用的搜尋引擎還是Google。那您可以如何讓人在Google裏找到您的網站呢？您可以先將您的網站登記到Google的Search Console。再提交您的index，好讓Google能加快index到您的網站，這樣就能讓別人找得到您。 按此開始收看教學影片: 那第一步要怎樣做？您可以在Google裏輸入「Search Console」。便看到這個「Google Search Console」，check進去。然後按這個「立即開始」。您首先要login您自己的Google帳戶。在這裏添加您的網站，要click您左邊這裏。然後選擇新增資源。新增資源有兩種方法：左邊那個是用網域，右邊那個則用網址。我建議大家用網域，因為網域的涵蓋範圍比較闊，不過它需要DNS認證。那因為之前我都有教過大家如何set up DNS，所以其實是可以用它的。那若您沒有DNS的setting，您可以用右邊的網址方法來認證。 好，我今天示範的是用域名來認證。那我先輸入我的網址。然後按「繼續」。然後它會generate一個key給您，您需要把它放進您DNS的text裏。那要如何做呢？您首先複製這個key，然後進入AWS的Lightsail。然後選「聯網」，裏面有DNS，是之前建立了的。您可以選擇您之前set up DNS的那個，再按「管理」。裏面有您的A record，而您需要增加一個TXT record。在子域名這裏，您輸入「@」就可以了，即是代表沒有東西。至於「回應內容」，您就paste剛才copy and paste的Google那個key。然後按這個剔號。這樣便添加了TXT record。 接着回到Google的console，按「驗證」。它便會check您的TXT record是否存在。它會顯示「已驗證擁有權」，即代表您確實是那個網站的owner。所以它便OK了，您可以按「前往資源」，完成便前往資源。這裏便是您網址的Google Search Console了。但它的資料需要處理，大概需要一天時間才能反映資料。

參考文章:https://lightsail.aws.amazon.com/ls/docs/zh_tw/articles/amazon-lightsail-connecting-to-linux-unix-instance-using-sftp 本集System爸打教大家如何設定FTP將File上傳到網址。 大家好，今集System爸打會教大家如何在Lightsail中使用FTP。 首先讓我來講解一下什麼是FTP。FTP全名是File Transfer Protocol。意思是當您有個網址，您的files其實是放在server上的嘛。那您可以怎樣用您家裏的PC或notebook upload那些files到server上呢？那便是透過FTP了。 按此開始收看教學影片: 您第一步要做的，是安裝一個FTP的client。就像您現在看到的這個FileZilla，是其中一個FTP的client。安裝完後，左邊您會看到您自己電腦裏的files，右邊則是您server上的files。您按upload上去就OK的了。 不過您首先要做一個設定。該如何設定呢？在Lightsail上有一篇很好的文章，就是這篇，您在我YouTube的description裏便會看到。這裏會教您如何設定FTP。 首先第一步您要去找到這個SSH Key，即是SSH的金鑰。那要去哪裏取呢？首先在「Account」裏click這個「Account」。那裏有SSH的Keys，當中有不同的sites，您可以隨便選一個download。Download完後就取得file。接下來可以去FileZilla按這個「站台管理員」，然後新增一個站台。協定那裏選擇「SFTP」。然後「主機」方面就輸入Fixed IP address。若您有用DNS，那直接輸入您的英文網址也可。http那些不用輸入，只需要輸入IP或網址。 「登入型式」就選擇「金鑰檔案」。至於「金鑰檔案」這裏，可以選擇您剛才下載了的那個file。這裏的「PPK files」要轉做「PEM files」，然後選這個。然後「使用者」這裏要輸入什麼？ 剛才那篇文章有提及的。文章這裏有說。其實您現在使用的Lightsail的「執行個體」是這個。所以您要選這個，複製它。然後在「使用者」這裏貼上它，再按「連線」。然後這裏它會問您這個金鑰是否正確，那您按「確認」。這樣您就可以connect進它的file server。 那您WordPress入面的file在哪裏？是在「apps」入面，選這個「wordpress」，然後「htdocs」。這堆便是WordPress的files。您在這裏upload files上去後，在網址上也會看得到。

本集System爸打教大家如何設定DNS將網址和IP Address掛勾。 大家好，這集System爸打會教大家如何為您的網址set up一個DNS。 DNS有什麼作用？ 平時您上網會輸入一個英文網址，譬如abc.com這樣，您不會輸入這樣一個Fixed IP的嘛。那您要如何將您的Domain Name跟這個IP掛鉤呢？那便是用DNS的方法。 按此開始收看教學影片: 第一步，您需要去申請一個網址。您上網search類似申請Domain Name的字眼，便會出現很多選擇。通常都是以年費形式，您買了那個網址，就付一年年費這樣去申請。申請完後，它通常都會有一個介面給您輸入DNS資料。 好，當您申請了您的個網址後，您便要去這個「Networking」。然後create一個DNS zone。再在這裏輸入您自己的網址。例如我這裏就輸入「systembrother.com」，即我的網址。然後按這裏create一個DNS zone。接下來有兩個步驟需要做，第一個步驟是添加DNS record。在這裏選擇「A record」，即是iPv4 address的方式。然後這裏輸入@，即代表前面是沒有東西的。然後這裏要Resolves to，就選您建立了的那個Fixed IP。 加了這個record後，您可多加一個record。就是「www」，然後同樣選那個Fixed IP。這樣便建立了「A record」。 接下來第二步要做什麼？就是把這四個Name servers網址copy and paste去您申請Domain Name時的DNS server位置。然後當您update完那個DNS server——通常都需要一些時間，大概一至兩天左右就OK了——這樣，當那些DNS全都update了的時候。您只需要輸入您的網址，就可以進到之前set up的這個page，而不用再輸入這個Fixed IP的了。 好，那今集就先說到這裏。