在內(nèi)容真正成為網(wǎng)路流量的關(guān)鍵時(shí)(後?),不管是電商網(wǎng)站、企業(yè)形象官網(wǎng)、報(bào)名活動(dòng)網(wǎng)站,實(shí)時(shí)影響 SEO 的關(guān)鍵內(nèi)容,才真正是網(wǎng)頁(yè)設(shè)計(jì)的關(guān)鍵!
整體企業(yè) Branding 規(guī)劃完善,有良好的 CI 識(shí)別,網(wǎng)站也具有獨(dú)樹(shù)一幟的風(fēng)格和排版,甚至找了廣告、社群代操公司投放,但人們會(huì)在你的網(wǎng)頁(yè)停留幾秒?你希望每次早訪的使用者,是要完成一次消費(fèi)行為,亦或增加品牌認(rèn)知;相對(duì)來(lái)說(shuō),網(wǎng)站可以提供他們的,又是哪些資訊呢?
你遲早要做搜尋引擎優(yōu)化(SEO)的,那何不一開(kāi)始就自己來(lái)做?。?/h4>
會(huì)選用 WordPress 開(kāi)發(fā)網(wǎng)頁(yè)的企業(yè),多數(shù)有企圖將內(nèi)容壯大,真正開(kāi)始導(dǎo)入自然搜尋流量。CTK Pro 執(zhí)行近百個(gè) WordPress 網(wǎng)站設(shè)計(jì),在快要完工時(shí),都會(huì)提供企業(yè)主詳細(xì)的教學(xué),讓他們了解到如何自行上稿,並符合目前頁(yè)面設(shè)計(jì)的風(fēng)格。今天就讓大家來(lái)看看:網(wǎng)站即將竣工時(shí),企業(yè)端最常問(wèn)的問(wèn)題有哪些!
? 這裡之後可以自己改嗎?
? 連結(jié)可不可以調(diào)整?超連結(jié)怎麼設(shè)定?
? 背景色有辦法變動(dòng)嗎?
? 我想要自己設(shè)定文字換行可行嗎?
? 為什麼你們修改完之後我還是看到一樣的錯(cuò)誤?
? 在這裡幫我調(diào)小一點(diǎn)。
? 這手機(jī)版頁(yè)面在電腦上看起來(lái)字體有點(diǎn)大/???
如果你也是同為網(wǎng)頁(yè)設(shè)計(jì)公司的一份子,看到這裡想必會(huì)心一笑,但這就是企業(yè)端找到專(zhuān)業(yè)的網(wǎng)站設(shè)計(jì)公司製作的最主要原因。使用 WordPress 最大的好處是,上面這麼多問(wèn)題,搞不好都可以直接從 WordPress 後臺(tái)解決!
一張圖認(rèn)識(shí)網(wǎng)頁(yè)架構(gòu)、後臺(tái)編輯器
簡(jiǎn)單來(lái)說(shuō)網(wǎng)站可分為:「在瀏覽器上看到的網(wǎng)站樣貌」、「前端語(yǔ)言」、「後端語(yǔ)言/架構(gòu)」所組成。瀏覽器解譯了網(wǎng)站的程式語(yǔ)言,呈現(xiàn)在電腦/手機(jī)畫(huà)面上,就是我們?nèi)搜劭吹降臉用?,這裡的程式語(yǔ)言一般包含「前端」、「後端」兩種,現(xiàn)今大略來(lái)說(shuō),前端就是 HTML、CSS 和 JS(JavaScript)構(gòu)成,後端語(yǔ)言仍相當(dāng)多元,以 WordPress 來(lái)說(shuō)就是採(cǎi)用 PHP,近來(lái)開(kāi)發(fā)也相當(dāng)迅速的 Ruby 則被 Airbnb, Twitter 等使用,另外像 Python 常用來(lái)作資料分析、AI 等,其實(shí)也應(yīng)用在部分網(wǎng)站上。
欸欸欸,看到這邊,大家別睡著了,看一下下面這張圖就好了。

簡(jiǎn)短地說(shuō),瀏覽器就像是個(gè)翻譯機(jī)一樣,把我們看不懂的程式語(yǔ)言,轉(zhuǎn)化為現(xiàn)在你看到的樣貌。
WordPress 這種 CMS(Content Manage System)就是簡(jiǎn)化了前端和部分後端程式語(yǔ)言,給予使用者較為友善、圖形化的操作介面,並在某種程度上達(dá)到,不會(huì)寫(xiě)程式,也可以編輯網(wǎng)頁(yè)的方便性!(一般來(lái)說(shuō) WordPress 後臺(tái)對(duì)於 網(wǎng)站後臺(tái)的操縱性很低,或藉由外掛達(dá)成)
所以,有了 WordPress 後臺(tái)權(quán)限後,就都可以改了嗎?讓我們一題一題看下去。
這裡之後可以自己改嗎?
先說(shuō)結(jié)論:一般文章內(nèi)頁(yè)的文字(包含其字型、是否為超連結(jié)等),基本上都可以在後臺(tái)更改。
不過(guò)比較不建議在編輯器內(nèi)編譯過(guò)多的文字外觀設(shè)定,例如調(diào)整顏色、字型大小等等。理由有二,其一是容易讓網(wǎng)站外觀整體不一,這邊改過(guò),那邊忘記改的情況難免發(fā)生;其二是會(huì)增加網(wǎng)頁(yè)程式碼的混亂程度。
最好的最法應(yīng)該是將文章內(nèi)有需求的格式,例如需要大標(biāo)題、中標(biāo)題、小標(biāo)題、內(nèi)容、引言、圖片說(shuō)明文字等,於網(wǎng)站規(guī)劃時(shí)皆與網(wǎng)站設(shè)計(jì)公司討論,請(qǐng)他們列出完整的 CSS 規(guī)範(fàn),如此,未來(lái)需要改文字形式時(shí),套用其中一種規(guī)範(fàn),要維持網(wǎng)頁(yè)的一致性就簡(jiǎn)單許多。
連結(jié)可不可以調(diào)整?怎麼設(shè)定?
都可以調(diào)整。
看你是外部連結(jié),需不需要新開(kāi)分頁(yè),還是想讓使用者點(diǎn)擊可以寄信、打電話等等。WordPress 後臺(tái)其實(shí)跟我們?nèi)粘J褂玫奈募庉嬈鳎严嗳ゲ贿h(yuǎn)(參照下圖),絕大多數(shù)編輯器都可以完成。
調(diào)整方式大同小異,找到連結(jié)符號(hào),給他按下去,貼上連結(jié)一般就完成啦!

背景色(或其他版面選項(xiàng))有辦法變動(dòng)嗎?
其實(shí)也是可以調(diào)整的,但建議不要。
使用編輯器,除非你真的已經(jīng)是一定程度以上的熟練了,因?yàn)椴淮_定你編輯到的是多大的區(qū)塊,較不建議自行設(shè)定。且自行更動(dòng)背景顏色,通常會(huì)破壞原本的頁(yè)面設(shè)計(jì)樣式,好不容易規(guī)劃出來(lái)的閱讀體驗(yàn),有可能被打亂。
我想要自己設(shè)定文字換行可行嗎?
可以調(diào)整的,但仍建議不要。
同第一點(diǎn),為了維持網(wǎng)頁(yè)整體的設(shè)計(jì)風(fēng)格,較不建議自行加入一些會(huì)影響網(wǎng)頁(yè)版面的元素,像是強(qiáng)制換行、空白、空的欄位。這些元素在網(wǎng)頁(yè)設(shè)定時(shí),通常有自己的功用,自行添加有可能在你的裝置下觀看沒(méi)問(wèn)題,卻在其他解析度下顯示有問(wèn)題,也破壞了版面的美觀。
為什麼你們修改完之後我還是看到一樣的錯(cuò)誤?
先清理一下瀏覽器的快取吧!請(qǐng)參照之前寫(xiě)過(guò)的教學(xué)。
如果這樣還是看到一樣的東西,常常是因?yàn)楣こ處熜薷木W(wǎng)頁(yè)時(shí),調(diào)整的是比較細(xì)部的程式語(yǔ)言,通常會(huì)經(jīng)過(guò)版本管理、審核,或是本機(jī)測(cè)試,才一次更新多個(gè)修改至線上。
這裡幫我調(diào)小一點(diǎn)(啦)
「給客戶(hù)看的網(wǎng)站設(shè)計(jì)(一)字級(jí)大小對(duì)網(wǎng)頁(yè)樣式的影響」裡就有說(shuō)到各種字級(jí)在網(wǎng)頁(yè)、手機(jī)裡看到的大小,不妨參考看看,再來(lái)告訴我們想要怎麼調(diào)整吧!
一般網(wǎng)頁(yè)設(shè)計(jì)公司,都會(huì)跟你說(shuō)調(diào)整沒(méi)問(wèn)題;好一點(diǎn)的網(wǎng)頁(yè)設(shè)計(jì)公司,會(huì)建議這個(gè)區(qū)塊應(yīng)該要多少大小合理;頂級(jí)的網(wǎng)頁(yè)設(shè)計(jì)公司,當(dāng)然是在網(wǎng)站規(guī)劃或設(shè)計(jì)稿階段,就討論、調(diào)整好囉!或者你可以參考看看網(wǎng)站快完工時(shí),應(yīng)該怎麼規(guī)劃調(diào)整!
這手機(jī)版頁(yè)面在電腦上看起來(lái)字體有點(diǎn)大/???
在電腦上看手機(jī)版網(wǎng)頁(yè),除了拉動(dòng)瀏覽器大小外,也可以用「檢查」模式,再設(shè)定為不同裝置的檢視模式,相對(duì)來(lái)說(shuō)較為準(zhǔn)確。
就像裝潢上漆一般,小片的色卡看起來(lái),跟塗上牆一小塊,甚至整片牆漆起來(lái),效果一定不同,建議各位,想檢查手機(jī)版網(wǎng)頁(yè),就拿起那隻常常放在你包包裡、褲子口袋不離身的手機(jī)看看,再確定這樣的大小,是不是符合你的需求吧!

寫(xiě)在最後
WordPress 之所以快速崛起(更多可以參考這裡),最主要就是將網(wǎng)頁(yè)的編輯變簡(jiǎn)單了,不管你是網(wǎng)站小編、維護(hù)人員、設(shè)計(jì)師到工程師,都有 WordPress 可以幫忙補(bǔ)足、加快作業(yè)之處,且上手門(mén)檻相對(duì)不高。
想了解 WordPress 更多操作,最快的方法當(dāng)然是有個(gè)後臺(tái)網(wǎng)站可以玩玩,或者找找你身邊 WordPress 聚會(huì),2019 年底,在臺(tái)北舉辦的臺(tái)灣第二屆 WordCamp ,也是個(gè)適合參加的活動(dòng)喔!

數(shù)位行銷(xiāo)工具應(yīng)用者。從企劃、網(wǎng)站規(guī)劃、文案、社群、網(wǎng)路行銷(xiāo)工具無(wú)所不包。 大腦如果和網(wǎng)路資料庫(kù)連結(jié),多少可以緩解資訊焦慮癥狀。