WordPress 外貿(mào)建站 DIY 視頻教程
時(shí)間：2023-08-11 06:21:01 | 來源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-08-11 06:21:01 來源：網(wǎng)站運(yùn)營(yíng)
WordPress 外貿(mào)建站 DIY 視頻教程：跟著這個(gè)視頻
[1]是可以了解如何建站的。
推薦主題Impreza
第一課，安裝主題插件 https://www.zhihu.com/video/1177557102578626560下載WPbackery Page Builder
下載Slider Revolution
下載WP Rocket
課程要點(diǎn)：
跟著這個(gè)視頻基本學(xué)不會(huì)如何建站，但是可以了解如何建站的。
推薦主題Impreza
在Appearance—Menu修改菜單
一般頁面包括：Home About Product News FAQ Contact （6個(gè)static頁面）
Product Category；Product Details；News Category；News Details （4個(gè)模板頁面）
Privacy，404，Search Result（三個(gè)簡(jiǎn)單系統(tǒng)頁面）
第二課，基礎(chǔ)頁面內(nèi)容填充https://www.zhihu.com/video/1177558784934879232查看復(fù)制這個(gè)視頻
課程要點(diǎn)：
別忘記404頁面和搜索結(jié)果頁面?？梢宰孕卸ㄖ茦邮?。
可以到主網(wǎng)站上復(fù)制樣式（即復(fù)制段代碼）直接在 網(wǎng)站class mode中的 text中粘貼即可。
第三課，編輯頭部https://www.zhihu.com/video/1177559070410866688頭部元素 impreza.imaiko.com
課程要點(diǎn)：
頭部包含logo，導(dǎo)航，搜索
Logo應(yīng)該在左上，是用戶預(yù)期的，適合從左向右的字體。眼球移動(dòng)最短。導(dǎo)航是快速查找。搜索是導(dǎo)航的補(bǔ)充，一般老訪客會(huì)使用，用按鈕足夠，不用顯示field。
Logo 適合用SVG格式
網(wǎng)站圖標(biāo) favicon.ico 格式或者PNG格式，256px正方形。
Preloader 可以增加用戶的耐心，尤其當(dāng)網(wǎng)速慢。
頭部有上中下，左中右，PC，平板和手機(jī)三個(gè)版本?？梢孕薷氖欠?固定，全寬，陰影，橫豎版等。
第四課，關(guān)于我們頁面https://www.zhihu.com/video/1177559178532524032字體設(shè)計(jì)
顏色設(shè)計(jì)
具體元素查看這里
課程要點(diǎn)：
About頁面一般可以在1分鐘內(nèi)讀完主要信息，圖文，視頻等盡量豐富。
字體一般推薦一種字體，或者一對(duì)字體。推薦roboto + Roboto Condensed; 或者ralway。
網(wǎng)站顏色一般是根據(jù)行業(yè)和Logo配合，藍(lán)色停留時(shí)間長(zhǎng)，紅色印象深，橙色轉(zhuǎn)化高。
一張雜亂的圖，加上藍(lán)色萌版就會(huì)順眼很多。
按鈕一般要足夠鮮艷明亮
一般來說一個(gè)section / row， 含有一個(gè)標(biāo)題H。 diss Avada
關(guān)于具體的元素
第五課，F(xiàn)AQ頁面https://www.zhihu.com/video/1177559332442488832標(biāo)準(zhǔn)FAQ寫法
如何寫好卓越的FAQ頁面
課程要點(diǎn)：
FAQ 是僅次于主頁，但是被長(zhǎng)期忽略的。
整段文字出現(xiàn)的時(shí)候，每一行的寬度要短一些，一般是45-90rem；
一般網(wǎng)站寬度1000-1300。
最適合長(zhǎng)時(shí)間閱讀的字號(hào)是16-17號(hào)。行高1.2-1.5倍。
FAQ多了可以分類，一般分類公司，產(chǎn)品，訂單，市場(chǎng)，模具政策等等。FAQ再多了可以搜索。更多問題可以通過簡(jiǎn)單的表單收集問題。
FAQ可以跟關(guān)于，詳情頁面等鏈接。
第六課，聯(lián)系我們頁面https://www.zhihu.com/video/1177559519005224960課程要點(diǎn)：
可以設(shè)置整體的banner，每一個(gè)頁面或者類似也可以自定義banenr。
郵箱，電話，whatsapp和skype可以一鍵喚起。
表單體驗(yàn)盡量好。能少就不要多，能夠選就不要填寫。
第七課，新聞列表和詳情頁面https://www.zhihu.com/video/1177559669688778752課程要點(diǎn)：
新聞/博客系統(tǒng)對(duì)SEO有利，對(duì)于轉(zhuǎn)化有利?？梢远〞r(shí)發(fā)布。
SEO是最便宜的流量。
人的眼球不能讀太長(zhǎng)的一行文字，一般在45-90rem之間。兩邊留白是沉浸式閱讀。不會(huì)跳行。
每一篇文章后最好加上一個(gè)CTA的模塊。可以增加轉(zhuǎn)化率。
第八課，產(chǎn)品詳情頁面https://www.zhihu.com/video/1177559834147450880課程要點(diǎn)：
一般來說post放新聞，portfolio放產(chǎn)品?？梢孕薷膒ortfolio標(biāo)簽為product。
產(chǎn)品詳情頁面對(duì)于轉(zhuǎn)化來說非常重要。
一般布局是：左上圖，右上USP和按鈕或者表單；中間參數(shù)。下邊放相關(guān)產(chǎn)品。
產(chǎn)品詳情頁不同于著陸頁；詳情頁重在閱讀，著陸頁重在轉(zhuǎn)化。關(guān)鍵詞范圍和產(chǎn)品分類不對(duì)等。
后臺(tái)通過插件Advanced Custom Field 可以添加不同的產(chǎn)品屬性，比如參數(shù)，應(yīng)用，圖片，下載等。
表格的態(tài)度：
- 可以左右滑動(dòng)
- 給出明顯邊框，會(huì)有向右滑動(dòng)暗示
- 粘性吸附第一列
彈窗詢價(jià)，比較適合詳情頁面。而表單適合LP頁面。
字體粗細(xì)對(duì)比要明顯。同理字號(hào)也是。
相關(guān)產(chǎn)品，一般是推薦相同類目下的。不用上一個(gè)下一個(gè)。Recommend Products
新聞可以用上一篇，下一篇。更推薦相同類目的新聞。Related Articles
第九課，產(chǎn)品頁面和分類頁面 https://www.zhihu.com/video/1177560131012825088課程要點(diǎn)：
產(chǎn)品分類頁面一般跟總的產(chǎn)品頁面一致
新聞分類頁面一般總的新聞頁面一致
根據(jù)內(nèi)容多少，可以進(jìn)行分類，分頁，過濾，搜索
404 頁面，對(duì)于改版網(wǎng)站有利
搜索結(jié)果頁面，可以根據(jù)偏向新聞或者產(chǎn)品，選擇grid樣式。
頁腳在Impreza-Page Block中查找
首頁的設(shè)計(jì)模式是：我們做什么（banner等），我們是誰（banner和about），為什么選擇我們（testimonial，certificates，news，partners）,CAT 這樣布局。首頁的作用是說服客戶點(diǎn)進(jìn)去。
第十課，一鍵安裝和遷移https://www.zhihu.com/video/1177560273434607616下載插件 All in one WP Migration
下載插件 Exten
下載打包導(dǎo)出wpress文件
課程要點(diǎn)：
下載插件 All in one WP Migration（已增加最大上傳大小為10G）
下載 打包文件wpress文件。
鏈接:
https://pan.baidu.com/s/1UpixYB2k5F-2gm5xGHAxqw提取碼: dkzi
用戶名：imaiko 密碼：imaiko
用Migration插件上傳打包文件，會(huì)覆蓋原來的所有內(nèi)容，設(shè)置，主題，插件，用戶登陸信息，所以適合新網(wǎng)站。
其中包含的付費(fèi)主題和插件，部分功能需要激活才可以應(yīng)用。一般情況不激活也足夠使用。
如果用以上文件，現(xiàn)在是免費(fèi)使用。請(qǐng)保留Design by iMaiko
[2] 字樣。
如果需要建站，請(qǐng)聯(lián)系我們
[3]。我們的優(yōu)勢(shì)是，擅長(zhǎng)用WordPress做外貿(mào)網(wǎng)站，定制，后付費(fèi)。
參考
- ^視頻教程原文?https://www.imaiko.com/export.html
- ^麥客官方網(wǎng)址?https://www.imaiko.com
- ^聯(lián)系網(wǎng)址?https://www.imaiko.com/contact
在線咨詢