試圖在fontpress主題的標題中添加fontawesome圖標

Question

我試圖在我的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">

Answer 1

很簡單，您需要在主題的function.php文件中加入Font Awesome CSS才能加載它。 並使用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' );
}

試圖在fontpress主題的標題中添加fontawesome圖標

問題描述

1 個解決方案

解決方案1
0 2018-11-17 18:37:16

試圖在fontpress主題的標題中添加fontawesome圖標

問題描述

1 個解決方案

解決方案1 0 2018-11-17 18:37:16

解決方案1
0 2018-11-17 18:37:16