手把手教妹子用WordPress建一個公司官網(wǎng)（1）

原文鏈接：

成都創(chuàng)新互聯(lián)是一家專注于網(wǎng)站制作、成都網(wǎng)站制作與策劃設計,翼城網(wǎng)站建設哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設10年,網(wǎng)設計領域的專業(yè)建站公司;建站業(yè)務涵蓋:翼城等地區(qū)。翼城做網(wǎng)站價格咨詢:18980820575

緣起

上周，有天早上，一個朋友打電話找我求助，說要去客戶公司那里講產(chǎn)品方案，客戶說想先看看他們公司網(wǎng)站，但是之前出于各種原因吧，他們一直沒有把公司網(wǎng)站做出來，客戶說你們怎么連個網(wǎng)站都沒有，沒有網(wǎng)站那就不要來了。。。這下就有點尷尬了，沒辦法，誰讓客戶是爸爸呢？

朋友發(fā)了一個他們行業(yè)里競爭對手的網(wǎng)站，說就弄成這樣的得多久？我打開一看，嗨，這不就是一個典型的WordPress建的公司網(wǎng)站嗎，簡直太簡單了。正好他要展示給客戶的產(chǎn)品內(nèi)容也非常簡單，基本上就一頁就可以完事，用WordPress來做非常適合。

我說，你把產(chǎn)品內(nèi)容什么的準備好，這種網(wǎng)站就是分分鐘的事。他大喜。指派了公司里的一個做運營的妹子做內(nèi)容對接。

于是我們就約了個時間聚在一個小咖啡館，先讓妹子理了理產(chǎn)品內(nèi)容和素材，包括文字、圖片、視頻什么的。然后花了點時間給她講解了一些WordPress的基本概念和用法，再裝上一個建站神器–強大到無以復加的 Elementor ，The World’s Leading WordPress Page Builder，大部分時間我就是在旁邊指指點點，她哪里不會我就告訴她點哪里，基本上完全是她自己拖拖拽拽搭積木一樣就弄出來了。這妹子是一個絕對百分之百的技術小白，人生中第一次做出來的公司官網(wǎng)還挺像模像樣的，也足可見WordPress和 Elementor 的強大之處啊。下面就是妹子最終上線的作品截圖：

雖然是一個很簡單的單頁面，也沒有什么跳轉(zhuǎn)頁面，是不是總體感覺還不錯的？有些地方還略微有點瑕疵，但是瑕不掩瑜，可以打個80-90分了！

也可以看看她做的幾版的變化過程，開始的時候還有點亂七八糟，后面就一點點越來越成形了：

Previous

Next

妹子之前從來沒有接觸過建站相關之類的東西，做出來這個之后非常開心，挺有成就感的。而且在手機上打開自動就是響應式的布局，點擊鏈接就能自動滑動到相關部分，她覺得好神奇

，朋友看了也覺得挺滿意，就直接發(fā)給客戶看了，客戶爸爸也覺得挺好。大家好才是真的好！總體上這個簡單的小站的建站過程非常快速，非常愉快，都很滿意，四贏局面，完美！下面就把這次簡單的建站過程介紹一下，有需要的朋友也可以借鑒參考一下

第一步 買域名

朋友之前連域名都沒有買，所以第一步就是買域名。域名這個沒得說，只要他覺得合適就行。做公司官網(wǎng)肯定還是首選.com, 不要選些什么奇奇怪怪的頂級域名。

他自己選好了一個域名，讓妹子直接在阿里云上買了，估計她以前連域名是啥都不知道吧，但第一次買域名還挺溜的，咔咔就支付寶付款完了，這手速估計也是平時剁手練出來的。。。和淘寶購物沒啥區(qū)別。也挺便宜，一年55塊，第二年續(xù)費69。但他們買的速度太快了也為后面造成了一些不小的坑，還沒有來得及提醒不要在國內(nèi)的域名注冊上購買，就已經(jīng)買好了。如果事先知道朋友要在阿里云買域名，我肯定得攔著他一下。

阿里云購買域名最操蛋的還是要屬實名認證這個鬼東西了，如果沒有實名認證過的域名會一直是下圖這個鳥樣子，“ 運行異常 ”，而且會在注冊局層面顯示 serverHold 不可用。

域名的運行異常提示

沒有實名認證過的域名不能解析

因為我沒有在國內(nèi)域名商買過，不知道還有這個坑，他們買好之后我各種修改DNS服務器就是死活都不生效，折騰了好久不知道什么原因，搞到我都開始懷疑人生。后來才發(fā)現(xiàn)原來是因為沒有實名認證，真是踏

簡直了，所以趕緊讓妹子去認證了一下。真是無FUCK說，誰讓現(xiàn)在買個菜刀都得出示身份證呢？更別說你域名了。這就好比你光出示身份證還不行，那只是你有買菜刀的資格，你還得實名認證完了才能開刃。。。。我認證你妹啊認證

域名認證過程中還有個小插曲，我說妹子你去認證一下吧，她說好的，然后麻利高效的嗖嗖嗖就認證好了，我一看，得，這還不是域名的實名認證，只是阿里云帳號的實名認證，哦，進了你的大賣場要實名買票，進去了買個菜刀還得實名認證再來一次，真是太棒了！后來妹子機智地用老板的身份證信息把域名給實名認證了，總算是可以修改DNS了

域名是個大生意，國內(nèi)國外的大大小小的域名購買商太多了，多如牛毛，各家隱形的坑也不少。因為出于對國內(nèi)域名商的不信任，我從來沒有在國內(nèi)買過。之前在國外的Godday、name.com什么的買過好幾個，購買流程和體驗還算比較ok，但也都是一時興起沒怎么用起來，注冊完自己都忘了。。。過了一年之后沒續(xù)費就自動取消了。我現(xiàn)在這個丘壑博客的域名 bestscreenshot.com 原來是在name.com上買的，后來轉(zhuǎn)出到了 wealthyaffiliate.com 上，到現(xiàn)在總體用起來感覺還挺不錯的，很方便很穩(wěn)定。下圖就是各家的對比，基本上我在這幾家都買過域名，推薦 wealthyaffiliate.com

wealthyaffiliate.com 和其他國外域名商的對比

為什么推薦在 wealthyaffiliate.com 購買域名？

購買流程方便快捷

每年續(xù)費價格固定，沒有潛在費用

256位加密強度的SSL證書（免費）

域名隱私保護 Domain Privacy （免費）

無需實名認證 Private Registration（免費）

無限域名郵箱賬戶（免費）

穩(wěn)定的高級DNS解析服務（免費）

自由轉(zhuǎn)入轉(zhuǎn)出

對比可以發(fā)現(xiàn)，在 wealthyaffiliate.com 上注冊域名有許多免費的增值服務，比其他域名注冊商要良心不少。具體的域名注冊購買步驟限于篇幅內(nèi)容就暫時不介紹了，都是很簡單的一步步下來，也沒有什么坑，最后直接PayPal或者信用卡付款就ok了，我已經(jīng)在這里買了3個域名了。再次推薦。

第二步 托管服務

折騰了幾個小時終于把域名搞定了。接下來就是要解決托管服務的選型了。上文已經(jīng)說過，網(wǎng)站的程序方案已經(jīng)確定無疑是WordPress了，所以基于WordPress來選擇托管服務也有幾個選擇：

云主機自主方案

WordPress是PHP開發(fā)的，對主機性能要求并不高，所以買一臺最低配的獨立云主機或者VPS都可以跑起來。現(xiàn)在云計算這么普及，各家云計算服務商的控制臺上買主機、裝系統(tǒng)、加帶寬的各種操作也都方便的很了。然后按部就班部署一套標準的LAMP環(huán)境或LNMP環(huán)境（Linux + Apache/Nginx + MySql + PHP），當然了，云主機的系統(tǒng)選Windows也是ok的，因為我是個碼農(nóng)，個人來說是比較傾向于Linux。關于這些技術內(nèi)容，延伸出來每一part都可以展開一本書的內(nèi)容，網(wǎng)絡上也有各種的教程和科普，這里暫時也就不細說了，以后有機會再慢慢一點點介紹。

買好主機，弄好環(huán)境部署，最后再把WordPress程序安裝好就可以搞定了。WordPress的配置安裝還是挺簡單。

這種云主機的方案優(yōu)點是自主性很強，性能和專業(yè)性有保證，可以比喻成給你一堆圖紙、水泥、鋼筋和沙子，后面就全部要自己了；缺點也是自主性太強，對小白不友好，尤其是對于朋友這種類型的中小企業(yè)來說，主要任務是要專注于產(chǎn)品研發(fā)和開發(fā)新客戶，不會有什么專門人去管理服務器，沒有必要也養(yǎng)不起這樣的專職運維人員。所以說這不是一個技術問題，而是一個成本問題。

再一個非技術原因就是：備案！這個備案是管局強制性的，只要使用境內(nèi)服務器做域名解析就必須備案！個中細節(jié)就不說了，反正備個案能把人搞死。而且備案是需要時間的，長則10天半個月，短則4 、5天。而本次的需求是他恨不能第二天網(wǎng)站就能上線發(fā)給客戶爸爸看看，所以用國內(nèi)主機肯定是來不及的，要么用國外主機，而且基于上面的人員成本、維護成本等原因，云主機方案已經(jīng)被排除了…

So, Plan B is here：

WordPress托管服務

如果說上面的方案可以說是只有圖紙、水泥、鋼筋和沙子的話（連毛坯房都不算），那么這種第三方托管方案簡直就可以說是拎包入住的精裝房了。

WordPress對主機提供商來說是一塊競爭很大的市場。雖然有很多家大型主機商（如GoDaddy、bluehost等等）提供WordPress主機，但是專業(yè)化的提供商通過專注WordPress客戶的需求而保持競爭力，包括安全保障和定期升級，專業(yè)級別的插件和服務等等，國外這種公司挺多的，比如 Pagely 、 WP Engine ?( 收購了WordPress主題框架Genesis)、? WPMUDEV 、 WordPress.com （墻了） 等等不一而足，國內(nèi)也有幾家。部分服務商的價格對比如下：

CompanyPrice

SiteGround $5.95/mo

GoDaddy $12.99/mo

Kinsta $30/mo

Flywheel $28/mo

WPEngine $35/mo

Pagely $299/mo

Presslabs $599/mo + $0.10/1,000 pageviews

LiquidWeb $99/mo

很明顯，使用WordPress托管服務的優(yōu)點—-方便快捷，幾乎不要求技術基礎就可以快速弄出一個WordPress站點，快的話幾乎 30秒 就可以弄一個出來了，而且無需備案；缺點來說，國內(nèi)打開的速度和性能可能并不能盡如人意，全英語界面對一些人可能也是個不小的障礙。

目前我自己的 丘壑博客 用的這家服務商是 SiteRubix ，是一家隸屬于加拿大 Wealthy Affiliate? 旗下的專業(yè)WordPress托管服務商。 Wealthy Affiliate 是一家非常成功的優(yōu)質(zhì)內(nèi)容營銷教育平臺和社交網(wǎng)絡，它的affiliate marketing培訓課程極為出色，國內(nèi)可能名氣沒有那么大（基本上全是英語內(nèi)容），但在國外受眾和會員非常多，社區(qū)非常活躍，氛圍很好，高人也挺多的。 Wealthy Affiliate 的聯(lián)盟計劃也改變了不少人的生活軌跡和命運，普通人的成功故事也挺多，很多人靠著WA過上了非常愜意的生活。以后有機會可以詳細介紹一下，目前來說和本篇內(nèi)容沒有太大關系，題外話。去年偶然的時候接觸到了 Wealthy Affiliate ，很快就被它上面的優(yōu)質(zhì)課程和社區(qū)所吸引，購買了一年的 高級付費會員 。下面簡單介紹一下SiteRubix的優(yōu)缺點：

SiteRubix 優(yōu)點:

全能的WordPress托管平臺

付費會員可以建立多達50個站點（25個頂級域名的，25個二級域名的）

創(chuàng)建過程簡單便捷，4步建站.

關于內(nèi)容建設方面的高質(zhì)量課程源源不斷

與Wealthy Affiliate的培訓課程和管理后臺深度集成

自帶安全掃描、每日備份、Spam攔截

30GB存儲、帶寬支持每月50萬用戶訪問

緩存和壓縮技術可以極速優(yōu)化WordPress打開速度

SEO和內(nèi)容優(yōu)化建議，二級域名的免費站點在Google的收錄也挺快

一鍵遷移技術可以快速從二級域名切換到自有域名

技術支持快速響應

主題模板豐富

SiteRubix 缺點:

免費版只支持2個站點，只有12個模板可選

如果不需要內(nèi)容建設等方便的在線培訓課程，價格會顯略貴

基于美國AWS云計算平臺，國內(nèi)速度會略遜一籌

相比于其他單純的WordPress托管服務商， SiteRubix 在基礎功能上一點也不遜色，某些功能甚至更專業(yè)，能很好的滿足一個WordPress站點各方面的需求， SiteRubix 突出優(yōu)勢和附加價值在于與Wealthy Affiliate中各種內(nèi)容建設課程的深度集成，這對于一些并不需要多么高深復雜的技術方案的網(wǎng)絡營銷者、利基市場挖掘者、博客作者或者其他有目標受眾的內(nèi)容建設者來說，不失為一個很好的選擇。就我個人來說，這幾個月用下來，除了國內(nèi)某些地區(qū)的速度不是很理想，其他方便沒什么可吐槽的。

回到正題，因為朋友這次的需求就是快速上線一個產(chǎn)品官網(wǎng)，對技術方面什么的他并沒有什么特殊要求，所以SiteRubix非常符合這個項目，綽綽有余。

我用自己的帳號在 SiteRubix 后臺快速給他新建了一個二級站點? jiekai.siterubix.com , 作為一個線上的開發(fā)環(huán)境（也算是職業(yè)病吧，習慣于把線上環(huán)境和開發(fā)測試環(huán)境區(qū)分開），等妹子把產(chǎn)品內(nèi)容弄好之后，再一鍵切換到他自己的域名，見下圖的箭頭處：（這個截圖事后截的）

SiteRubix的一鍵move功能，方便從二級域名到頂級域名快速切換

小結

至此，域名和WordPress托管服務這些基礎設施建設已經(jīng)搞定了，接下來就是如何一步步使用 Elementor 快速搭建一個公司官網(wǎng)了，本想放在一篇，但考慮到這樣的話內(nèi)容會太長，讀起來也太累，還是拆做兩部分，未完待續(xù)，敬請期待

我為什么選用typecho而不是wordpress作為博客

經(jīng)過幾天的選型，我最終是在wordpress和typecho中選型，選擇了typecho，有以下收獲與感悟。

關于博客選型（wordpress VS typecho）

感覺typecho是一個簡化版的wordpress。wordpress經(jīng)過多年的發(fā)展，目前代碼還是非常臃腫，提供加載了很多本來并不需要的東西。后來再加上一些服務被墻，導致其需要做很多額外的優(yōu)化和配置。

Wordpress的插件和生態(tài)相比typecho而言更加豐富更新也更快，這是typecho的劣勢。但對于初級用戶而言，其實很多特性化的插件本身并不需要。

Typecho可以傻瓜式地在apache下安裝，但是linux + nginx下需要自己修改一些代碼和配置，否則文章詳情頁面會404.即對于服務器環(huán)境typecho還是缺乏適配，這個對新手而言不夠友好。

其他感悟

對于vps的選型，淘寶上有一些便宜的香港主機，比較推薦。對于搭建博客用的服務器，建議使用windows + 建站助手。因為這樣簡單，不必修改很多配置折騰。當然也可以選擇linode或oceanDigital，選擇低配和倒數(shù)第二配置的對于博客搭建而言，其實都夠用。

國內(nèi)域名備案是個坑，但是也是邁不過的坎。為了長遠打算還是需要及時備案。

現(xiàn)在的域名中.com比較通用，top域名則比較便宜（現(xiàn)在搞活動，4元一個年，續(xù)費16元每年），godaddy + dnspod解析的好處是免備案。

Linux看起來適合于爬蟲，掃描器，java建站等。

不懂的發(fā)郵箱

前端工程師需要學哪些課程？

Web前端是為了協(xié)調(diào)前端設計與后端開bai發(fā)之間工作的崗位，是最接近產(chǎn)品和設du計的工程師，起到銜接zhi產(chǎn)品和技術的作用，前端為用戶可以看到的部分負責，所以也是最接近用戶的工程師。

Web前端開發(fā)基礎技能：HTML、CSS、JavaScript

前dao端的開發(fā)中，在頁面的布局時， HTML將元素進行定義，CSS對展示的元素進行定位，再通過JavaScript實現(xiàn)相應的效果和交互。雖然表面看起來很簡單，但這里面需要掌握的東西絕對不會少。在進行開發(fā)前，需要對這些概念弄清楚、弄明白，這樣在開發(fā)的過程中才會得心應手。

Web前端開發(fā)必知標準：http標準、W3C標準、ECMAScript標準

瀏覽器要從服務端獲取網(wǎng)頁，網(wǎng)頁也可能將信息再提交給服務器，這其中都有http的連接。W3C標準不是某一個標準，而是一系列標準的集合。網(wǎng)頁主要由三部分組成：結構(Structure)、表現(xiàn)(Presentation)和行為(Behavior)。JS是在ES的基礎上，為Web瀏覽器做了一部分封裝(增加了DOM操作、BOM操作等)。

Web前端開發(fā)加薪技能：jQuery、Ajax、React

jQuery一定是大部分Web前端開發(fā)者不可或缺的工具，對jQuery的學習不能停留在只使用它的API和插件上，還要會自己去寫jQuery插件、會讀jQuery源碼、了解jQuery的設計思路。

Ajax是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術，通過在后臺與服務器進行少量數(shù)據(jù)交換，Ajax可以在無需重新加載整個網(wǎng)頁的情況下，更新部分網(wǎng)頁的技術。

React主要用于構建UI，你可以在React里傳遞多種類型的參數(shù)，如聲明代碼，幫助你渲染出UI、也可以是靜態(tài)的HTML DOM元素、也可以傳遞動態(tài)變量、甚至是可交互的應用組件。

除了要掌握技術層面的知識，Web前端工程師還要掌握理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等等。

文章標題：wordpress選型 wordpress適合seo嗎
轉(zhuǎn)載注明：http://chinadenli.net/article18/dojehdp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設計、用戶體驗、企業(yè)建站、網(wǎng)站建設、App設計、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)