Wordpress客製化css Style,在標題前面加上特殊符號
Wordpress客製化css Style,在標題前面加上特殊符號

學無止盡

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

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

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

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

如何快速Google出答案?

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

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

如果一時之間找不到呢?

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

修改的方法其實兩種:

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

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

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

透過google找到語法

.wp-caption-text:before {
    content: "\25b2";
    margin-right: 6px;
}

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

找出▲符號的代碼

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

965025B2BLACK UP-POINTING TRIANGLE

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

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

Wordpress客製化css Style,在標題前面加上特殊符號 1
WordPress客製化css Style,在標題前面加上特殊符號 unicode

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

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

回覆留言

Please enter your comment!
Please enter your name here