web-dev-qa-db-ja.com

に素晴らしいフォントを追加する WP プラグイン

私は自分のプラグインに素晴らしいフォントアイコンを使おうとしています。このページは コーデックス とこの 質問 で読みました。

これが私がこれまでに試したことです。
これをwp-plug-in.phpに追加しました（または別の場所にあるべきですか？）

add_action( 'wp_enqueue_scripts', 'wp_styles' ); 
  function wp_styles() {
      wp_register_style( 'font-awesome', plugins_url( 'wp-plug-in/css/font-awesome.min.css' ) );
      wp_enqueue_style( 'font-awesome' );
  }

私は私がそれをいつものように使うことができることを願っています：

<i class="fa fa-Twitter"></i>

しかし無駄に。何も表示されません。私は何かを見逃していることを知っています、そして誰かがそれを指摘してそしておそらく私に追加のリソースを与えることができることを望んでいます。
ありがとうございました。

UPDATE

私がアクティブにしたテーマのヘッダーに<?php wp_head(); ?>がありませんでした。
学んだ教訓。 :) @Robertと@Abhikに感謝します。

pluginsplugin-developmentwp-enqueue-stylewp-register-style
1
HCN

Pluginsフォルダにwp-plug-in/wp-plug-in.phpファイルを作成し、以下のコードを追加しましたか？.

<?php
/**
 * Plugin Name: Load FontAwesome
 * Version:     1.0
 */

/* Exit if accessed directly */
if ( ! defined( 'ABSPATH' ) ) exit;

function wp_styles() {
    wp_register_style( 'font-awesome', plugins_url( 'wp-plug-in/css/font-awesome.min.css' ) );
    wp_enqueue_style( 'font-awesome' );
}
add_action( 'wp_enqueue_scripts', 'wp_styles' );

そしてwp-plug-in/cssフォルダに素晴らしいCSSとフォントを追加しましたか？そして、管理パネルからこのプラグインを有効にしますか？

あなたはウェブサイトのソースコードにfont-awesome.min.cssファイルを見ることができませんか？それを検索しますか？

0
Robert hue

プラグインからCSSを配布する場合は、フォントも含める必要があります。または、CDNからフォント素晴らしいcssをエンキューするだけです。

add_action( 'wp_enqueue_scripts', 'wp_styles' ); 
function wp_styles() {
    wp_register_style( 'fontawesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css', array(), '4.2.0' );
    wp_enqueue_style( 'fontawesome' );
}

はじめに ガイドを確認してください。

0
Abhik