WpGuida

Guida Wordpress è una raccolta di tutorials e guide su temi, plugin e sviluppo in wordpress

  • Home
  • Notizie
  • Guide
    • Guida WordPress – Le Basi
    • Guida WordPress Avanzata
    • Guida W3 Total Cache
  • Tutorials
    • Ottimizzare WordPress
    • WordPress Plugins
    • WordPress Temi
    • WordPress Development
  • Tips and Tricks
  • Hosting WordPress
  • Software
  • Velocizzare WordPress
Ti trovi qui: Home / Wordpress Development / Aggiungere le icone Font Awesome al tuo tema wordpress
icone font awesome - come aggiungerle al tema wordpress

Aggiungere le icone Font Awesome al tuo tema wordpress

4 Marzo 2015 di Dario Vinci 7 commenti

Di recente moltissimi sviluppatori di temi wordpress hanno cominciato ad inserire nei propri lavori il supporto alle icone Font Awesome. Tale scelta è stata principalmente dettata dalla volontà di evitare l’utilizzo di icone in formato .png o .jpg a favore di una soluzione più leggera e che quindi permette di ottenere un incremento nella velocità di caricamento delle pagine web.

Quello che forse non sapete è che potete aggiungere il supporto alle icone font awesome anche se il vostro tema non lo prevede. Come sempre, anche in questo caso esistono dei plugin ma dal momento che si tratta di poche righe di codice, come già detto in altre circostanze, preferisco fare da me e realizzare un piccolo plugin.

Se non sapete da che parte iniziare vi consiglio di dare uno sguardo all’articolo sui custom shortcodes.

ICONE FONT AWESOME – REALIZZIAMO UN PLUGIN

La prima cosa da fare anche in questo caso è quella di aprire un editor php, creare un nuovo documento ed inserire le informazioni relative al plugin che vogliamo realizzare. In poche parole dovreste creare qualcosa del genere:

<?php
/*
Plugin Name: WpGuida Font Awesome
Description: A plugin to add font awesome support for your theme.
Version: 1.0
Author: Dario Vinci
License: GPL2
*/
?>

A questo punto non ci resta che aggiungere il codice che si occuperà di caricare nell’header il file necessario al funzionamento delle icone font awesome.

add_action( 'wp_enqueue_scripts', 'carica_font_awesome' );

function carica_font_awesome() {

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

}

Salvate il file che avete creato e caricatelo nell’apposita cartella che andrete a creare all’interno della directory wp-plugins. A questo punto portatevi all’interno del pannello di amministrazione e attivate il plugin che avete realizzato.

Se avete effettuato tutto correttamente dando uno sguardo al codice sorgente delle vostre pagine dovreste trovare una riga nell’header tramite la quale viene caricato il file css delle icone font awesome.

A questo punto non vi resta che utilizzarle all’interno delle pagine del vostro tema.

In questa pagina trovate la lista di tutte le icone e cliccando su ciascuna di esse troverete anche il codice da utilizzare.

Per esempio:

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

Prossimamente vedremo come creare uno shortcode che vi permetterà di inserire qualsiasi icona anche all’interno degli articoli.

Archiviato in:Wordpress Development, Wordpress Temi

Dario Vinci

Appassionato di Wordpress e del mondo tecnologico in generale, proud to be an apple fanboy and android lover.

Ti è piaciuto questo articolo?

Se vuoi ricevere via email tutti i miei nuovi articoli e tutorials su WordPress compila il box qui a fianco. Tranquillo, non riceverai alcuna email di spam ma solo contenuti di qualità!

Cerca

Facebook

WpGuida

Newsletter

Scarica ebook Guida Wordpress 4.x

Potrebbe Interessarti

Quanto costa creare un sito

Quanto costa creare un sito

27 Novembre 2014 da Dario Vinci

mascherare i link di affiliazione

Come mascherare i link di affiliazione

1 Dicembre 2019 da Dario Vinci

Wordpress Loop

WordPress Loop

29 Agosto 2014 da Dario Vinci

Come mettere wordpress in manutenzione

Come mettere WordPress in manutenzione

2 Agosto 2015 da Dario Vinci

gestione utenti wordpress

Gestione utenti WordPress

17 Novembre 2014 da Dario Vinci

Random Post

icone font awesome - come aggiungerle al tema wordpress

Aggiungere le icone Font Awesome al tuo tema wordpress

Installare WordPress sul server

WordPress 4.2 Changelog: addio schermata di aggiornamento

Copyright © · 2019 WpGuida