Se desiderate una grafica professionale e altamente configurabile per ogni vostra esigenza, i temi presenti su Themeforest sono i migliori e ad un prezzo veramente incredibilmente basso per tutto quello che offrono.

Un po’ di tempo fa avevo già stilato una lista dei 10 migliori temi presenti sul mercato, ed ora vi presento una nuova serie di temi per Wordpress che non vi deluderanno:

#1. King Size

Anteprima | Maggiori informazioni

#2. Periodic

Anteprima | Maggiori informazioni

#3. Paradigm

Anteprima | Maggiori informazioni

#4. Clearly

Anteprima | Maggiori informazioni

#5. Striking

Anteprima | Maggiori informazioni

#6. ItWorx

Anteprima | Maggiori informazioni

#7. Sideways

Anteprima | Maggiori informazioni

#8. Prestige

Anteprima | Maggiori informazioni

#9. Sabuy

Anteprima | Maggiori informazioni

#10. RT-Theme

Anteprima | Maggiori informazioni

Se non lo conoscete, Themeforest è un marketplace per temi, in particolare per Wordpress (ma anche in solo HTML, Joomla e Magento) , dove si possono trovare più di 3.000 template di altissima qualità ad un prezzo veramente irrisorio.

Sfogliando tra le varie categorie ho fatto una raccolta dei 10 migliori temi per Wordpress presenti su Themeforest, e ve li presento:

#1. Avisio

Anteprima | Maggiori informazioni

#2. Creation

Anteprima | Maggiori informazioni

#3. Vulcan

Anteprima | Maggiori informazioni

#4. Memex

Anteprima | Maggiori informazioni

#5. Studio Box

Anteprima | Maggiori informazioni

#6. Photo Nexus

Anteprima | Maggiori informazioni

#7. inFocus

Anteprima | Maggiori informazioni

#8. Awake

Anteprima | Maggiori informazioni

#9. Stereoline

Anteprima | Maggiori informazioni

#10. Alabastros

Anteprima | Maggiori informazioni

Dopo aver creato nella prima parte la pagina attraverso cui gestire le opzioni,  proviamo a creare la prima opzione del tema, ovvero la possibilità di  inserire del testo personalizzato.

NOTA: Per questo e i seguenti esempi userò come riferimento il tema di default di Wordpress, cosicché ognuno possa seguire le istruzioni più facilmente. Tutti gli esempi possono poi essere facilmente implementati in ogni tema per Wordpress.

Apri nuovamente il file menu-opzioni.php, continueremo a lavorare sulla base del codice creato nella prima parte della guida.

Prima di creare le opzioni, è necessario creare una tabella nel database dove Wordpress salvi le opzioni da noi selezionate. Per fare questo aggiungi il seguente codice all’interno della funzione creazione_menu creata in precedenza:

add_action('admin_init', 'registra_opzioni');

Questo codice dice a Wordpress che tramite la funzione registra_opzioni andremo ad aggiungere delle nuove opzioni ad admin_init, una funzione da cui dipendono le opzioni del pannello di amministrazione.

La funzione creazione_menu risulterà quindi come segue:

<?php

function creazione_menu() {

add_submenu_page('themes.php', 'Opzioni per il tema', 'Opzioni', 'administrator', __FILE__, 'funzione_opzioni');

add_action('admin_init', 'registra_opzioni');

}
?>

Ora dobbiamo creare la funzione registra_opzioni. Lo possiamo fare aggiungendo il seguente codice dopo la funzione creazione_menu:

<?php

function registra_opzioni() {

register_setting('gruppo-opzioni', 'aggiungi-testo' );

}

?>

Nel codice appena inserito viene utilizzata la funzione register_settings tramite cui viene detto a Wordpress di creare un nuovo gruppo di opzioni (gruppo-opzioni) e di aggiungervi il valore relativo alla prima opzione di aggiunta testo che andremo a creare nel passo successivo (aggiungi-testo).

Finalmente possiamo creare la prima opzione per l’inserimento di testo tramite il seguente codice, da aggiungere tra il tag [h2]Pagina opzioni[/h2] e prima del [div] di chiusura creato in precedenza:

<form action="options.php" method="post">

	<?php settings_fields('gruppo-opzioni'); ?>

<!-- OPZIONE AGGIUNTI TESTO -->

	<table class="form-table">
		<tr>
			<th scope="row">Aggiungi testo</th>
			<td>
			<textarea name="aggiungi-testo"><?php echo get_option('aggiungi-testo'); ?></textarea>
			</td>
			</tr>
	</table>

<p class="submit">
	<input type="submit" value="<?php _e('Salva'); ?>">
</p>	

</form>

Il codice utlizzato è ovviamente un form per permette di inserire ed inviare al database le informazioni che vogliamo aggiungre o modificare.

La struttura utilizzata è a tabelle per corrispondere a quella di Wordpress, anche le classi che ho utilizzate sono quelle che Wordpress utilizza, in questo modo lo stile della pagina sarà impostato automaticamente come quello generale del pannello di amministrazione.

Dalla prima riga di codice puoi vedere che il form invia tutte le informazioni al file options.php, il quale gestisce le varie opzioni di Worpdress.

Tramite settings_fileds è stato semplicemente richiamato il  gruppo di opzioni creato con la funzione registra_opzioni nel quale dovranno verranno salvati i valori selezionati.

Il tipo di form utilizzato è ad una riga tramite il tag input, se avete bisogno di più righe per l’inserimento del testo, in base all’uso che ne dovete fare, è ovviamente possibile utilizzare il tag textarea.

Le uniche due cose a cui bisogna prestare attezione sono l’attributo name e value all’interno che devono corrispondere al valore inserito in register_settings per l’opzione creata, in questo caso “aggiungi-testo”.

Tramite la funzione get_option, relativa al tag value, Wordpress controlla se l’opzione è già stata creata e salvata e eventualmente lo riporta nella casella di testo.

Salva dunque il file (puoi scaricare qui il file con il codice completo finora creato ) e accedi al pannello di amministrazione, la nuova opzione sarà presente nel menu delle opzioni.

Per visualizzare il testo inserito tramite la pagina delle opzioni basterà ora richiamare il contenuto dell’opzione salvata dall’interno del database tramite la funzione echo collegata all’opzione desiderata, come nel seguente esempio:

<?php echo get_option('aggiungi-testo’) ?>

Per fare un esempio reale apriamo il file sidebar.php del tema default die Wordpress con un editor.

Subito dopo l’inizio del primo div con id “sidebar” aggiungiamo il seguente codice:

<h2><?php echo get_option('aggiungi-testo'); ?></h2>

Salva e torna alla pagina delle opzioni del pannello di amministrazione. Inserisci nella casella creata un testo a tua scelta (io ho inserito un breve messaggio di benvenuto) e premi salva, il testo salvato in Wordpress rimarrà nella casella come riferimento

Ricaricando la pagina principale di Wordpress e nella barra laterale comparirà il messaggio da te inserito, come nel seguente esempio:

Lo spazio dedicato al testo dovrebbe ovviamente ancora essere modificato e personalizzato tramite i CSS per adeguarsi al tema, ma per lo scopo di questa guida è solo importante capire il funzionamento delle opzioni.

Questo esempio è solo uno degli innumerevoli modi in cui può essere implementata questa opzione di inserimento del testo, ecco altri esempi che mi vengono in mente:

-          Creare un messaggio di benvenuto modificabile in base a eventi.

-          Aggiungere codice di Google Analytics

-          Aggiungere codice di Feedburner

-          Aggiungere i dati di contatto in una pagina

Qui ancora il file menu-options.php con il codice completo finora creato da scaricare.

Nella terza parte di questa guida su come creare una pagina delle opzioni per un tema Wordpress ti mostrerò come scegliere tra due fogli di stile differenti con un solo click.

Questa risulta utile per creare un tema flessibile che permetta di effettuare cambiamenti al tema senza bisogno di mettere mano ogni volta direttamente al codice.

In  questa guida in più parti ti voglio mostrare come creare una pagina delle opzioni per un tema in Wordpress, con alcuni esempi “reali” che potrai utilizzare fin da subito nei tuoi progetti.

La guida si compone di 4 parti che verranno pubblicate nei prossimi giorni:

1. Creare la pagina delle opzioni
2. Opzione 1 – Inserire del testo personalizzato nel tema
3. Opzione 2 – Scegliere tra due fogli di stile differenti
4. Opzione 3 – Mostrare o nascondere parti del tema

Se non vuoi perdere nemmeno una parte di questa guida, abbonati al mio feed rss!

Creare la pagina delle opzioni

Una pagina delle opzioni è gestita in Wordpress da un file contenuto all’interno del tema.

Il file può avere un nome qualunque, per questa guida lo chiameremo menu-opzioni.php. Crealo con un editor di testo e salvalo nella cartella del tuo tema.

Per funzionare, bisogna richiamare il file menu-opzioni.php dall’interno del file functions.php. Se questo file non si trova nel tuo tema crea anche’esso con un editor di testo e inseriscici la seguente linea di codice:

<?php require_once (TEMPLATEPATH . '/menu-opzioni.php');  ?>

Salva anche functions.php nella cartella del tema del tuo blog e chiudilo, non avremo più bisogno di questo file.

Ora apri il file menu-opzioni.php e inserisci il seguente codice:

<?php

// Carica la pagina delle opzioni

	add_action('admin_menu', 'creazione_menu');
?>

Con questo codice diciamo semplicemente a Wordpress che vogliamo aggiungere una funzione (creazione_menu) e che questa dovrà esser attivata all’interno del pannello di amministrazione (admin_menu).

Ora creiamo la funzione vera e propria con il seguente codice:

<?php

// Crea la pagina delle opzioni

function creazione_menu() {
		add_submenu_page('themes.php', 'Opzioni per il tema', 'Opzioni', 'administrator', __FILE__, 'opzioni_tema');

                }
?>

La funzione add_submenu_page necessita come nell’esempio dei seguenti parametri:

-          il menu principale in cui verrà visualizzata la pagina (themes.php – il menu Aspetto in Wordpress)

-          il titolo della pagina che verrà visualizzato quando questa è attiva (Opzioni per il tema)

-          il nome dell’etichetta della pagina (Opzioni)

-          il privilegio necessario per poter accedere alla pagina (administrator)

-          il nome del file che gestisce il contenuto della pagina (__FILE__ poiché il codice è contenuto nella stessa pagina)

-          il nome della funzione che racchiude le varie opzioni (opzioni_tema)

Ora per testare il funzionamento della pagina creiamo una semplice opzione che contenga solamente il titolo della pagina. Aggiungi il seguente codice al file menu-opzioni.php:

<?php

// Crea le opzioni della pagina

function opzioni_tema() {
		?>

		<div class="wrap">
			<h2>Pagina Opzioni</h2>
                </div>
<?php } ?>

Salva e accedi al pannello di amministrazione di Wordpress. All’interno del menu Aspetto vedrai la nuova etichetta “Opzioni”. Premendo su essa comparirà la pagina delle opzioni appena creata.

Per la prima parte di questa guida credo che abbiamo già fatto abbastanza.  Qui puoi visualizzare il codice completo del file menu-opzioni.php che abbiamo creato fin’ora.

Nella seconda parte di questa guida inizieremo a creare una prima opzione, ovvero la possibilità di inserire del testo personalizzato in un tema direttametne dal pannello di amministrazione.

Avevo già scritto in passato della assoluta mancanza di libri in lingua italiana riguardanti Wordpress, e finalmente con questa pubblicazione sembra che inizino a smuoversi le acque.

Purtroppo non ho ancora avuto la possibilità di sfogliare il libro, quindi per il momento posso solamente riportare la descrizione ufficiale come riportata sul sito della hoepli:

Creare e gestire un blog può essere un’esperienza estremamente divertente e gratificante ma anche remunerativa, specialmente nel mondo del lavoro attuale. In questa guida sono illustrati tutti i passaggi da seguire per installare, personalizzare e ottimizzare WordPress, uno degli strumenti più potenti e diffusi in Italia per realizzare un blog sia personale, sia di informazione, sia aziendale. Gli utenti alle prime armi troveranno in questo libro tutte le indicazioni per iniziare a lavorare, mentre chi già utilizza WordPress scoprirà i plugin da utilizzare e le soluzioni da adottare per rendere il proprio blog più funzionale e leggibile. Nel volume sono inoltre affrontati temi come la realizzazione di un tempiale, l’integrazione con i social network, l’ottimizzazione per i motori di ricerca senza trascurare la sicurezza e la manutenzione di un blog.

Il libro si compone dei seguenti capitoli:

1. Introduzione a WordPress
2. Installazione di WordPress
3. Configurazione iniziale di WordPress
4. Scegliere e installare temi per Wordpress
5. Pianificare la struttura dei contenuti del sito
6. Iniziare a scrivere sul blog
7. Gestire gli articoli
8. Creare e gestire le pagine
9. Gestione dei link
10. Gestione dei commenti
11. Personalizzare un tema di WordPress
12. Plugin per WordPress
13. Gestire gli utenti
14. Backup, aggiornamento e altri strumenti di WordPress
15. Uno sguardo a WordPress 2.9

In base ai titoli dei capitoli “Crea il tuo blog con Wordpress” mi sembra una buona introduzione per chi non conosce ancora Wordpress e vuole avere un manuale completo per imparare tutte le funzioni di base per creare e gestire un blog con Wordpress.

I contenuti del libro sono basati sull’ultima versione di Wordpress disponibile al momento, la 2.9. Per gli aggiornamenti è possibile seguire il blog di supporto e approfondimento del libro gestito dall’autore stesso, Tiziano Fogliata, all’indirizzo http://www.creailtuoblog.it/

Il libro è acquistabile sia in libreria che sul sito web della casa editrice www.hoepli.it. Utilizzando il codice CCLD6SYK3HY8 al momento dell’acquisto potrai usufruire di uno SCONTO del 20% sul prezzo di copertina.

Infatti trovato il luogo o la zona in Google Maps che vuoi mostrare nel tuo articolo o pagina, basta premere sul pulsante “Link” in alto a destra e copiare il secondo codice (quello sotto la scritta “Paste HTML to embed in website”) per inserire automaticamente una mappa già posizionata sul luogo che vuoi visualizzare nell’articolo.

Se osservi il codice ifram puoi inoltre modificare la larghezza (width) e l’altezza (height) della mappa, per poterla adattare perfettamente al tema del tuo sito o blog.

Ecco dove mi trovo mentre sto scrivendo questo articolo:

Per nascondere l’accesso ad alcuni menu puoi utilizzare il seguente codice, da aggiungere all’interno del file functions.php del tuo tema (se non esiste crealo con un editor di testo):

function remove_menus () {
global $menu;
$restricted = array(__('Dashboard'), __('Posts'), __('Media'), __('Links'), __('Pages'), __('Appearance'), __('Tools'), __('Users'), __('Settings'), __('Comments'), __('Plugins'));
	end ($menu);
	while (prev($menu)){
		$value = explode(' ',$menu[key($menu)][0]);
		if(in_array($value[0] != NULL?$value[0]:"" , $restricted)){unset($menu[key($menu)]);}
	}
}
add_action('admin_menu', 'remove_menus');

Per aggiungere o rimuovere i menu che vengono visualizzati nel pannello di amminstrazione, modifica l’array $restricted togliendo o aggiungendo i nomi relativi ai menu.

Fonte: wprecipes.com

Se hai in mente di rinnovare il tuo sito web o blog basato su Wordpress, questi temi gratuiti possono risultare sicuramente utili come base di partenza o esserti di ispirazione per il tuo progetto personale.

1. Yoghourt

Maggiori informazioni | Anteprima

2. Blueguess

Maggiori informazioni | Anteprima

3. EcoMag

Maggiori informazioni | Anteprima

4. EcoSummer

Maggiori informazioni | Anteprima

5. AppCloud

Maggiori informazioni | Anteprima

6. Berita Business

Maggiori informazioni | Anteprima

7. Wordpress Christmas v1.1

Maggiori informazioni | Anteprima

8. MonkeyPR

Maggiori informazioni

9. Simple Cart

Maggiori informazioni | Anteprima

10. Kelontong

Maggiori informazioni | Anteprima

Per fare in modo che i dati vengano raccolti in ogni pagina del tuo sito deve venire inserito un cosiddetto “tracking-code” (codice di tracciamento) che permette ad Analytics di raccogliere ed elaborare le varie statistiche dei tuoi visitatori.

Per inserire questo codice è possibile utilizzare uno dei vari plugins (come per esempio Google Analyticator), ma oggi ti voglio presentare una soluzione molto più semplice.

All’interno del file functions.php del tuo tema (se non esiste crealo con un editor di testo) inserisci il seguente codice:

<?php
add_action('wp_footer', 'ga');

function ga() { ?>
    // Inserisci il tuo ID di Google Analyitcs qui
<?php } ?>

Non dimenticare di inserire il tuo codice identificato di Google Analytics nella penultima riga.

Fonte: wprecipes.com

Sebbene esistano molte soluzioni di portali e-commerce molto validi come Magento o osCommerce, è possibile utilizzare anche Wordpress insieme ad alcune estensioni per creare il proprio portale in maniera facile e veloce.

Ho quindi raccolto i 10 plugin e-commerce per Wordpress (alcuni gratuiti, altri a pagamento) che ti possono aiutare a creare una vetrina per i tuoi prodotti:

1. WP E-Commerce Plugin (gratuito – funzioni aggiuntive $25)

2. Shopp (a partire da $55)

3. The Market Theme (da $55)

4. E-Commerce Themes (licenza da $79,95 con tema di base incluso)

5. Free Crafty Cart Theme (gratuito – poche funzioni)

6. YAK (software open source, gratuito, supporto multilingual)

7. Themeforest – wpShop // eGoods // ArtShop | (varie soluzioni a partire da $ 30)

8. WordPress eStore Plugin (licenza singola $ 29,95)

9. Shopping Cart Plugin (da $ 49,99)

10. Wordpress Shopping Cart Plugin (gratuito)