wordpress自架網站-6步驟美化部落格文章標題

1.安裝外掛Code Snippet

點我連結下載

2.下載後至側邊欄啟用外掛

3.至側邊欄點選新增程式碼片段

標題隨意輸入即可

4.找到Class 名稱

如何找到 Class 名稱？

1. 利用 Chrome 瀏覽器開啟文章頁面，點選右上角「三個點」
2. 點選「更多工具」
3. 點選「開發人員工具」
4. 點選「選取網頁中的程式即可檢查」
5. 點選以後可以在瀏覽器上選取「標題」
6. 右邊視窗可以看到已經選取的標題「class」名稱

5.找到class後貼這段程式碼到Code Snippet

add_action( 'wp_head', function () { ?>
	<style>
	.entry-content h2{
    background-color: #f7f7f7;
    padding: 16px 0 16px 24px;
    border-left: 8px solid #e85a5a;
    color: #333 !important;
}
	
	</style>
<?php } );

黃色底線就是依據你依步驟4找到的class名稱，記得前面要加一個點「.」
我自己使用時完全沒改直接貼這段就可以用了

6.按下儲存設定後即完成

---

貼心提醒：

• 使用本懶人包前請先備份網站
  我使用的外掛是All-in-One WP Migration and Backup　點我前往下載
• 其他參考網站，有不同的使用方式可以參考看看
  1、溫研設計 點我前往連結
  2、WebLai 點我前往連結