很多網站都將用户的頭像設計的非常炫酷,來吸引用户的注意力,你是否也需要同樣的效果呢?我曾經介紹過如何把 WordPress 的頭像變成圓形的,但是需要通過添加 CSS 來實現。如果你不想麻煩的添加 CSS 樣式,或者想要更多的頭像效果,可以繼續閲讀本文。

自定義炫酷的頭像樣式
要自定義頭像的樣式和形狀,首先需要安裝並啓用 Avatar Shaper 插件,然後進入後台的 「設置」→「Avatar Shaper」 設置插件。

設置並保存之後就可以去預覽效果了,只在前台有效果,後台頭像無效。

插件設置選項
由於插件沒有中文版,所以我在這裏簡單介紹一下後台所有選項,大家可以參考着設置。
頭像預覽
在設置選項的右邊有一個頭像預覽窗口,在左側調整設置選項之後會把頭像樣式即時顯示在這裏。
Select Shape
選擇頭像樣式。建議每個都點擊預覽一下,挑一個自己喜歡的;有些複雜的效果瀏覽器兼容很差。
可以選項的樣式有:圓角正方形、圓形、自定義角度的圓形、五邊形、六邊形、七邊形、八邊形、九邊形、菱形、心形和爆炸形。
Custom Radius
頭像圓角大小。只有上邊的 「Select Shape」 選項設置成 「Custom」 時才有效。
Enable Shadow
頭像是否外發光。此效果容易破壞主題樣式,請測試之後再酌情使用。
Shadow Color
頭像發光顏色,只有上邊的 「Enable Shadow」 選項開啓時才有效。
Gloss
頭像是否內發光。開啓之後頭像上會有一層白色的光暈,很有光澤感。
Custom Meathod
是否自定義哪些頭像應用樣式。不推薦不懂代碼的同學開啓此選項。
默認情況下插件會將前台所有的頭像全部施加特殊效果,如果你只想讓部分頭像應用插件的樣式,可以開啓此選項,然後將要使用效果的頭像從 get_avatar() 函數換成插件提供的 avatar_shaper() 函數 (該函數的參數與 get_avatar() 函數相同) 。
比如説主題中評論處調用頭像的代碼為:
|
1 |
<?phpechoget_avatar($comment,42);?> |
只需要換成:
|
1 |
<?phpechoavatar_shaper($comment,42);?> |
即可應用樣式。