很多網站都將使用者的頭像設計的非常炫酷,來吸引使用者的注意力,你是否也需要同樣的效果呢?我曾經介紹過如何把 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);?>

即可應用樣式。