首页 文章

试图在wordpress主题中添加fontawesome图标到 Headers

提问于
浏览 次
0

我试图在我的wordpress主题的主 Headers 左侧添加一个图标，代码是在php中，这就是我使用filezilla从主题中获取头文件的东西 . 我可以在这个代码中的任何地方放置图标，还是我需要在custom-header.php中执行此操作？我试图添加的图标就像这样 <i class="fa fa-cogs"></i>

<body <?php body_class(); ?>>
<div id="page" class="hfeed site">

    <header id="masthead" class="site-header" role="banner">
        <nav id="site-navigation" class="main-navigation" role="navigation">
            <h1 class="menu-toggle"><?php _e( 'Menu', 'padhang' ); ?></h1>
            <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'padhang' ); ?></a>

            <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
        </nav><!-- #site-navigation -->

        <div class="site-branding">

            <?php if ( get_header_image() ) : ?>
                <a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home">
                    <img class="site-logo" src="<?php header_image(); ?>" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="<?php bloginfo( 'name' ); ?>">
                </a>
            <?php endif; ?>

            <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
            <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
        </div>
    </header><!-- #masthead -->

    <div id="content" class="site-content">
php wordpress wordpress-theming header-files

1 回答

  • 0

    简单一点，你需要在你的主题的function.php文件中加入Font Awesome CSS来加载它 . 并使用fa fa-icon语法形式在HTML中使用它 .

    add_action( 'wp_enqueue_scripts', 'enqueue_load_fa' );
function enqueue_load_fa() {
    wp_enqueue_style( 'load-fa', 'https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0 /css/font-awesome.min.css' );
}
    回复于

相关问题