webentwicklung-frage-antwort-db.com.de

Hinzufügen von Font Awesome zu WP Plugin

Ich versuche, tolle Symbole für mein Plugin zu verwenden. Ich habe diese Seite im Codex und diese Frage gelesen.

Folgendes habe ich bisher versucht:
Ich habe dies auf wp-plug-in.php hinzugefügt (oder sollte es woanders sein?)

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' );
  }

Ich hoffe, ich könnte es auf die übliche Art und Weise benutzen:

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

Aber ohne Erfolg. Es wird überhaupt nichts angezeigt. Ich weiß, dass ich etwas verpasse und hoffe, dass jemand darauf hinweisen und mir wahrscheinlich zusätzliche Ressourcen geben kann.
Vielen Dank.

UPDATE

Es stellte sich heraus, dass das von mir aktivierte Thema nicht <?php wp_head(); ?> im Header hatte.
Lektion gelernt. :) Vielen Dank @Robert und @Abhik.

1
HCN

Haben Sie eine wp-plug-in/wp-plug-in.php-Datei im Ordner plugins erstellt und diesen folgenden Code hinzugefügt?.

<?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' ); 

Und hinzugefügt Schriftart fantastische CSS und Schriftarten in WP-Plug-in/CSS-Ordner? Und dann dieses Plugin über das Admin-Panel aktivieren?

Können Sie die Datei font-awesome.min.css nicht im Quellcode der Website sehen? Suche danach?

0
Robert hue

Sie müssen auch die Schriftarten einbinden, wenn Sie die CSS von Ihrem Plugin aus bereitstellen. Oder reihen Sie einfach das großartige CSS der Schriftart aus ihrem CDN in eine Warteschlange.

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' );
}

Lesen Sie den Leitfaden Erste Schritte .

0
Abhik