原文標(biāo)題:使用Hostinger服務(wù)器搭建外貿(mào)企業(yè)獨(dú)立站流程

段落目錄：

獨(dú)立站已經(jīng)成為企業(yè)展示自我、宣傳信息、提供服務(wù)的重要平臺(tái)。一個(gè)優(yōu)秀的網(wǎng)站，不僅需要具備美觀的界面和流暢的用戶體驗(yàn)，更需要有全面、細(xì)致的前期準(zhǔn)備工作。網(wǎng)站建設(shè)前期準(zhǔn)備工作相當(dāng)重要，這決定建站的目的，以及日后維護(hù)，讓網(wǎng)站能夠充分發(fā)揮其作用。

一、網(wǎng)站定位

在設(shè)計(jì)網(wǎng)站前，必須明確網(wǎng)站的定位，是為了宣傳品牌、推廣產(chǎn)品、在線銷售，還是提供在線服務(wù)？針對(duì)哪些目標(biāo)人群、區(qū)域或國(guó)家等？只有明確了目標(biāo)，做好規(guī)劃，才能確定網(wǎng)站的內(nèi)容、功能和設(shè)計(jì)方向，這樣在設(shè)計(jì)上就會(huì)針對(duì)特定人群的瀏覽習(xí)慣去定制網(wǎng)頁(yè)，從而確保網(wǎng)站的每一項(xiàng)工作都是為實(shí)現(xiàn)目標(biāo)而努力。

二、網(wǎng)站框架內(nèi)容

網(wǎng)站框架就是網(wǎng)站的欄目和各個(gè)頁(yè)面內(nèi)容部分及排版方式等，也就是整個(gè)網(wǎng)站的主體部分。網(wǎng)站欄目：首頁(yè)，公司簡(jiǎn)介，新聞動(dòng)態(tài)，產(chǎn)品展示，在線留言，聯(lián)系我們等，這是企業(yè)網(wǎng)站一般都具有的內(nèi)容。每個(gè)頁(yè)面內(nèi)容放哪些，怎么排版等。下面是一般外貿(mào)企業(yè)官網(wǎng)都可以使用的欄目建議：

Home

Company（二級(jí)欄目：About Us; Our Service；Company News）,

Product（或Service，各產(chǎn)品類別或者服務(wù)內(nèi)容)

Blog （二級(jí)欄目：Industry News; FAQs）

Media（企業(yè)宣傳視頻、產(chǎn)品介紹視頻、產(chǎn)品安裝使用指南視頻）

Download（產(chǎn)品目錄冊(cè)供下載）

Contact

每個(gè)頁(yè)面內(nèi)容排版方面，則可以參考下文“三、網(wǎng)站網(wǎng)格設(shè)計(jì)”，或者參考同行業(yè)排版比較好的網(wǎng)站。

三、網(wǎng)站風(fēng)格設(shè)計(jì)

1. 自適應(yīng)網(wǎng)站

現(xiàn)在除了電腦端，還是移動(dòng)端的平板，手機(jī)，所以在設(shè)計(jì)網(wǎng)站時(shí)要做到網(wǎng)頁(yè)在這三種不同設(shè)備上的顯示都可以適應(yīng)，這樣能夠滿足不同設(shè)備群體的正常瀏覽，不會(huì)造成訪客跳出。現(xiàn)在的建站系統(tǒng)基本都是自適應(yīng)網(wǎng)站，如WordPress，Shopify，帝國(guó)CMS等。

2. 顏色搭配

網(wǎng)站的整體色彩搭配，要網(wǎng)站所展示的行業(yè)相匹配。如果要決定網(wǎng)站使用的配色，最好能夠?qū)⑸嗫刂圃谒膫€(gè)或以下。簡(jiǎn)單的步驟是先找到一個(gè)主色、一個(gè)次要色，以及一個(gè)強(qiáng)調(diào)色。主色和次要色可以擁有顏色變化，例如色度、淺色或色調(diào)。主色應(yīng)該代表你的品牌與企業(yè)類型。次要色，或是第二常用的顏色，應(yīng)該與主色呈現(xiàn)對(duì)比或互補(bǔ)關(guān)系。強(qiáng)調(diào)色應(yīng)該能夠脫穎而出，最適合用在連結(jié)、按鈕、圖示以及其他小元素上。如果你的圖標(biāo)帶有鮮艷的色相，請(qǐng)?jiān)囍鴮⒃擃伾{入強(qiáng)調(diào)色。

沖突配色可能會(huì)讓消費(fèi)者對(duì)網(wǎng)站棄之不顧。優(yōu)異的色相賞心悅目，並且在不同的熒幕尺寸和格式下都能夠輕松閱讀。設(shè)計(jì)良好的網(wǎng)站不會(huì)使用淺黃色搭配白色，因?yàn)閮蓚€(gè)淺色的組合會(huì)導(dǎo)致致資訊閱讀困難。考慮層次顏色以及他們?nèi)绾伪舜舜钆湟餐瑯又匾＞W(wǎng)站配色對(duì)你的品牌形象非常重要。它形塑了觀眾看待網(wǎng)站的方式，發(fā)展秩序與階層感，並且能夠凸顯重要資訊。具有凝聚力的配色方案還可以在不同頁(yè)面之間創(chuàng)造流暢感與平衡。和諧的配色的確不只是提供美學(xué)效果。

3. 網(wǎng)頁(yè)空間利用

什么是負(fù)空間?負(fù)空間，又叫空白區(qū)域、留白，是指網(wǎng)頁(yè)上未時(shí)可使用的空間，但這並不代表這個(gè)空間必須是白色的，它可以是任何顏色、圖像或其他背景。很多商家在考慮網(wǎng)頁(yè)設(shè)計(jì)時(shí)，習(xí)慣於將各種複雜且豐富的元素全部堆疊於網(wǎng)站，結(jié)果大大降低整個(gè)網(wǎng)站的可用性和易讀性。

負(fù)空間對(duì)網(wǎng)頁(yè)設(shè)計(jì)有多重要?

在網(wǎng)頁(yè)設(shè)計(jì)中，負(fù)空間是一種被廣泛使用的佈局技巧，它能夠使介面元素之間的距離更加合理，為頁(yè)面提供更多的呼吸空間，還可以幫助引導(dǎo)用戶的視線，增強(qiáng)頁(yè)面的可讀性和易用性。

總而言之，網(wǎng)頁(yè)設(shè)計(jì)如果能夠正確運(yùn)用負(fù)空間，將獲得以下這些好處：

（1）負(fù)空間可以為頁(yè)面提供足夠多的呼吸空間，使介面元素更加清晰地呈現(xiàn)，同時(shí)避免元素之間出現(xiàn)重疊、混淆等情況。

（2）負(fù)空間可以突出頁(yè)面中的重要元素，引導(dǎo)用戶的注意力按照頁(yè)面動(dòng)線進(jìn)行行移動(dòng)，以幫助他們更輕松地找到想要的信息。

（3）負(fù)空間可以使頁(yè)面信息的層級(jí)關(guān)系更加清晰簡(jiǎn)潔，從而提高頁(yè)面的可讀性和易用性，為用戶帶來(lái)更加順暢、愉悅的體驗(yàn)。

負(fù)空間在網(wǎng)頁(yè)設(shè)計(jì)中的正確用法有哪些?

一般來(lái)說(shuō)，擁有一個(gè)有吸引力且對(duì)用戶友好的頁(yè)面是網(wǎng)頁(yè)設(shè)計(jì)的主要目標(biāo)之一，因?yàn)檫@不僅是給用戶留下良好印象的關(guān)鍵，而是僅僅幾秒鐘幾乎決定用戶是否有繼續(xù)往下看的意愿。因此，如何巧妙運(yùn)用負(fù)空間以制作干凈舒適的品牌網(wǎng)站?

網(wǎng)頁(yè)設(shè)計(jì)用法①：呼吁采取行動(dòng)

當(dāng)網(wǎng)站信息太多時(shí)，用戶往往難以專注于介面中的重要信息；而負(fù)空間的合理運(yùn)用可以讓用戶有時(shí)間吸收在頁(yè)面上看到的信息。此外，負(fù)空間還可以產(chǎn)生視覺(jué)上的層級(jí)感和導(dǎo)向性，讓用戶的目光聚焦于設(shè)計(jì)的重要元素上，引導(dǎo)他們采取目標(biāo)操作。

網(wǎng)頁(yè)設(shè)計(jì)用法②：隔離其他元素

如何快速引起用戶對(duì)界面重要信息的興趣？通過(guò)將重要元素放在界面中的視覺(jué)焦點(diǎn)位置，并使用負(fù)空間來(lái)組織信息，不僅可以令這個(gè)重要元素更加突出和引人注目，還可以有效避免其他元素分散用戶的注意力。

網(wǎng)頁(yè)設(shè)計(jì)用法③：建立元素之間的聯(lián)系一區(qū)別

作為格式塔原理的首要原則，鄰近性原則對(duì)網(wǎng)頁(yè)設(shè)計(jì)的影響是非常大的。比如我們可以將相關(guān)元素放在鄰近位置，同時(shí)通過(guò)不同的留白空間來(lái)分隔不同類別的信息組合，讓用戶更容易地理解它們之間的聯(lián)系，同時(shí)可以減少他們的認(rèn)知負(fù)擔(dān)。

網(wǎng)頁(yè)設(shè)計(jì)用法④：簡(jiǎn)化頁(yè)面結(jié)構(gòu)

使用分割線來(lái)區(qū)分元素是最基礎(chǔ)的排版布局方式，但是過(guò)多的分割線可能會(huì)使頁(yè)面看起來(lái)混亂，因此使用負(fù)空間來(lái)區(qū)隔元素，有時(shí)候反而會(huì)讓界面顯得更干凈一致。此外，使用負(fù)空間還可以簡(jiǎn)化頁(yè)面的結(jié)構(gòu)，消除多余的裝飾元素，避免降低用戶對(duì)信息的感知力。

總體而言，使用負(fù)空間建立起UI元素的視覺(jué)層級(jí)，你的網(wǎng)站才會(huì)傳達(dá)更好的用戶體驗(yàn)，讓用戶更容易讀懂你的網(wǎng)站。

4. 文字編排

在網(wǎng)頁(yè)設(shè)計(jì)中，文字排版對(duì)于建立網(wǎng)站和用戶之間良好的溝通以及幫助用戶實(shí)現(xiàn)目標(biāo)起著重要的作用。當(dāng)我們談?wù)摼W(wǎng)頁(yè)是否能和用戶建立有效的溝通的時(shí)候，通常是指文字排版在這里起到的作用：“網(wǎng)頁(yè)中95％以上的信息是以文字形式呈現(xiàn)的。”

良好的排版使用戶更易于閱讀，而混亂的排版則使用戶失去繼續(xù)瀏覽的意愿。正如“Oliver ReichensReichenstein在他的文章“Web Design is 95% Typography ”中寫(xiě)道：“排版的目的是優(yōu)化可讀性，訪問(wèn)率，可用性，以及保持和圖形的平衡關(guān)系”

換言之，優(yōu)化排版也在幫助你優(yōu)化界面。本文中，我們提供一組規(guī)則，將幫助你提高文本內(nèi)容的可讀性和易讀性。

（1）不要使用過(guò)多的字體

網(wǎng)站排版中建議最多不要超過(guò)3種字體類型，不然會(huì)使網(wǎng)站看起來(lái)松散和不專業(yè)，不僅太多的字體類型會(huì)造成這種問(wèn)題，太多的字體尺寸也會(huì)破壞網(wǎng)頁(yè)布局。

通常情況下，將字體類型的數(shù)量限制在最小數(shù)量（2個(gè)是很多，1個(gè)通常就夠了），整個(gè)網(wǎng)站堅(jiān)持使用相同的原則。如果使用多個(gè)字體，請(qǐng)確保倆個(gè)字體是和諧的。以下面的字體組合為例，Georgia和Verdana的搭配相得益彰，相對(duì)比較和諧。相比于右邊Baskerville和Impact則會(huì)有明顯的沖突感，非襯線Impact明顯的超過(guò)了Baskerville的視覺(jué)沖擊力。

而在中英文排版中，建議大家中文使用標(biāo)準(zhǔn)中文字體，而英文、數(shù)字和字符使用標(biāo)準(zhǔn)的英文字體。以下圖為例，可做對(duì)比參考。

左：中文（漢儀旗黑）

英文（DIN Next LT Pro)

標(biāo)點(diǎn)符號(hào)使用半角字符

右：中文（漢儀旗黑）

英文（漢儀旗黑）

標(biāo)點(diǎn)符號(hào)使用全角字符

（2）盡量使用標(biāo)準(zhǔn)字體

在Google Web Font或者Typekit，和國(guó)內(nèi)的“有字庫(kù)”的字體嵌入式服務(wù)有很多有趣的字體，對(duì)于國(guó)內(nèi)設(shè)計(jì)師來(lái)說(shuō)，痛苦的是中文字體會(huì)很大，一個(gè)字體動(dòng)則幾兆，十幾兆的，這樣用戶在會(huì)增加用戶瀏覽網(wǎng)站的載入時(shí)間；反之英文字體26個(gè)字母大小寫(xiě)，加數(shù)字標(biāo)點(diǎn)符號(hào)一共幾百k的字體是很容易在網(wǎng)頁(yè)中使用的。

盡可能選擇標(biāo)準(zhǔn)字體（近幾年網(wǎng)頁(yè)中通常使用思源黑體，PingFang，英文可以使用Arial，Calibri或者其他常見(jiàn)的易于屏幕閱讀的黑體字，如沒(méi)有特殊概念指導(dǎo)盡可能避免使用襯線字體，如宋體）

良好的排版會(huì)使用戶更加關(guān)注內(nèi)容本身，而不是字體的類型。

（3）限制一行文字的長(zhǎng)度

保證每一行文字的字符數(shù)量是文本可讀的關(guān)鍵。不僅由設(shè)計(jì)師來(lái)定義文本的寬度，同時(shí)需要根據(jù)用戶的可讀性來(lái)定義。

太寬-會(huì)使得單行文字太長(zhǎng)，讀者的眼睛會(huì)難于專注文字。因?yàn)殚L(zhǎng)時(shí)間閱讀容易串行，大段的文本中很難找到正確的行。

以Google和百度為例，不難看出這點(diǎn)

對(duì)于移動(dòng)設(shè)備，應(yīng)該每行30-40個(gè)字符（半角），具體顯示多少個(gè)字?jǐn)?shù)，與不同分辨率的屏幕、文本寬度和字體大小都會(huì)有關(guān)系，設(shè)計(jì)的原則是：保證用戶可以流暢的閱讀文本，文字不宜太小或太大。以iOS（手機(jī)）為例，正文文本最小字號(hào)不能小于24px，太小了用戶閱讀會(huì)難以閱讀。以百度為例，可作為參考。

（4）選擇用有多個(gè)字重（zhòng），屏幕顯示良好的字體

用戶將通過(guò)不同屏幕分辨率的終端設(shè)備訪問(wèn)你的網(wǎng)站，大多數(shù)用戶界面需要各種大小尺寸的文本（標(biāo)題、副標(biāo)題、文本、標(biāo)注等等）。選擇一款能夠在不同屏幕分辨率的設(shè)備上運(yùn)行良好的字體以保證它的不同尺寸的字體都具有極高可讀性(Readability)和可用性(Usability)也是非常重要的。

近倆年備受大家歡迎的思源黑體和PingFang字體都是不錯(cuò)的選擇，當(dāng)然，個(gè)人認(rèn)為漢儀旗黑無(wú)論從家族字體的數(shù)量、字體質(zhì)量、屏幕顯示、紙媒印刷上來(lái)說(shuō)都不遜色于前面?zhèn)z款字體。參與過(guò)思源黑體設(shè)計(jì)的設(shè)計(jì)師曾說(shuō)過(guò)，思源黑體還是相對(duì)比較粗糙的一款字體。

同樣，為了保證在屏幕上清晰可辨，盡量避免使用襯線體，盡管他們很漂亮。

盡量避免使用襯線體，盡管他們很漂亮。

（5）使用識(shí)別度高的字體

在選擇英文體的時(shí)候，有些字體的個(gè)別字母極易混淆，特別是“i”和“L”（如下圖所示）；以及文字之間的間距。許多中文字體在使用較小字體的時(shí)候筆畫(huà)會(huì)粘到一起(上圖），不容易辨別；所以在選擇字體類型的時(shí)候，請(qǐng)檢查你選擇使用的字體，確保不會(huì)為用戶和產(chǎn)品造成不必要的損失。

（6）避免在界面中大段的使用大寫(xiě)字母

不要所有文本使用大寫(xiě)字母，強(qiáng)制用戶閱讀大寫(xiě)字母，首字母大寫(xiě)，具有特殊含義的縮寫(xiě)等情況除外，與小寫(xiě)字母相比，大量的使用大寫(xiě)字母會(huì)嚴(yán)重降低用戶的閱讀效率和愉悅感。

（7）將行間距控制在字體的1.5-2.0倍之間

在文字文字排版中，我們又一個(gè)特殊的術(shù)語(yǔ)，用于表示行與行之間的距離：行間距（或行高）。為了保證文本的可讀性和易讀性，使文本形成線性的閱讀感受，在網(wǎng)頁(yè)設(shè)計(jì)中，通常情況下將行間距控制在字體大小的1.5-2.0倍之間（中文字體）。英文字體推薦使用默認(rèn)行間距，或根據(jù)默認(rèn)行間距微調(diào)。

（8）適當(dāng)?shù)念伾珜?duì)比度

通常情況下，文本和背景盡量避免使用相同或相似的顏色。文本越明顯，用戶能夠掃描和閱讀的速度越快。當(dāng)然，學(xué)會(huì)通過(guò)文本顏色、大小和背景的顏色關(guān)系來(lái)控制視覺(jué)層級(jí)也是必要的。

與背景相比，小文本和背景的對(duì)比度至少為4.5:1

灰色通常作為輔助色使用，根據(jù)我自己的項(xiàng)目經(jīng)驗(yàn)，給大家分享一套我自己一直在使用的灰色，灰的有層次，清晰的區(qū)分信息層級(jí)是必要的。

（9）避免將文字著色為紅色或綠色

色盲和色弱是我必須要照顧到的一部分用戶，特別是在男性中（8％的男性是色盲）建議使用處顏色以外的其他方式來(lái)區(qū)分重要的信息（如下劃線，加粗等）。避免使用紅色和綠色單獨(dú)傳達(dá)信息。因?yàn)榧t綠色盲是最常見(jiàn)的色盲形式。（現(xiàn)在想想，那些因?yàn)榧t綠色盲而考不了駕照的童鞋是不是要分分鐘恨死制定紅綠燈規(guī)則的人，當(dāng)然這只是個(gè)笑話，使用紅綠燈是因?yàn)楣鈱W(xué)在物理傳播方面的原因，這里不解釋）

雖然在日常生活中我們總是用這種方式告知用戶綠色是表示正確的操作，紅色表示錯(cuò)誤的操作，反思一下我們是否有去考慮色盲用戶的操作和體驗(yàn)。或許我們是不是可以考慮換一個(gè)方式去表達(dá)正確或錯(cuò)誤？

（10）避免文字閃爍

閃爍的文字或內(nèi)容可能會(huì)讓某些用戶感到不適，對(duì)于一般用戶而言，這可能分散他們的注意力或者使他們感到煩躁。

雖然在網(wǎng)頁(yè)設(shè)計(jì)中依然有很多需要我們注意的地方，最后，分享給大家一個(gè)想法就是：網(wǎng)頁(yè)設(shè)計(jì)中排版很重要。做出正確的排版可以讓你的網(wǎng)站感覺(jué)清爽，糟糕的網(wǎng)頁(yè)排版會(huì)令用戶分心，傾向于關(guān)注自己的感受而非內(nèi)容。排版的關(guān)鍵在于使信息層級(jí)清晰、用戶易于閱讀、并且保證文字是可讀的。文字的排版不應(yīng)該增加用戶的認(rèn)知符合，以求達(dá)到尊重內(nèi)容、尊重用戶的目的。

四、購(gòu)買域名

1.選擇合適的后綴：優(yōu)先考慮.com，.cn，.org等常見(jiàn)的域名后綴，因?yàn)檫@些后綴在搜索引擎中享有較高的權(quán)重，能夠提高網(wǎng)站的信任度和可見(jiàn)性。

2.價(jià)格越低越好：域名不是一次性投資，而是需要長(zhǎng)期續(xù)費(fèi)的，因此初始價(jià)格越低越好，以節(jié)省長(zhǎng)期成本。

3.檢查域名的歷史：在購(gòu)買前應(yīng)檢查域名是否有不良?xì)v史，如是否被搜索引擎懲罰過(guò)或是否涉及非法活動(dòng)，或是否有被其他用戶投訴過(guò)，以避免購(gòu)買后出現(xiàn)問(wèn)題。

4.選擇易記的域名：一個(gè)好的域名應(yīng)該是簡(jiǎn)短、易拼寫(xiě)和發(fā)音的，這樣有助于用戶記憶，提高網(wǎng)站的訪問(wèn)量。

5.避免使用數(shù)字、連字符或不常見(jiàn)的拼寫(xiě)：這些元素可能會(huì)引起混淆，增加訪客拼寫(xiě)錯(cuò)誤或發(fā)音不正確的可能性。

6.研究潛在的域名：在選擇域名之前進(jìn)行徹底的研究，包括檢查現(xiàn)有商標(biāo)和評(píng)估競(jìng)爭(zhēng)市場(chǎng)，以避免侵犯他人權(quán)益或與現(xiàn)有網(wǎng)站沖突。

7.利用域名搜索工具：使用多種工具幫助確定可用的域名，并根據(jù)個(gè)人偏好提供建議，如Domainr，Godaddy等。

8.重視領(lǐng)域擴(kuò)展名的優(yōu)先次序：選擇正確的擴(kuò)展名對(duì)于延長(zhǎng)在線存在的壽命和可靠性至關(guān)重要，如.com、.org和.net等。

9.保護(hù)你的域名并保護(hù)你的品牌：注冊(cè)多個(gè)相關(guān)的域名擴(kuò)展名，以防止競(jìng)爭(zhēng)對(duì)手注冊(cè)類似名稱，并保護(hù)品牌身份。

10.考慮域名的創(chuàng)意命名：將品牌名稱、關(guān)鍵詞或創(chuàng)意組合融入域名中，有助于提高網(wǎng)站的搜索引擎排名和品牌知名度。

11.域名與品牌名或公司名是否匹配：域名可以帶有企業(yè)的名字，使用漢語(yǔ)拼音、英語(yǔ)單詞或相關(guān)縮寫(xiě)的形式，有助于用戶記憶并快速找到網(wǎng)站。

綜上所述，選擇一個(gè)好的域名需要綜合考慮多個(gè)因素，包括后綴、價(jià)格、易記性、歷史記錄、創(chuàng)意命名等。通過(guò)精心選擇和保護(hù)，域名可以成為網(wǎng)站成功的關(guān)鍵之一。

2.創(chuàng)建網(wǎng)站

點(diǎn)擊主頁(yè)”等待設(shè)置|Business Web Hosting|主機(jī)”后面的“設(shè)置”按鈕創(chuàng)建網(wǎng)站，或者點(diǎn)擊欄目網(wǎng)站，點(diǎn)擊創(chuàng)建或遷移網(wǎng)站，選擇“創(chuàng)建”，點(diǎn)擊下一個(gè)，

在“你想使用什么工具來(lái)創(chuàng)建網(wǎng)站？”這里，點(diǎn)擊路過(guò)，

“你準(zhǔn)備為該網(wǎng)站使用什么域名？”這里需要輸入已經(jīng)注冊(cè)好的域名，驗(yàn)證所有權(quán)

您的網(wǎng)站功能目標(biāo)受眾在哪里，這里其實(shí)就是要確定服務(wù)器所在國(guó)家，這個(gè)需要根據(jù)您網(wǎng)站的目標(biāo)推廣市場(chǎng)來(lái)確定服務(wù)器的所在地，以確保為您的目標(biāo)受眾提供更快的加載時(shí)間。您稍后也可以更改數(shù)據(jù)中心。點(diǎn)擊下一個(gè)，進(jìn)入網(wǎng)站初始化設(shè)置。

這時(shí)已經(jīng)完成網(wǎng)站的基本設(shè)置，可以進(jìn)入網(wǎng)站設(shè)計(jì)階段。

點(diǎn)擊網(wǎng)站功能-wordpress，點(diǎn)擊安全wordpress，輸入網(wǎng)站基本信息和wordpress的登錄信息，安裝WordPress，完成安裝后，點(diǎn)擊網(wǎng)站-W管理面板，這時(shí)就進(jìn)入WordPress建站后臺(tái)。

3.解析域名

5.搭建網(wǎng)站

做簡(jiǎn)單的展示官網(wǎng)其實(shí)不難，但是要做得符合用戶體驗(yàn)需求則需要花更多心思去研究。關(guān)于網(wǎng)站的設(shè)計(jì)內(nèi)容篇幅比較長(zhǎng)，下面列出主要步驟：

（1）安裝網(wǎng)站主題 Install Astra Theme

進(jìn)入wordpress后臺(tái)之后，點(diǎn)擊Appearance外觀-Themes主題-選擇所需要的主題，開(kāi)始設(shè)計(jì)網(wǎng)站。

對(duì)于大部分網(wǎng)站，免費(fèi)主題Astra已經(jīng)足夠了，頁(yè)面構(gòu)建插件，比主題更重要，因?yàn)橐豢钪黝}，往往只能滿足70%的功能需求，到了最后，還是要用到頁(yè)面構(gòu)建插件，外觀(Appearnce)，主題(Theme)，安裝主題(install)，搜索Astra，找到Astra（Free）主題，點(diǎn)擊INSTALL安裝，點(diǎn)擊Activate激活，等到安裝頁(yè)面構(gòu)建插件Elementor之后，再優(yōu)化網(wǎng)站的排版。

（2）設(shè)置偽靜態(tài)與固定鏈接 Permanent Links

打開(kāi)WordPress后臺(tái)，1.點(diǎn)擊左側(cè)導(dǎo)航欄的設(shè)置(Settings)，2.固定鏈接(Permanent Links)，鏈接格式改為文章名(Post Name)，這種格式的網(wǎng)址，對(duì)SEO關(guān)鍵詞優(yōu)化更加友好，修改完成后點(diǎn)擊保存。

（3）新建頁(yè)面 Create a page

創(chuàng)建一個(gè)頁(yè)面，除了從后臺(tái)進(jìn)入，還可以在網(wǎng)站前臺(tái)的上方導(dǎo)航欄，點(diǎn)擊新建頁(yè)面，在這里輸入頁(yè)面標(biāo)題，然后發(fā)布頁(yè)面。

頁(yè)面與文章的區(qū)別：

Page,頁(yè)面：不需要?jiǎng)e人評(píng)論分享的內(nèi)容，(關(guān)于我們、聯(lián)系我們、商務(wù)合作、隱私條款、退換貨)，這些頁(yè)面，通常被放在網(wǎng)站底部的位置

Post,文章：可以用關(guān)鍵詞和標(biāo)簽Tag做SEO排名優(yōu)化通過(guò)社交平臺(tái)轉(zhuǎn)發(fā)分享，增加曝光度，點(diǎn)擊Comment評(píng)論，用戶看了文章之后留下的評(píng)論，可以在這里批量管理，選擇顯示評(píng)論或者刪除。

（4）安裝Yoast SEO（搜索排名優(yōu)化）Rank Higher

Yoast SEO插件，能夠讓你自定義編輯搜索結(jié)果的頁(yè)面標(biāo)題，在WordPress后臺(tái)安裝這個(gè)插件，搜索Yoast SEO，點(diǎn)擊INSTALL安裝，之后點(diǎn)擊ACTIVATE激活，編輯頁(yè)面的時(shí)候，也要填寫(xiě)網(wǎng)頁(yè)標(biāo)題和簡(jiǎn)介，有助于優(yōu)化SEO搜索排名。也可以安裝其他SEO插件。

（5）設(shè)置可編輯的靜態(tài)頁(yè)面 Static Page

默認(rèn)的主頁(yè)是個(gè)動(dòng)態(tài)頁(yè)面，自動(dòng)顯示最新的文章。但是，Elementor插件只能編輯靜態(tài)頁(yè)面，所以我們要替換主頁(yè)，WordPress后臺(tái)，點(diǎn)擊左側(cè)的頁(yè)面(Page)，如果之前沒(méi)有創(chuàng)建Home主頁(yè)，就點(diǎn)擊新建頁(yè)面，頁(yè)面標(biāo)題，Home(主頁(yè))，修改URL鏈接，一般用英文或者中文拼音來(lái)表示，點(diǎn)擊發(fā)布頁(yè)面，再次新建一個(gè)頁(yè)面，作為文章合集頁(yè)，標(biāo)題為Blog(全部文章)，編輯URL最后一段，如果使用的主題不是Astra，在WordPress后臺(tái)的外觀(Appearance)或者主題，一般都能找到主題編輯的選項(xiàng)，點(diǎn)擊自定義編輯(Customize)，點(diǎn)擊主頁(yè)設(shè)置(Homepage Settings)，默認(rèn)是勾選：“您的最新文章”改為勾選“一個(gè)靜態(tài)頁(yè)面(a static page)”，在”主頁(yè)“下拉列表中，選擇我們剛才創(chuàng)建的Home頁(yè)面，在”文章頁(yè)“下拉列表中，選擇Blog，點(diǎn)擊發(fā)布，保存修改。

（6）創(chuàng)建導(dǎo)航菜單 Create a menu

在WordPress后臺(tái)，點(diǎn)擊插件-安裝新的插件，搜索Elementor，安裝成功后，點(diǎn)擊啟用(Activate)。回到WordPress后臺(tái)，進(jìn)入Elementor的設(shè)置，勾選著陸頁(yè)面(Landing Page)，點(diǎn)擊保存更改。

由于Elementor的元素比較少，我們?cè)僭黾右粋€(gè)它的拓展插件，Essential Addons，這次我們要裝的是Essential Addons，安裝成功后，點(diǎn)擊啟用(Activate)，Advanced高級(jí)選項(xiàng)，已經(jīng)自動(dòng)勾選了常用的設(shè)計(jì)元素，點(diǎn)擊Next下一步，已經(jīng)啟用了大部分元素，也可以自行增加其他選項(xiàng)，點(diǎn)擊Next下一步，剩下的選項(xiàng)，可以保持不變，如果之后的操作，需要其他選擇，就在Essential Addons的設(shè)置里面勾選，點(diǎn)擊save settings保存修改。

七、使用Hostinger服務(wù)器申請(qǐng)帶域名后綴的郵箱

點(diǎn)擊“郵箱”，點(diǎn)擊“設(shè)置免費(fèi)電子郵件服務(wù)，選擇通過(guò)托管服務(wù)獲得的電子郵件服務(wù)所想要設(shè)置的域名”后面的“設(shè)置”按鈕，在彈出的窗口中點(diǎn)擊“確認(rèn)”按鈕

選擇Hostinger Free $0.00/月

輸入電子郵件名稱和密碼，點(diǎn)擊創(chuàng)建按鈕，此時(shí)完成電子郵箱的創(chuàng)建，也可以設(shè)置在哪里使用您的電子郵箱，或者繼續(xù)創(chuàng)建另一個(gè)郵箱賬號(hào)。

八、Hostinger服務(wù)器取消自動(dòng)續(xù)費(fèi)和申請(qǐng)退款

如果覺(jué)得Hostinger服務(wù)器不好用，取消自動(dòng)續(xù)費(fèi)，或者需要退款，

1. 取消自動(dòng)續(xù)費(fèi)：點(diǎn)擊賬單-禁用自動(dòng)續(xù)費(fèi)-在彈出的頁(yè)面中再次點(diǎn)擊禁用自動(dòng)續(xù)費(fèi)

同時(shí)，為了安全起見(jiàn)，如使用paypal付款時(shí)，在paypal點(diǎn)擊設(shè)置圖標(biāo)付款-自動(dòng)付款-點(diǎn)擊要取消自動(dòng)付款的項(xiàng)目，點(diǎn)擊狀態(tài)中的“取消”按鈕

這時(shí)已取消自動(dòng)付款的項(xiàng)目會(huì)顯示在“顯示無(wú)效”這里

2.申請(qǐng)退款：點(diǎn)擊右上角的幫助圖標(biāo)，點(diǎn)擊我想獲得退款

點(diǎn)擊request a found

在點(diǎn)擊退款按鈕，點(diǎn)擊下一個(gè)

選擇款退回的位置

點(diǎn)擊提交請(qǐng)求

點(diǎn)擊跳過(guò)或者提交，完成退款申請(qǐng)。

這時(shí)在賬單-付款記錄-退款記錄中可以查看申請(qǐng)退款的記錄

本文來(lái)源：http://www.kyotomoriagedaisakusen.com/tutorials/144.html

版權(quán)聲明：本文為向前網(wǎng)絡(luò)工作室，未經(jīng)站長(zhǎng)允許不得轉(zhuǎn)載。