WordPress 自訂項目符號

本篇文章是要介紹WordPress 自訂項目符號，為了修改原本WordPress預設的項目符號，搜尋了幾篇文章，但還是有些地方無法正常顯示，比如複製貼上範例後，還是會出現預設的項目符號，最後調整了一下有順利顯示，用這篇文章來記錄一下。

一、項目符號修改說明

目前網路寫的比較詳細的可以參考簡單的項目符號清單 – 符號篇這篇文章，原本將網頁的範例複製貼上後，會出現下圖的狀況，雖然可以顯示新的圖示，但預設的項目符號反而會出現在前面。

後來參考了[HTML]去除li前面的小黑點,和ul、LI部分屬性這篇文章，得知如果要取消預設的項目符號，需要增加[list-style:none]這段語法，對了原本的範例，的確已經有加入，後續乾脆在每段都加入，就能順利顯示了。

.zi_list ul{
counter-reset:list;
list-style-type:none;
padding:0;
margin:0;
}

.zi_list ul li{
position:relative;
list-style-type:none;/* 再加一次*/
padding: 0 0 0 20px;
margin: 7px 0 7px 0px;
font-weight: bold;
font-size:14px;
line-height: 30px;
}
.zi_list ul li:before{
margin-right:10px;
list-style-type:none;/* 再加一次*/
content: "🆅";
color:#3399ff;  /* 非必要，用來取代無固定顏色的符號*/
font-size:20px;
}

符號的部分可以直接到https://tw.piliapp.com/emoji/list/這邊尋找，然後貼在[content:”　　　”;] 當中。

二、Soledad項目符號會有背景色的處理方式

在調整的過程中，又遇到在項目符號會出現背景顏色，最後是在Soledad的自訂當中找到調整的地方。

三、參考文章