fbpx

WordPress應用技巧-如何在選單上增加小icon

常常會看到別人選單上會有小icon,今天要跟大家分享如何在選單上增加小icon

步驟一:在functions.php加入font awesome

[code language=”php”]

<?php

function wmpudev_enqueue_icon_stylesheet() {

wp_register_style( ‘fontawesome’, ‘http:////maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css’ );

wp_enqueue_style( ‘fontawesome’);

}

add_action( ‘wp_enqueue_scripts’, ‘wmpudev_enqueue_icon_stylesheet’ );

?>

[/code]

步驟二:在選單加入相關的Css class名稱

步驟三:調整CSS

[code language=”css”]

.main-navigation li

{ width:200px;}

.fa::before{

float:left;

margin-top:12px;

margin-right:5px;

}

[/code]

大功告成啦!!

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *