2021年Wordpress博客裝修美化(一)
2021年WP博客Blocksy主題安裝和基礎(chǔ)配置
接上篇,2021年Wordpress博客搭建 ,關(guān)于搭建WP的步驟,基本上都已經(jīng)講了。看完后,照著操作可以快速的搭建一個(gè)高可維護(hù)性的屬于自己的博客。萬里長征,我們才完成一小小步,依然是微不足道的一步,后面對(duì)博客的安全管理,內(nèi)容管理,圖文排版,才是我們的重頭戲。
前言
一切照舊,在教程的開始,容我先廢話幾句。WP的功能,遠(yuǎn)不止記錄一個(gè)博客那么簡單,通過一定的優(yōu)化,可以支撐數(shù)千萬流量的訂單流水。也可以做一個(gè)復(fù)雜商業(yè)網(wǎng)站,甚至不需要寫一行代碼。只需要對(duì)主題插件頁面進(jìn)行元素的拖拽和樣式的微調(diào)就可以完成。如果對(duì)自建站感興趣的同學(xué),可以認(rèn)真來看下我接下來的內(nèi)容,搭建一個(gè)小小的博客,對(duì)WP來說,發(fā)展到現(xiàn)在,真的是有點(diǎn)大材小用是也。
長時(shí)間以來,我一直以為從百度上搜索出來的WP個(gè)人網(wǎng)站,是WP的平均水平。直到我發(fā)現(xiàn)國際上的WP已經(jīng)發(fā)展成了一個(gè)新高度,我才豁然明白,是我錯(cuò)了,沒能跟上時(shí)代,為了把最新的WP科技展現(xiàn)給大家,我決心寫一個(gè)WP系列相關(guān)的文章,未來還會(huì)出相關(guān)視頻。我一口氣開通近二十家各類媒體平臺(tái),計(jì)劃將所有我知道的知識(shí)進(jìn)行免費(fèi)分享,寫的好的文章,希望大家能多多轉(zhuǎn)載。寫的不好的地方,希望大家能在評(píng)論中指出,一起進(jìn)步。
好了,言歸正卷。這篇文章主要講述WP的一些基本需要注意到的配置,和Blocksy主題的基本安裝配置,以及過程中涉及到的插件安裝及使用。
Blocksy主題安裝
- 為什么要用Blocksy主題?
在主題森林中,售賣著數(shù)萬套主題方案,他們有開發(fā)人員開發(fā)的,有設(shè)計(jì)人員開發(fā),有專業(yè)公司開發(fā)的,也有WP愛好者開發(fā)的。他們形式大體相同,但是在使用細(xì)節(jié)上卻又有著多多少少的缺陷,要么用起來不爽,要么費(fèi)用高昂。結(jié)合著我們的選題,只需要一個(gè)博客內(nèi)容的美化展示,所以就不那么費(fèi)周折了。Blocksy主題的免費(fèi)版本已經(jīng)足夠使用了。
點(diǎn)擊安裝主題后,搜索 Blocksy ,只有一個(gè)結(jié)果,
安裝完成后,即可立即啟用。
回到后臺(tái)主頁,會(huì)有一條提示:
點(diǎn)擊 Install Blocksy Companion,人家插件強(qiáng)烈推薦了,我們還是安裝一下的好,雖然說不安裝也能用。
安裝完成后,刷新一下頁面,點(diǎn)擊激活。如下,
直接跳過就行了。好奇的話,也可以隨便看看。
至此,主題就安裝完成了。此時(shí)直接打開主域名頁面,即可看到,
現(xiàn)在頁面上一下子干凈啦。先讓我們回到后臺(tái)管理頁面,檢查和設(shè)置一些必要的配置。
基礎(chǔ)配置檢查
1,時(shí)間配置,避免時(shí)區(qū)問題導(dǎo)致文章發(fā)布的時(shí)間不對(duì)。做外貿(mào)SEO的同學(xué),可以根據(jù)當(dāng)?shù)貢r(shí)間進(jìn)行調(diào)整。
2,固定鏈接是必須要設(shè)置的。對(duì)SEO影響甚大。
3,訪問404的配置。如果不出意外,現(xiàn)在訪問任何頁面都是404,是因?yàn)镹ginx中確實(shí)對(duì)php的定向配置。現(xiàn)在,我們?nèi)ソ鉀Q這個(gè)問題。
登錄寶塔面板,按照如下4個(gè)步驟。
代碼為,
if (-f $request_filename/index.php){
rewrite (.*) $1/index.php;
}
if (!-f $request_filename){
rewrite (.*) /index.php;}
保存完成后,即可看到頁面,
等等,我們貌似又發(fā)現(xiàn)一個(gè)小細(xì)節(jié),瀏覽器的icon還是默認(rèn)的,順手配置一下唄。
4,設(shè)置頭像與網(wǎng)站icon
在個(gè)人資料中,他現(xiàn)在只有一個(gè)必須從Gravatar中添加頭像,不能從媒體題庫中選擇。是不是感覺很討厭,很不人性化,我要追求個(gè)性化,不需要搞神馬頭像認(rèn)證的。
現(xiàn)在,我們就安裝一款插件,讓他可以媒體庫加載圖片。去插件選項(xiàng)中,搜索User Profile Picture,如圖:
使用圖中指向的哪一款。點(diǎn)擊安裝后激活。再回到頭像,就可以看到,現(xiàn)在多了一個(gè)選項(xiàng),我們?nèi)ミx擇上傳圖片即可。
現(xiàn)在可以從媒體庫添加頭像了。如果你在編輯頭像的時(shí)候,向下面這樣,遇到裁剪無法保存的話,請(qǐng)不要擔(dān)心。
我查閱了他們的官方文檔,找到了一個(gè)issue,圖片裁剪問題,他們不認(rèn)為這是個(gè)問題,解決辦法是再按一次裁剪,??。
裁剪的時(shí)候,作為頭像,可以將長寬比設(shè)置為1:1,調(diào)整好角度后,再按一次裁剪(這真的不是一個(gè)友好的體驗(yàn),希望他們能改進(jìn))
此時(shí)再去保存即可。別忘了右側(cè)的“更新”按鈕,否則不會(huì)生效。操作完成后,我們?cè)倏纯葱Ч?/p>
接下來,我們?cè)O(shè)置站點(diǎn)圖標(biāo)。回到后臺(tái)首頁,看到那個(gè)最大最亮的按鈕,自定義您的站點(diǎn),接下來進(jìn)入,
可以點(diǎn)擊那個(gè)太陽圖標(biāo)來改變左側(cè)欄的樣式。點(diǎn)擊站點(diǎn)身份即進(jìn)入站點(diǎn)圖標(biāo)的設(shè)置,在這兒可以改變站點(diǎn)標(biāo)題,副標(biāo)題。快去找一個(gè)簡單的圖標(biāo)放上去吧。完成后,記得點(diǎn)擊發(fā)布哦~
好了,到現(xiàn)在為止,主題安裝好了,最基礎(chǔ)的設(shè)置,基本上都有了,后面更高級(jí)的設(shè)置,都是需要內(nèi)容來填充。接下來我們開始講解最重要的部分,WP自帶的頁面可視化編輯器古騰堡的使用。用好他,可以讓我們的文章很輕松的排出漂亮,個(gè)性化版面。
下期見,別忘了關(guān)注我哦~