用WP打造你的Brand Site準(zhǔn)備篇

1. 購(gòu)買Hosting（我用的Hostinger）

2. 購(gòu)買域名 （我直接在Hostinger上面買的，自動(dòng)就能綁定到Hostinger的主機(jī)）

3. 綁定域名到Hosting

4. 安裝SSL，并Force所有鏈接到Https，

5. 進(jìn)入WP后臺(tái)更改Setting——General的設(shè)置，去掉URL的www，然后Save

Setting——Permalinks:設(shè)置為Post?name

Setting——Reading：禁止谷歌收錄

6. 選擇Page，然后添加一個(gè)Home?Page，然后回到Reading設(shè)置指定Home?Page

7. 安裝Theme——Appearance-Themes-Add?New（GeneratePress）-Active主題GeneratePress-Delete其他不需要的主題

8. 升級(jí)GeneratePress?Premium，購(gòu)買安裝包之后plug上傳然后輸入激活碼，再安裝generateblocks插件

9. 設(shè)置Google?Search?Console，驗(yàn)證域名所有權(quán)

10. 安裝Rank?Math?SEO

11. Site?Speed

插件Wp-Rocket?&?Bunny?CDN

12. 設(shè)置Email（Gsuite）

購(gòu)買一個(gè)Gmail結(jié)尾的官方郵箱：

• 創(chuàng)建新的Gsuite?Account，或者在現(xiàn)有的Gsuite?Account里面添加一個(gè)Domain

二、BrandingYour Site

1. 挑選品牌網(wǎng)站顏色

• 利用ChatGPT-4

• 利用競(jìng)爭(zhēng)對(duì)手產(chǎn)品色

目標(biāo)：挑選5個(gè)顏色

Primary?&?Accent?(主色調(diào)&強(qiáng)調(diào)色)

主色調(diào)奠定了網(wǎng)站的大面積的顏色，強(qiáng)調(diào)色一般用的是主色調(diào)的互補(bǔ)色，起到突出的作用，主要應(yīng)用于按鈕的顏色之類的。

White?&?Off?White(白色和灰白色)

網(wǎng)站肯定會(huì)有常規(guī)的白色，這個(gè)時(shí)候我們可以采用Off White的顏色將網(wǎng)站的一些元素和純白的背景區(qū)分開來，不需要用瘋狂鮮艷的色彩過度，如下圖所示：

Dark?Color?（暗色）

選擇一個(gè)深色調(diào)，作用于網(wǎng)站的字體和頁(yè)腳

①?利用ChatGPT-4選色（ChatGPT-3.5免費(fèi)版也可以,記得讓它給你寫出color?number?就好了，你不要求，它就只給顏色不給顏色編號(hào)）

打開ChatGPT-4,輸入需求，讓它幫我挑好5個(gè)顏色

I?want?to?create?a?XXXXXX?website,?could?you?help?me?provide?5?different?colors?for?create?my?website??I?need?5?colors?include?Primary?&?Accent,?white?&?off-white?and?dark?color.

然后我會(huì)把ChatGPT給出來的答案輸入到coolors.co網(wǎng)站去查看

選色工具網(wǎng)站介紹：

https://coolors.co/

點(diǎn)擊了Explore?Trending?Palettes就可以看到很多配色可以選，

選好了可以點(diǎn)擊...，然后選擇open?in?generator去調(diào)色板頁(yè)面

當(dāng)我們進(jìn)入調(diào)色板頁(yè)面的時(shí)候，我們可以直接輸入ChatGPT給的顏色編號(hào)，就可以顯示出顏色了。

②?利用競(jìng)爭(zhēng)對(duì)手產(chǎn)品色

比如做DOG?FOOD產(chǎn)品的，可以看下對(duì)手的產(chǎn)品包裝，然后下載一個(gè)對(duì)手產(chǎn)品圖片，上傳到選擇coolors里面

然后我們可以直接從產(chǎn)品圖上面取色，如下

2. 選擇品牌字體

• https://www.fontpair.co/all

選擇自己替換的字體搭配，然后記錄下來自己喜歡的Font

• Canva

Canva里面有網(wǎng)站設(shè)計(jì)模板，可以選擇自己喜歡的品類的網(wǎng)站去看人家的字體用的什么，然后記錄

• https://fontjoy.com/

3. 使用Canva創(chuàng)建品牌LOGO

Size：350*100

Canva里面有很多設(shè)計(jì)好的logo可以供參考和修改，可以選擇一個(gè)看上的LOGO，然后根據(jù)前面自己選擇的網(wǎng)站顏色，修改下LOGO的顏色就好了。

4. 用Canva創(chuàng)建Favicon

Size：512*512， Favicon就是打開網(wǎng)頁(yè)標(biāo)簽上的縮小的logo標(biāo)簽

5. 創(chuàng)建品牌形象圖片

當(dāng)你創(chuàng)建文章的時(shí)候，你是可以設(shè)置文章封面的，這樣我們可以把我們的文章封面設(shè)置成大小，風(fēng)格一致的封面圖，案例如下圖所示：

我們可以利用Canva，選擇Ins方形的模板來進(jìn)行創(chuàng)作

當(dāng)然如果你喜歡橫向的也推薦可以使用Youtube的縮略圖模板來制作，根據(jù)自己的喜好即可

6. 設(shè)置GeneratePress的Site Setting

   實(shí)操截圖太累了，后續(xù)都要用這個(gè)工具，給個(gè)視頻，大家可以跟著視頻學(xué)習(xí)怎么設(shè)置

https://www.youtube.com/watch?v=4SpxBwWUal0