Holly

昨天晚上睡覺的時候,睡著睡著睡到突然靈光一閃,總算想到英文網站的首頁照片到底要走哪個方向了,就是飛機窗。

只是早上醒來之後,開始翻以前在飛機上拍過的照片,畢竟我搭飛機的時候其實非常忙,一路就是到處拍拍拍,深怕錯過什麼,所以照片倒是不少,但真正適合拿來做網站首圖的,反而沒有想像中那麼多。主要還是因為機窗實在太近了,在不打擾旁邊乘客的前提下,很難拍到一個既完整又好看的角度。

本來是想找完整機窗的照片,結果翻著翻著,剛好找到一張很接近符合我想法的照片,機窗只留下半個框架,外面是天空與遠景,半個窗框反而比全部更符合網站的需求。

1117 1320620 e1791182740562

且其實那張照片的水平,我自己一直都蠻喜歡的,只是如果直接拿來當首頁封面,畫面會有點單調,視覺重量也不太夠,往後翻了下,看到於是同一班飛機上拍到的富士山,發現角度還蠻適合的,就乾脆把兩張照片合在一起,雖然富士山當時用長焦拉到底才拍到,且當時的空氣裡也有一點霧,不過還好還是白頭的富士山,於把富士山拉近放進窗框中,然後再調整了一下清晰度與顏色,再把兩張照片的色調盡量拉近,最後合起來的效果,竟然比我原本想像得還要好。

fuji from airplane window

於是就這樣,一張原本只是隨手拍下來的飛機窗照片,加上一張不知道當時為什麼一定要拍下來的富士山,最後變成了英文網站的新首圖,且我真的很喜歡最後這個構圖,尤其是上面的機窗框架,剛好卡在選單上方,那個位置真的漂亮到讓我覺得完美到不可思議。

FireShot Capture 019 Yonder Days e1791180169805

原本還一直覺得英文首頁少了什麼東西,首圖換掉之後,整個頁面的舒適度突然提高很多。照片本身沒有很刻意去做得多華麗,但就是很有旅行網站的感覺而且也跟我的網站很合,待首圖確定之後,後面的事情反而比想像中快。

這次英文首頁的調整,我主要也是參考了一些歐美旅遊網站的版型,再回頭看日本佈景主題原本提供的做法,最後把兩邊的功能稍微混合在一起。也就是說,設計邏輯還是比較偏歐美網站,但實際上使用的是日本佈景主題提供的區塊與做法。畢竟英文文章目前還沒有中文文章那麼多,如果完全照中文網站的架構去做,反而會顯得有點空,所以文字順序、介紹方式和區塊配置也稍微調整了一下。

背景顏色也跟著重新調整,讓整個英文首頁不要太亮、也不要太跳。我也稍微參考了一下日本網站原本的設計,重新整理一些元素。最後的結果就是把日本主題與歐美網站的排版方式融合在一起,至少以目前英文網站的內容量來說,我自己覺得已經蠻適合了。

FireShot Capture 019 Yonder Days with Cats Japan Independent Travel Sweet Life Journ yanshoto.com e1791180246937

首頁調整完之後,最新文章刪除後,這讓我有了個想法把最新文章挪到頁尾第一欄,第二欄原本的選單則改成 Tag,第三欄維持原本的內容。只是為了讓整個頁尾看起來更整齊,我把原本第三欄的 DMCA logo 移到第二欄,結果又發現原本的 logo 太大,看起來有點突兀,只好重新回到官網抓了一個比較小的版本。換成小一點的之後,視覺上就順很多,但該有的效果也還是有保留,整體調整後這樣很明顯比之前好看很多。

b5a708ba fdfc 4d83 b19b ef307ea3749e e1791180370326

雖然構思沒問題,只是我沒想到首頁沒問題,然真正麻煩的反而是「最新文章」。到現在還是不太確定到底是哪裡出了問題,明明文章分類都確認過了,不管是日本佈景主題提供的最新文章區塊,還是原本 WordPress 的最新文章區塊,最後都只能抓到一篇英文文章,不知道為什麼抓取結果會變成這樣,連GPT都沒抓出問題點。

最後沒辦法,只好再寫一組 code,強制把文章抓出來,再使用短代碼,結果強制抓出來之後,又遇到另一個問題,因為不是用後台原生區塊,很多東西就沒辦法直接在後台介面調整,例如文章列表的顏色、文字顏色、字體大小、間距等等,只能補一組 CSS 來調整細節。整個過程就是強制抓文章、再用短代碼處理,最後再靠 CSS 修正外觀,成為這次改版裡最麻煩的一個部分。

不過全部弄完之後,我自己是滿意的。如果回頭看最一開始的英文網站,那時候其實只能說「能看」,現在則是真的有種舒服的感覺,是在英文與漢字元素之間取得一個我可以接受的平衡。

尤其是首圖換掉之後,整個首頁真的差很多,且還跟中文網站有相呼應到,而且現在越架設網站我現在越來越覺得,照片這種東西真的不要嫌多,素材多好過沒素材,果然沒事就應該多拍照,在飛機上怎麼會無聊呢?就是拍,瘋狂地拍,總有一天會用得到,現在回頭看,真的很感謝當時沒有在飛機上睡覺的我。

順帶一提,今天也提早發了一篇關於 WordPress 網站成本計算的文章,另外還寫了一篇給新手,也是在寫給「2018 年剛開始架網站的自己」看的文章。這兩篇放在一起看,流量差距真的讓我有點意外,基本流量都全部灌進成本計算那一篇,我花最多時間去分析為什麼挑這個主機、為什麼使用這個佈景主題的文章反而沒啥人看,流量大概只有前面那篇的七分之一左右。只能說,這年頭大家看到錢,還是會比較有興趣。

至於這次英文網站的改版,我覺得其實已經可以先告一段落了。現在的首頁、版面配置,我自己已經很能接受,分類頁雖然因為側邊欄太多要調整的關係,省事的前題下乾脆把右側欄位全部取消掉,整體沒有到非常漂亮,但以目前網站的內容量來說,我覺得已經很夠了。至少現在中英文網站切換起來都算順,英文首頁也終於有一個我真正喜歡的樣子,剩下的就是挑一個好日子,把中英文網站正式切換過去。

下載 e1791180992364

其實還有一些東西沒有補完,例如關於我、隱私權相關頁面等等,我現在還在評估到底要不要一次全部做好。老實說,我有點懶,這些東西對現在的網站運作來說也不是最急迫,所以可能就先放著,等之後有時間再慢慢補,反正現在這個版本我已經很能接受了。

如果好日子先到了,那就先切過去,剩下的東西之後再補也沒關係。網站改版有時候就是這樣,不一定要等到所有細節百分之百完成,才叫做完成。至少現在的首頁、版面、分類頁,以及中英文之間的切換,我都已經覺得順眼很多。

所以現在,就等那個好日子吧。