wordpress網站建置 – 基礎外掛、網站字體、圖片放大設定、分類排序

[2020/3/5]更新

有時候需要高亮的效果，但不是要標註程式碼，可能是一些重點、標題等等，

這個很單純，可以在自訂css直接設定

.markSomething{
    padding: 20px;
    border-left:10px solid #AfEFCf ;
    display: block;
    margin:5px;
    background:#EFFFDF;
}

之後在需要提示的地方原始碼的部分用span或p(anything~)包起來，
然後加個class="markSomething"就好了。

效果像是這樣。

[2020/1/25]更新
文章各分類都有了幾篇文章之後才開始注意到，咦，竟然不能調整分類的順序嗎？
這很不OK!!
趕緊裝個外掛來排序: Category Order and Taxonomy Terms Order
參考文章 => 教你如何調整WordPress分類排序

[正文]
介紹安裝外掛：Jetpack、classic editor，自定義css：網站字體、滑鼠拖曳圖片放大。
記錄剛架站的一點設定操作與過程，寫一些網路上沒找到的或我自己有遇到的狀況。

首先，雖然沒特別打算營利幹嘛的(~~有的話當然也很好~~)，但是有人看的話寫起來更有動力呀XD

人氣統計的外掛參考了香腸老師的這篇文章
【WordPress百寶箱7】Jetpack之WordPress 輕量級單篇文章網站人氣統計
不過不知道是改版了或是出了什麼~~不可言說的差錯~~，我的版面長得好像跟老師的不太一樣。
所以簡單記錄一下不同的地方。

我的頁面，特別的陽春，特別的乾淨，~~多麼清清爽爽的0~~。
Jetpack
點選右上角的右邊的"設定"
~~然後就可以開始設定了(熊熊覺得這個話好像很欠打~~

我是很想看到香腸老師第9步那樣的畫面
但我現在的文章數量太少了簡直呵呵
所以我決定多去生幾篇文章再來研究這些東西(X

撇開測試文章不說，這是我第一篇在wordpress發的文章，
發文時我安裝了官方的舊版編輯器
classic editor
教學文請按這裡
WordPress 5.0 新版的文章編輯器不會用？官方推出傳統編輯器外掛讓你使用
(謝謝阿湯老師)

然後我只想說
對不起，~~這個編輯器真是比痞客幫好用一百萬倍~~

舊版編輯器比較直覺，但功能還是太陽春了，

也沒辦法直接改變我很在意的字型，

於是加裝加強版編輯器 TinyMCE Advanced

起初安裝時我真的疑惑超久，為何我安裝了，也啟用了，

可是頁面上就是乾乾淨淨只有舊編輯器原有的東西，

直到我不經意的點開了預覽...
原來東西都在預覽頁面啦XDDDD

再來就是選擇佈景主題了，好不容易總算有點樣子了，

當然想讓自己的網站長得漂亮點順眼點了，

到設定頁面的外觀部分選個自己滿意的主題吧。

因為我主要是記錄學習心得，
所以就挑個簡單清爽的版型。
挑完之後唯一讓我困擾的就是，這字體也太醜XDDD
所以說，該怎麼改整個網站的字體啦？

作為一個不專業前端，最直覺想到的當然就是:改body啊不然咧~
好吧但是我們還是覺得爬爬文~~給自己打打臉~~比較心安，

但是，but，我安了body之後有的有變有的沒變，簡直不能再更醜！！
這到底是搞毛？

那我們打開chrome的F12去指，直接去改。
首先，f12按下去。
接下來的看這張圖吧，很容易的XD

然後又發現天阿因為版面的關係，圖片小到根本看不見啊，
這時候就該來個...滑鼠移過去然後就放大的功能阿XDDD

.entry-content img:hover{ 
 transform:scale(1.6);  	
}

entry-content 是文章的class，因為我只想要我文章裡的圖片會放大，不想首頁圖也放大。
大概就是這樣囉，接下來終於可以開始好好寫文章了。

卡拉筆記