遠距輕鬆上手WordPress!學會架設購物網站
傳管三乙 – 葉庭卲、陳媺芸、賴柔安、陳怡安
大二上學期選修方老師的「網路媒體平台建置與管理」後,接觸到WordPress學習架設網站,那時候就覺得自己架設網站很有趣,但當時所製作的網站也不知道去哪了,也沒有截圖到,我覺得有點小可惜,畢竟是第一次架設網站,而且還有可能是最後一次。
原以為只能上到一次架設網站的課程,沒想到在這學期也能接觸到網站的架設,將我們在大二所學到的Elementor頁面編輯技巧,再繼續往下更深入的延伸製作網站,加入了Woocommerce購物網站的架設,透過這個網站的架設,自己在網路上為所欲為的開一間自己想開的網路購物商店,因此我們架設了與旅行相關的網站。
因為在大二已經學過WordPress及Elementor的課程,所以在前半段是能很快就上手的,曾經學到這部分的記憶很快就湧上來。在首頁頁面編輯的部分,馬上就得心應手的將首頁架設好了,只不過老師提供的免費圖庫資源太豐富,在圖片的選擇上花費了許多的時間,一直想著在排版上畫面要好看、圖片大小要相同等等,在照片上就挑選了好幾個小時,但製作出來的首頁,自己看了挺滿意的。
旅行 TRAVEL – 首頁
雖然老師有將免費圖庫提供給我們,但還是希望我們能使用我們在課堂中,所學到的PhotoShop與Illustrator技能做結合,並放置在我們的網站中。我們這組在網站的架設中,融入了過去在老師課程中所製作的PhotoShop及Illustrator作品,也從圖庫中找了些適合的照片放進網站裡,我們主要將免費圖庫裡的照片都放在首頁中,使畫面變得較美觀。
因為現在有很多人都喜歡旅遊,有的喜歡自由行,有的喜歡跟團旅行。跟團旅行的旅客,行程活動都會由旅行社安排好,而自由行的旅客要自己安排行程及活動,但很多人都忙於工作沒有時間安排,或是有些人不想自己安排,有的人也會對旅行有些問題,因此我們也有FAQ的頁面。
旅行TRAVEL – FAQ
旅行TRAVEL – 商店
旅行TRAVEL – 商品內頁
因此,我們所架設的旅行TRAVEL網站,提供了安排旅行的服務,只要將你想要去的地方、吃喝玩樂等等資訊提供給我們,若是不太了解當地有什麼景點、美食、活動的話,只要告訴我們你想要的是哪種類型的旅行,我們就能將行程安排好,並將行程活動寄至顧客的信箱中。若看完行程後,有什麼想法都可以提出來討論,若覺得使用信箱無法即時做討論及回覆的話,也可以透過Line或Facebook等社群網站,與我們私訊商量討論。
我們相信我們的顧客都是有信用的,我們相信我們的顧客,因此我們使用貨到付款的方式,而顧客相信我們能提供給他們最好的旅行,因此我們會盡心盡力地做到最好。
旅行TRAVEL – 購物車
旅行TRAVEL – 結帳
旅行TRAVEL – 收到訂單
老師在教學影片中,示範這部份時,還要安裝「WP Mail SMTP」,這段還真的有點小複雜呢!深怕自己走錯一步,就會前功盡棄了,所以就很小心的照著老師的步驟走,還一直對照畫面跟老師的有沒有不一樣,搞得我們很緊張,最後也成功的完成這段小複雜的過程,再回到網站試著下訂單,看看最後有沒有收到信,看到有收到信,就放心地結束這個有趣的購物網站架設了。
旅行TRAVEL – 成功收到下單信件
起初,看到老師改用Bitvise,不是之前所學的Putty+FileZilla,再加上我們這組有人使用Mac,而Bitvise是不支援mac的,原先還有點擔心會不會沒辦法融入這個作業,就私訊老師的臉書,詢問老師mac的使用程式,雖然和老師的不一樣,但還是能跟著老師一步步慢慢學習。在架設過程中也遇到過問題,像是點擊商品頁面卻無法顯示,後來也有其他組別也遇到這個問題,老師就錄製了一段解決這個問題的影片,還遇到過安裝Woocommerce後不知道按到了什麼,整個首頁畫面變得很凌亂,後來自己慢慢回想老師之前教的版型更換的方法,就自己摸索將版型更換成原本的版型,換回來的那瞬間,真的是很有成就感!
老師使用遠距的方式,以後我們想要再自己架設網站的話,還能再回過頭來學,除此之外,老師還會很有耐心的回答我們的疑惑與困難,還會將我們所遇到的困難錄製成教學影片,讓我們遇到這個困難時,就能看影片自己解決了。老師架設了這個雲端平台,讓我們能夠將自己的作品都放在這裡,而網站架設的作品在未來也不知道會不會消失,因此老師讓我們利用截圖的方式,不但可以將作品直接呈現在這個平台中,我們以後也能再回頭看看自己當初所架設的購物網站。