web-dev-qa-db-fra.com

Ajouter une police géniale à WP Brancher

J'essaie d'utiliser des icônes de police géniales pour mon plugin. J'ai lu cette page dans le codex et cette question .

Voici ce que j'ai essayé jusqu'à présent:
J'ai ajouté ceci sur wp-plug-in.php (ou devrait-il être ailleurs?)

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

J'espère pouvoir l'utiliser de la manière habituelle comme:

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

Mais en vain. Il n'affiche rien du tout. Je sais que je rate quelque chose et j'espère que quelqu'un pourra le signaler et me donnera probablement des ressources supplémentaires.
Je vous remercie.

UPDATE

Il s'est avéré que le thème que j'avais activé n'avait pas <?php wp_head(); ?> dans l'en-tête.
Leçon apprise. :) Merci beaucoup @Robert et @Abhik.

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

Avez-vous créé le fichier wp-plug-in/wp-plug-in.php dans le dossier plugins et ajouté le code suivant?.

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

Et ajouté la police géniale css et les polices dans le dossier wp-plug-in/css? Et puis activez ce plugin depuis le panneau d'administration?

Ne voyez-vous pas le fichier font-awesome.min.css dans le code source du site Web? Recherche le?

0
Robert hue

Vous devez également inclure les polices si vous livrez le fichier css à partir de votre plugin. Ou, il suffit de mettre en file d'attente la police géniale css générique de leur CDN.

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

Consultez le guide Mise en route .

0
Abhik