wordpress客製化css style，在標題前面加上特殊符號

學無止盡

在電腦的世界裡永遠有學不完的知識，永遠有改不完的需求。

創新的東西永遠不斷出現，不像教數學或英文，基本上不會有什麼大變化，要跟上時代潮流，沒有什麼特別的方法，就是不斷的學習新知。

有時候一個小東西，看似尋常；但是，背後所要花的時間、辛苦和代價，常常外行人不會知道，所以真的別再叫工程師、網頁設計或美工，請隨便幫我設定一下網頁、就簡單的改一改吧！

網站、程式或設計的任何東西其實不是像word or powerpoint一樣，可以輕鬆隨便就改成你要的；若可以何必花錢呢！不就自已改一改就好了。

如何快速Google出答案？

回來這個wordpresst的客製化主題，我的思考方向如下：

找得到範例，就直接看看別人的原始碼來修改。

如果一時之間找不到呢？

• 先找出語法
• 再找出符號

修改的方法其實兩種：

• 一是土法煉鋼，把所有文章中的圖片用人工方式，一個一個加上去▲；若有1000張圖片，就改1000次吧！
• 另一個方法就像word裡面，修改樣式或powerpoint中修改母片，一勞永逸；而且後續維護方便，想改其他符號，只要改一行程式碼就好了。

第2個方法就是修改css style，所以你應該也就知道為什麼要從css中下手了吧！

因為從css中修改，就不需要到每一篇文章中，一個一個的在前面加上去符號囉！

透過google找到語法

需先測試一下，代碼是不是有效。

找出▲符號的代碼

http://www.w3schools.com/charsets/ref_utf_geometric.asp

接著把上面的代碼拿來用，發現竟然不行，再度google，發現原來是要用unicode才能顯示這個符號，就用「BLACK UP-POINTING TRIANGLE」的英文名稱，找出unicode碼。

http://www.fileformat.info/info/unicode/char/25b2/index.htm

這一篇寫的比較詳細一點，把我如果找答案的思路寫出來給大家參考一下；有其他想法，歡迎留言給我喔！

資料來源：http://stackoverflow.com/questions/4146933/insert-special-character-using-before-pseudo-class-in-css