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

时间:2014-04-15 14:31:50

标签: php wordpress wordpress-theming header-files

我试图在我的wordpress主题的主标题左侧添加一个图标,代码是在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">

1 个答案:

答案 0 :(得分:0)

很简单,您需要在主题的function.php文件中加入Font Awesome CSS才能加载它。并使用fa-icon语法形式在HTML中使用它。

Heroku