2016-11-01 5 views
0

私はかなり新しいWordpressです。 wp_enqueueスタイルシートの "list"にFont Awesomeを追加しようとしています。 CDNリンクを使用して追加すると、完全に機能します。しかし、スタイルシートを手動で追加すると、アイコンが表示される領域の周囲にボックスが表示されます(何もないか、追加されていないかのように)。Wordpressで手作業でフォントを読み込んでください

は、ここで以下の作業を行うコードがある

wp_enqueue_style('font-awesome', get_template_directory_uri() . '/css/font-awesome.min.css');

の作業ではありません、私の現在のコードです。私は私のCSSのフォルダ内にあるフォントの素晴らしいスタイルシートをリンクするか、呼び出しに行くのはどうすればよい

\t wp_enqueue_style('font-awesome', '//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

?私は私の側にアクションを追加しました。私の唯一の問題はFAスタイルシートを手作業で動かすことです。

+0

まず、CDNを使用することをお勧めします。 FAは非常に多くのサイトで使用されているため、ユーザーはすでにキャッシュしている可能性が高いため、ユーザーにはより高速なサイト負荷が与えられます。ここの手順に従った? http://fontawesome.io/get-started/ – bezierer

+1

'get_template_directory_uri()の出力は何ですか – Aaron

+0

これはうまくいくのですか?そうでない場合は、独自のテーマを最初から構築しているのですか、または子供のテーマを作成していますか? – crs1138

答えて

0

font-awesome.min.cssファイルで使用されるフォントファイルを含むフォントディレクトリを追加するのを忘れたと思います。 enter image description here

0

私はあなたが子供のテーマに取り組んでいるとします。あなたはフォントをエンキューする際に「親テーマ」ディレクトリを呼び出しています。

header.phpファイルで:またすなわちhttp://www.example.com/wp-content/themes/mytheme/css/font-awesome.min.css

-1

ここで私はそれをやった方法です、それをブラウザでputingことにより、CSSへのパスをチェック wp_enqueue_style('font-awesome', get_stylesheet_directory_uri() . '/css/font-awesome.min.css');

詳細情報https://codex.wordpress.org/Function_Reference/get_stylesheet_directory_uri

を使用してみてください(またはあなたのヘッダーコードを保存する場所)このコードをコピーして貼り付けます:

<link rel="stylesheet" src="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 

これはPHPを手に入れるよりもずっと優れています。別の方法は、動作するWordPressのためのFont Awesomeプラグインをインストールすることです。プラグインの領域に移動して、 "font awesome"を検索してください。 Easy FontAwesomeプラグインをクリックしてインストールし、有効にすると完了です!

+0

ごめんなさい、カウムですが、私はあなたのアドバイスに同意しなければなりません。はい、可能な答えです。はい、それはもっと簡単で簡単に思えるかもしれません。しかし、同じリソースを読み込もうとしているかもしれない他のスクリプト(つまりプラグインなど)を考慮していないし、あなたのやり方で既にFontAwesomeが読み込まれていることを知る方法がない。だからWPにはスクリプトとスタイルのキューがあり、依存関係を設定することさえできます。それがロードされるまでこれをロードしないでください。あなたの答えは悪い習慣なので、私はそれをマークしました。 – crs1138

関連する問題