內容大綱
做網站前的觀望
大約在2020年偶然在網路上知道網站帶路姬的WordPress教學,那時已大約瀏覽了一下5天衝刺班的影片,興起了自己想做網站的念頭,但是我並沒有付諸行動,有以下因素:
1.需花錢買相關架站用的主機、網域和佈景主題
那時候問自己,市面上有很多免費部落格可用(例如:痞客邦…等),這些都不用付費,有必要花這個錢嗎?當時因為疫情關係開始放無薪假,當初計劃想利用bluehost初次購買優惠一次買三年,但這是一筆不少的費用,因為這點讓我觀望超級久而遲遲沒有行動,這點是最主要的因素。
2.怕自己半途而廢
我常常這樣,有興趣的事會先一頭熱,就會網路上搜尋學習資源跟著看影片一陣子,那陣子會沉迷於那件事情,任何事情當你剛接觸的時候,會很興奮覺得很新鮮有趣,直到學習的路途上遇到難題,就會覺得好痛苦,『怎麼做不出來這個效果』、『奇怪了!教學影片明明就是這樣的,怎麼我找不到在哪裡?』,『哎呀!網站壞掉了,怎麼長這樣?哪裡的問題?』,最後就『好煩喔!』直接放棄。
像我之前想自學塗鴉類的簡易插畫,平常不怎麼畫的人,開始畫都嘛很醜,畫的不像書本範例那樣是很正常的事情,常畫就會熟能生巧,但有耐心安排自己每天這麼枯燥乏味的練習,怎麼會開心呢,當初熱血的一頭栽入,最後冷靜收場,於是我就沒再畫了,那架站的狀況如果又半途而廢,我花了3年買的主機還有其他的費用是不是又浪費掉了(錢果然是我的心魔,最後還是怕浪費錢持續觀望中)。
為何不再觀望,開始著手做網站?
我記得帶路姬今年更新教學2.0的時間約在2021年11月1日,在那之前,大概10月左右開始有較強烈想做自己網站的念頭,但是遇上接近年底公司旺季,幾乎每天加班,一回到家就只想休息,別說看教學影片了,累到連電視都不想看了,遇到周末也只是想好好睡覺兼耍廢,我一直有把做網站這件事情放在心上,但因為忙碌的工作讓我有心無力,一直遲遲無法動工。
1.購物衝動
有時候就是要有1股衝動,才會下定決心去做,這個理由說起來超級俗氣,我記得當天是2021年11月28日,不知道為什麼,就在這冥冥之中,我忽然想到要好好來看教學影片和購買相關的佈景、主機時,遇到了美國的黑色購物節,很多要買的東西有超級特惠而且只剩下倒數幾天就要結束了,我實在不想錯失這種撿便宜的機會,對!就是這個理由(就是這個衝動),於是我衝了,買下去!(不知道這麼辛苦認真出教學影片的帶路姬,看到這個理由會不會想打我XD!)
2.想要獎品的慾望
這又是另1個俗氣的理由,2021年11月8日開始可以提交網站,當時看到有獎徵站的獎品很豐富,就算最後網站沒有獲獎,前100名提交的網站也是有安慰獎的,參與線上投票的人每天有6票,投越多得到抽獎獎品機率也越大,這麼棒的好康,我怎麼能錯過呢?(哈哈!又是這種心態)。
平常周六、日都在耍廢,基於上述這些理由,我2021年11月28日開始動工了,抱著先求有再求好的心態先參與有獎徵站的活動,就算網站不像樣也沒關係嘛,本來就不期望剛開始會做的多好,能做出來就很不錯了!
看完第一天的教學心得
1.恩…我英文還給老師了
趁黑五購物節的特惠,我開啟了第一天的教學買家私(台語),第一天的教學基本上蠻輕鬆的,跟著帶路姬買東西還蠻開心的XD(撿便宜撿得很開心吼!),這看似輕鬆的購物流程,可不是我這個憨人(台語)想的這麼簡單,如果沒有她解說那些購物流程,解釋那些購買流程中的英文網頁的內容,我真的覺得像無字天書那樣,怎麼買都不知道,這時候我發現用WordPress架站,英文好不好?真的是1個蠻重要的因素,很多資源都是英文的,我的天啊,我誤上賊船了嗎?我英文都還給老師了,往後可能要有常求助google翻譯的心理準備了!
2.恩….用mail認證啟用網址時,按錯了XD
真的要很仔細認真聽和看老師的講解,老師有講是從〝bluehost〞寄來的mail,(老師有講都沒在聽吼!摔筆!)
其中1封信開頭會是〝WHOIS Verification for happychickendw.com. Action Required.〞
我大概是收到太多英文mail一時昏頭和驚嚇到,也沒搞清楚是從〝 bluehost 〞寄來的?還是〝Wordpress〞寄來的?
我竟然把從Wordpress寄來的外掛認證的這封〝Jetpack is included with your Bluehost hosting plan, verify your email now〞
當作是〝 mail認證啟用網址〞的那封,因為同樣有〝Verify your mail〞按鈕,但是是藍底的(怎麼跟老師說的綠底不一樣?我以為是介面不同吧) ,結果就覺得怪怪的,以為已啟用了網址,但進Bluehost後台還是顯示〝Not Verified〞,老師說14天內要認證完畢,我當時心裡很著急,怎麼會這樣?如果過了14天後還是這樣,是不是要重買網址了!光這裡我搞好久,應該有1小時左右吧!我不死心,覺得一定是我搞錯了,後來在信箱裡再找一下是不是其他的mail,果然找到了,按下綠色底顯示〝Verify your mail〞字樣的按鈕最後認證完成。
以上是我回顧了一下當時狀況才知道當時問題點在哪裡,我也順便再重看了一次第一天,關於這個認證的影片,希望提供給新手一些經驗,也加強我的印象。
看完第二天的教學心得
1.安裝佈景主題會是個問題
老實說,沒有這樣一步步跟著帶路姬的教學安裝佈景主題,自己光看那英文並用google翻譯去理解步驟並安裝,我真會搞個1~3天還無法解決,我就會非常痛苦,之後直接放棄!我其實有試著停下來閱讀那些安裝步驟的英文內容,一邊用google翻譯去理解意思,真的有困難。
在套用佈景主題當中,我其實遇到了一些問題,也不知道怎麼回事,匯入版型後跑了超久都沒有顯示匯入完成的訊息,中間有解除安裝再匯1次,帶路姬有說用bluehost的主機會比較慢一些,我就一直等,當時等了1個小時,還是沒有顯示匯入完成的訊息,後來直接預覽網頁的畫面是有套用成功的,只是跟帶路姬的畫面有點不太一樣,我認為是版本的問題就沒理會並繼續跟著教學繼續學習。
2.基本觀念很重要,最好多看幾次
第2天教學第5、6、7、8影片都是基礎觀念,有時間的話,多花些時間多看幾遍,雖然帶路姬這課程是5天自學衝刺班,也不一定要趕在5天內看完阿,對於新手來說,要能建立好基礎,比較重要,千萬不要像我一樣犯了心急的問題。
我第1次看的時候,不覺得重要,沒有認真看,只是想趕快做出網站趕快交出來參加有獎徵站,因為截止日期時間要到了!(教學開頭就有講這天是基礎,基礎很重要 很重要 很重要 ,因為重要所以講3遍,沒學會ㄅㄆㄇ,就直接想學造句,這樣母湯喔!)
最後的結果是,後面跟這些有關的地方要做修改,我不知道要往哪裡改!明明是網站四大區域頁首的地方,我卻以為是內容的地方,還有頁面、文章是不一樣的結構,雖然很像但是就是不一樣,不一樣在哪呢?我當時完全沒搞清楚,就在那編輯頁面的地方以為是在編輯文章,搞得糊裡糊塗的(老師講的又沒在聽,麻煩回去再看一遍!第2天教學第7個影片),還有分類、標籤的差異,這些對之後分類文章的內容很重要,直到我回頭來再多看幾遍,才搞清楚網站的整體架構。
看完第三天的教學心得
1.首頁編輯有2種方式
我學習的是〝部落格〞篇,在編輯首頁頁面,帶路姬告知有2種方式,用Elementor頁面編輯器和用外觀自訂器來設定,我是初學者只想用最簡單的方式設計首頁,所以直接用外觀自訂器的方式去設定滑塊幻燈片效果套用自己喜歡樣子,看裡面有30幾種樣子可以用,我一邊試一邊看效果,覺得很有趣,原來套用的效果也這麼好,用於部落格真的是綽綽有餘了。
後來第2、3次複習這個地方時,很好奇用Elementor頁面編輯器的差別,我稍微看了形象官網篇第3天講解這個部分的教學,發現自由度比較高,能改的地方算是蠻多的,比較直覺,美觀度的話,如果已經有自己想要的首頁樣子,可以試著編輯看看,我目前是只有稍微看一下教學並沒有實際操作,如果實際編輯的話可能又一陣混亂搞不清楚哪裡是哪裡,改天再來詳細學習這部分。
2.外觀自訂器修改雖方便,找到改的地方需要花時間
老實說因為是套用Soledad的佈景主題,他們家的佈景主題真的是很漂亮,英文介面(我的死穴,我就英文不好),有些我想改的地方若老師沒有介紹,我是得摸一陣子,跟那些英文搏鬥(有這麼嚴重嗎?),就會在那堆英文選項間來回切換,一邊用Google翻譯一邊猜一邊試,是蠻痛苦的。
看完第四天的教學心得
網站排版樣式修改細節選項太多,多看幾遍較佳,不然會忘記
關於排版上的設定大多用外觀自訂器的方式去修改,只是要改的位置是頁首?頁尾?彙整頁面?文章編排?單篇文章?還是其他地方?要很清楚改的地方是屬於哪邊,否則很容易迷失在一堆選項中,帶路姬在這天重點式的介紹一些常見的樣式修改細節,當場看完教學影片後印象是深刻的,會立即知道從哪修改,我再複習這天的內容之前因為工作忙碌的關係,這中間長達2個禮拜沒有碰WordPress,也沒有看教學,要我想起2星期前教學中換logo的位置,選單的字體大小、顏色如何調整,文章摘要字數長度的調整等….,我已經想不起來了,平常寫文章的時候應該就是沿用第一次架站時設定的樣式時就定下來了,接著往後的文章樣式基本上不太會去動了,若某天突然要去找排版和樣式的設定,就像大海撈針一樣找不到,就必須回去翻第4天的教學再看一遍了。
看完第五天的教學心得
1.匯入喜歡的版型,砍掉重練
之前都是用simple的版型做練習與修改,反正設定被我改的面目全非,跟原來的長的完全不一樣,想要用現有版型繼續做網站實在有困難,於是我決定砍掉重練,直接把網站還原重置到最初始的狀態,當然在重置的過程中也遇到些小問題,不過都一一克服了,面對著只套用版型但完全沒內容的網頁,等於重頭來一遍,之前看過教學的地方雖然有一點印象和概念,但在網站製作過程中並沒有這麼順利,等於又重新回去複習前幾天的教學,才發現有些重要觀念是當初沒有留意到的,雖然花了很多時間複習,不過也加深了印象。
2.外掛是個神奇的東西
製作聯絡表單這是我覺得第5天教學裡最有趣的部分,才發現外掛真強大也非常有趣,像製作表單用了外掛就很容易做出來,就我印象中反正就是很久很久以前念書時學做網頁,用到Dreamwaver這個軟體做表單功能時,我記得要設一堆有的沒的,反正就很難學不會,用WordPress裝個外掛套用改一改就好了,真的好快!然後表單製作要改表單的文字、顏色等美化表單又需要安裝另個外掛去修改這些地方,好像是想要什麼功能只要去尋找該功能的外掛即可,不過外掛裝的越多,當網站發生問題時,是否要去排除問題點時會越複雜,還有要修改網站上某個功能什麼的,是否又要找個半天在哪裡?對於我這初學者來說,還是越簡單越好,以後熟了再去研究這個部分好了!
3.畢業前的佛心的九大重點叮嚀
這個部分對於管理網站的觀念是非常重要的,可以避免許多初學犯些基本錯誤,讓經營網站會更順利,其中5點是我覺得跟我原本想的不太一樣。
◆ 1.網站後台出現更新,不要馬上點更新
什麼!有新功能出來不是很好嗎?當然要用最新的啦!新手建議不要〝馬上〞更新,更新功能後,若是佈景主題和外掛跟不上更新的速度就會有問題,建議觀望一陣子看看社團內是否有人更新遇到什麼問題再來更新。
2022/04/22 補充關於關掉自動更新的方式,帶路姬在這篇教學有教,可以參考
◆ 2.不要用頁面編輯器來寫文章
頁面編輯器用來排版比較自由、直覺,相較於用外觀自訂器好用多了,又可以排版的美美的,可是呢!頁面編輯器是用來編輯〝頁面〞而不是〝文章〞,何謂頁面,像是關於我、聯絡我等….〝頁面〞和〝文章〞的差別在哪?不是一樣嗎?我之前也搞不太清楚把2者搞混,真的真的不一樣(麻煩回去複習第2天的教學,這是基本觀念,很重要!)為什麼不能這樣做?因為若用頁面編輯器來編輯文章,日後若換佈景主題或其他頁面編輯器時,這些用編輯器編的文章排版就會跑掉,變得跟原來的不一樣,等於之前辛辛苦苦編的文章就要重新再排版過,文章數量一多不就很頭大,若我一開始為了編排好看用頁面編輯器來編輯文章,之後換佈景不就慘了!這個新手叮嚀真是太重要了!
◆ 3.外掛很神奇、好用,但不要濫用
剛接觸到外掛,我覺得它是個神奇又好用的東西,也不是裝越多越好,因為太多外掛會拖慢網站的速度,網站的速度會影響瀏覽網站的意願。
來路不明的外掛也別用,有時候在這些不明外掛檔案中會加一些奇怪的程式,就可能會發現自己的網站會有一堆奇怪的廣告跑出來等….
◆ 4.手機、相機拍好的照片請壓縮後再上傳
手機、相機拍好的照片檔案都很大,直接上傳會影響到網站速度,建議檔案大小壓縮到300K以下再上傳,這是新手蠻常犯下的問題,我也犯過,現在知道需壓縮後再上傳。
◆ 5.不要從設定/一般裡去改網址,網站會壞掉
我是有想過,或許過了幾年後想換網址的話不知道該如何處理,這點提醒了我不要犯這樣的錯誤,不然我真的有可能會這樣改網址XD!
學習課程結束後的心得與驚喜
剛開始為了參加有獎徵站花大概4天先看影片邊學邊做,先做出一個非常陽春的網站,內容就很隨意,就是抱著先求有再求好。
當初參加有獎徵站的網站截圖和當時寫的介紹文,網站真的很陽春啦!XD
參加投票時也參觀了其他同學的作品,有的同學超認真,完全看不出來是初學者,有夠厲害的,再看看自己的網站,覺得要改進的地方真的很多,雖然看過一遍的教學,其中還是有很多地方不熟悉,於是我等有獎徵站的活動一結束時,我決定打掉重練,並趁周末放假的時間再複習,複習過程中,之前釐不清的觀念清楚了,操作上不熟的地方、不懂得地方就耐著性子多看幾遍多試幾遍,前前後後大約花了1~2個月,終於不再像剛開始邊做邊學時的陌生,蠻有成就感的,希望能持續抱著這種學習心態下去,希望在幾年之後,這網站會越來越多文章並記錄著我的學習與成長。
對了!參加有獎徵站,除了獲得參加獎的獎品小7的200元商品卡之外,很幸運的抽到了很喜歡的獎品,就是Soledad的佈景主題,這是要我再做第2個網站嗎?^.^
下方是得到獎品的mail截圖
如果你想用WordPress做網站,非常推薦你來看WordPress 五天自學衝刺班 2.0的教學,從她的教學裡真的可以感受到她滿滿的用心和對初學者的貼心,從頭到尾真的幫初學者提醒了許多的重點和常犯的錯誤,推薦她的教學!