Opzioni di personalizzazione tema WordPress

Autore: Gabriele Bellucci
Categorie: Wordpress
Nessun commento
← Torna al Blog

Opzioni di personalizzazione tema WordPress

personalizzazione tema wordpress

Aggiungere un logo con le opzioni di personalizzazione del tema di wordpress

In questo breve esempio mostrerò come è possibile inserire nuove opzioni di personalizzazione al tema wordpress, in questo caso un logo.

1. Aggiungere una sotto pagina al menu aspetto

Il primo passo da compiere è quello di aggiungere una sotto pagina al Menu Aspetto nel tema di WordPress, per fare questo è necessario utilizzare la funzione add_theme_page() di wordpress:

function aggiungi_sotto_pagina()
{
   add_theme_page(
   'Opzioni aspetto', //Titolo della pagina
   'Opzioni aspetto', // nome della voce del menu
   'edit_theme_options', //ruolo minimo necessario dell'utente per poter accedere a questa voce di menu
   'customize.php' // la slug del menu a cui facciamo riferimento, in questo caso customize.php -> file del core di wordpress
    );
}
 
add_action('admin_menu','aggiungi_sotto_pagina');

2. Creazione del form per l’aggiunta del logo nelle opzioni di aspetto del tema

Per aggiungere questa funzionalità dobbiamo utilizzare l’oggetto $wp_customize(), e tre metodi di questa classe: add_section(), add_setting() add_control().

Nel codex di wordpress potrete trovare una spiegazione più ampia, ma cercherò brevemente di spiegare come funzionano:

-add_section(): serve per dichiarare la sezione nella quale sarà contenuta la nostra opzione.
-add_setting(): serve per dichiarare l’opzione stessa, associando ad essa un eventuale valore di default.
-add_control(): si occuperà di gestire invece ciò che andremo a salvare in questo caso un oggetto immagine.

function aggiungi_logo($wp_customize)
{
	$wp_customize->add_section('logo_section', array(
		'title' => 'Aggiungi un Logo',
		'description' => 'In questa sezione potrai aggiungere un logo'
	));
 
	$wp_customize->add_setting(
		'logo_id',//id
		array(
		'type'=>'option',//tipo di opzione
		'default'=>get_stylesheet_directory_uri().'/images/logo.png',//valore di default per il logo
		)
	);
 
	$wp_customize->add_control( 
		new WP_Customize_Image_Control( $wp_customize, 'logo_id',array(
		'label'=>'Aggiungi un nuovo logo', //testo della label
		'section'=>'logo_section', // id della sezione
		'setting'=>'logo_id' // id dell'opzione
		)) //classe che permette all'utente di caricare un immagine
	);
 
}
 
add_action('customize_register','aggiungi_logo');

3. Recuperare le opzioni all’interno del tema

Per recuperare le opzioni all’interno del tema, in questo caso l’url del logo, sarà sufficiente utilizzare get_option().

<?php $opzione = get_option('logo_id');?>
<img src="<?php echo $opzione;?>"/>

NB: Il codice nei punti 1 e 2 deve essere ovviamente inserito all’interno del file functions.php, mentre quello nel punto 3 in un qualsiasi file del tema volete recuperare l’opzione.



Nessun commento

Lascia il tuo commento

I campi contrassegnati con asterisco sono obbligatori.

*