在內(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)頁設(shè)計(jì)的關(guān)鍵！
整體企業(yè) Branding 規(guī)劃完善，有良好的 CI 識別，網(wǎng)站也具有獨(dú)樹一幟的風(fēng)格和排版，甚至找了廣告、社群代操公司投放，但人們會(huì)在你的網(wǎng)頁停留幾秒？你希望每次早訪的使用者，是要完成一次消費(fèi)行為，亦或增加品牌認(rèn)知；相對來說，網(wǎng)站可以提供他們的，又是哪些資訊呢？
你遲早要做搜尋引擎優(yōu)化（SEO）的，那何不一開始就自己來做??？
會(huì)選用 WordPress 開發(fā)網(wǎng)頁的企業(yè)，多數(shù)有企圖將內(nèi)容壯大，真正開始導(dǎo)入自然搜尋流量。CTK Pro 執(zhí)行近百個(gè) WordPress 網(wǎng)站設(shè)計(jì)，在快要完工時(shí)，都會(huì)提供企業(yè)主詳細(xì)的教學(xué)，讓他們了解到如何自行上稿，並符合目前頁面設(shè)計(jì)的風(fēng)格。今天就讓大家來看看：網(wǎng)站即將竣工時(shí)，企業(yè)端最常問的問題有哪些！
? 這裡之後可以自己改嗎？
? 連結(jié)可不可以調(diào)整？超連結(jié)怎麼設(shè)定？
? 背景色有辦法變動(dòng)嗎？
? 我想要自己設(shè)定文字換行可行嗎？
? 為什麼你們修改完之後我還是看到一樣的錯(cuò)誤？
? 在這裡幫我調(diào)小一點(diǎn)。
? 這手機(jī)版頁面在電腦上看起來字體有點(diǎn)大/??？
如果你也是同為網(wǎng)頁設(shè)計(jì)公司的一份子，看到這裡想必會(huì)心一笑，但這就是企業(yè)端找到專業(yè)的網(wǎng)站設(shè)計(jì)公司製作的最主要原因。使用 WordPress 最大的好處是，上面這麼多問題，搞不好都可以直接從 WordPress 後臺解決！
一張圖認(rèn)識網(wǎng)頁架構(gòu)、後臺編輯器
簡單來說網(wǎng)站可分為：「在瀏覽器上看到的網(wǎng)站樣貌」、「前端語言」、「後端語言/架構(gòu)」所組成。瀏覽器解譯了網(wǎng)站的程式語言，呈現(xiàn)在電腦/手機(jī)畫面上，就是我們?nèi)搜劭吹降臉用?，這裡的程式語言一般包含「前端」、「後端」兩種，現(xiàn)今大略來說，前端就是 HTML、CSS 和 JS（JavaScript）構(gòu)成，後端語言仍相當(dāng)多元，以 WordPress 來說就是採用 PHP，近來開發(fā)也相當(dāng)迅速的 Ruby 則被 Airbnb, Twitter 等使用，另外像 Python 常用來作資料分析、AI 等，其實(shí)也應(yīng)用在部分網(wǎng)站上。
欸欸欸，看到這邊，大家別睡著了，看一下下面這張圖就好了。
簡短地說，瀏覽器就像是個(gè)翻譯機(jī)一樣，把我們看不懂的程式語言，轉(zhuǎn)化為現(xiàn)在你看到的樣貌。
WordPress 這種 CMS（Content Manage System）就是簡化了前端和部分後端程式語言，給予使用者較為友善、圖形化的操作介面，並在某種程度上達(dá)到，不會(huì)寫程式，也可以編輯網(wǎng)頁的方便性！（一般來說 WordPress 後臺對於 網(wǎng)站後臺的操縱性很低，或藉由外掛達(dá)成）
所以，有了 WordPress 後臺權(quán)限後，就都可以改了嗎？讓我們一題一題看下去。
這裡之後可以自己改嗎？
先說結(jié)論：一般文章內(nèi)頁的文字（包含其字型、是否為超連結(jié)等），基本上都可以在後臺更改。
不過比較不建議在編輯器內(nèi)編譯過多的文字外觀設(shè)定，例如調(diào)整顏色、字型大小等等。理由有二，其一是容易讓網(wǎng)站外觀整體不一，這邊改過，那邊忘記改的情況難免發(fā)生；其二是會(huì)增加網(wǎng)頁程式碼的混亂程度。
最好的最法應(yīng)該是將文章內(nèi)有需求的格式，例如需要大標(biāo)題、中標(biāo)題、小標(biāo)題、內(nèi)容、引言、圖片說明文字等，於網(wǎng)站規(guī)劃時(shí)皆與網(wǎng)站設(shè)計(jì)公司討論，請他們列出完整的 CSS 規(guī)範(fàn)，如此，未來需要改文字形式時(shí)，套用其中一種規(guī)範(fàn)，要維持網(wǎng)頁的一致性就簡單許多。
連結(jié)可不可以調(diào)整？怎麼設(shè)定？
都可以調(diào)整。
看你是外部連結(jié)，需不需要新開分頁，還是想讓使用者點(diǎn)擊可以寄信、打電話等等。WordPress 後臺其實(shí)跟我們?nèi)粘Ｊ褂玫奈募庉嬈?，已相去不遠(yuǎn)（參照下圖），絕大多數(shù)編輯器都可以完成。
調(diào)整方式大同小異，找到連結(jié)符號，給他按下去，貼上連結(jié)一般就完成啦！
背景色（或其他版面選項(xiàng)）有辦法變動(dòng)嗎？
其實(shí)也是可以調(diào)整的，但建議不要。
使用編輯器，除非你真的已經(jīng)是一定程度以上的熟練了，因?yàn)椴淮_定你編輯到的是多大的區(qū)塊，較不建議自行設(shè)定。且自行更動(dòng)背景顏色，通常會(huì)破壞原本的頁面設(shè)計(jì)樣式，好不容易規(guī)劃出來的閱讀體驗(yàn)，有可能被打亂。
我想要自己設(shè)定文字換行可行嗎？
可以調(diào)整的，但仍建議不要。
同第一點(diǎn)，為了維持網(wǎng)頁整體的設(shè)計(jì)風(fēng)格，較不建議自行加入一些會(huì)影響網(wǎng)頁版面的元素，像是強(qiáng)制換行、空白、空的欄位。這些元素在網(wǎng)頁設(shè)定時(shí)，通常有自己的功用，自行添加有可能在你的裝置下觀看沒問題，卻在其他解析度下顯示有問題，也破壞了版面的美觀。
為什麼你們修改完之後我還是看到一樣的錯(cuò)誤？
先清理一下瀏覽器的快取吧！請參照之前寫過的教學(xué)。
如果這樣還是看到一樣的東西，常常是因?yàn)楣こ處熜薷木W(wǎng)頁時(shí)，調(diào)整的是比較細(xì)部的程式語言，通常會(huì)經(jīng)過版本管理、審核，或是本機(jī)測試，才一次更新多個(gè)修改至線上。
這裡幫我調(diào)小一點(diǎn)（啦）
「給客戶看的網(wǎng)站設(shè)計(jì)（一）字級大小對網(wǎng)頁樣式的影響」裡就有說到各種字級在網(wǎng)頁、手機(jī)裡看到的大小，不妨參考看看，再來告訴我們想要怎麼調(diào)整吧！
一般網(wǎng)頁設(shè)計(jì)公司，都會(huì)跟你說調(diào)整沒問題；好一點(diǎn)的網(wǎng)頁設(shè)計(jì)公司，會(huì)建議這個(gè)區(qū)塊應(yīng)該要多少大小合理；頂級的網(wǎng)頁設(shè)計(jì)公司，當(dāng)然是在網(wǎng)站規(guī)劃或設(shè)計(jì)稿階段，就討論、調(diào)整好囉！或者你可以參考看看網(wǎng)站快完工時(shí)，應(yīng)該怎麼規(guī)劃調(diào)整！
這手機(jī)版頁面在電腦上看起來字體有點(diǎn)大/?。?/h4>
在電腦上看手機(jī)版網(wǎng)頁，除了拉動(dòng)瀏覽器大小外，也可以用「檢查」模式，再設(shè)定為不同裝置的檢視模式，相對來說較為準(zhǔn)確。
就像裝潢上漆一般，小片的色卡看起來，跟塗上牆一小塊，甚至整片牆漆起來，效果一定不同，建議各位，想檢查手機(jī)版網(wǎng)頁，就拿起那隻常常放在你包包裡、褲子口袋不離身的手機(jī)看看，再確定這樣的大小，是不是符合你的需求吧！
寫在最後
WordPress 之所以快速崛起（更多可以參考這裡），最主要就是將網(wǎng)頁的編輯變簡單了，不管你是網(wǎng)站小編、維護(hù)人員、設(shè)計(jì)師到工程師，都有 WordPress 可以幫忙補(bǔ)足、加快作業(yè)之處，且上手門檻相對不高。
想了解 WordPress 更多操作，最快的方法當(dāng)然是有個(gè)後臺網(wǎng)站可以玩玩，或者找找你身邊 WordPress 聚會(huì)，2019 年底，在臺北舉辦的臺灣第二屆 WordCamp ，也是個(gè)適合參加的活動(dòng)喔！
數(shù)位行銷工具應(yīng)用者。從企劃、網(wǎng)站規(guī)劃、文案、社群、網(wǎng)路行銷工具無所不包。 大腦如果和網(wǎng)路資料庫連結(jié)，多少可以緩解資訊焦慮癥狀。
