Per esempio è possibile adottare anche lo style “hover” ed “active” che, a dispetto di altri generatori online, non è mai presente.

Fateci una capatina

Nel sito potete anche registravi e sfornare una vostra collezione di bottoni, tutti in CSS3

Questo non sarà un tutorial, ma potrete direttamente scaricare questo bottone animato per il vostro Social Network e perchè no cimentarvi nel modificare il file PSD in allegato ed aggiungere per esempio Facebook, Google + o tanti altri, io personalmente prediligo Twitter come social, quindi a voi la scelta.

Andatelo subito a provare e scaricare! PS: lo ho chiamato cosi perché mi sembra giusto!

Oggi vi linko qualche sito che forse molti di voi non conoscono ma che sicuramente vi porteranno a diventare un “SuperHeRo” di questa che io chiamo scenografia informatica, mi raccomando, seguiteli sempre!

Questo è 365psd e trovate tanti file in PSD veramente carini!

Poi abbiamo uno dei miei siti preferiti line25

Come non seguire SmashingMagazine

Per i tecnici di WordPress consiglio WPengineer

Per i fantomatici dello javascript consiglio Codrops

Per chi vuole qualche semplice consiglio e tutorial SohTanaka

Iniziamo con l’aggiunta della nuova funzione per lo slider. Ora potete scegliere voi una immagine da associare allo Slider tramite il nuovo metabox che ho aggiunto alla fine dell’editor di WordPress.

Ho distribuito meglio anche le opzioni, ed ho aggiunto tutto meglio per distinguere bene gli argomenti. come le statistiche ed i Social Network.

Nel pannello delle statistiche ora cè l’opzione per Facebook e relativo contatore fans!

Inserita anche la funzione che permette di togliere le thumb e dare libero sfogo alle immagini grandi e testi lunghi quanto voi volete

Aggiunti anche due comodi bottoncini per lo share su Twitter e Facebook

Cosa aspettate?

Grazie per il vostro contributo e le vostre segnalazioni! Vi ringrazio di cuore e per chi ancora fosse intenzionato all’acquisto, vi rimando alla pagina principale dove potrete comprarlo sempre al prezzo di 19.90. GriGo Tema WordPress

Il tema dispone anzitutto di ben 4 colorazioni, ma potete scegliere di combinare 6 diversi sfondi indipendentemente dal tema principale scelto.

Come sempre ho integrato il menu DropDown in jQuery che mette in lista le vostre pagine, ma attenzione, qualora lo vogliate potete anche scegliere di integrare la nuova funzione WordPress Menus 3.0 grazie alla quale la gestione del menu risulterà senza dubbio migliore e più pratica.

Ho integrato anche uno slider che può essere gestito comodamente grazie al nuovo pannello opzioni.

Altra cosa che non può mancare ultimamente nei moderni Blog sono le statistiche, è per questo motivo che ho integrato sempre nella Sidebar un comodo pannello che vi darà un giusto colpo d’occhio sull’andamento del vostro sito.

Nel footer, ovvero la “coda” di ogni Blog, ho inserito la possibilità di vedere il vostro ultimo messaggio su Twitter e di gestire le 3 colonne all’interno come più preferite, ad esempio con del semplice testo, oppure con i famosi Widgets presenti in WordPress.

Tutti i widgets possono essere gestiti dal pannello amministrazione in WordPress.

Ovviamente in un buon Blog di successo non possono mancare i banner! Coloro che ci aiutano a mantenere UP il nostro sito. Per questo ho focalizzato le aree di maggior successo e con maggiori click da parte degli utenti e li ho inseriti nei vari punti “strategici” e tutti questi spazi pubblicitari sono gestibili comodamente dal pannello opzioni creato appositamente!

Ovviamente anche il pannello opzioni vuole la sua grafica! Per questo tutto è concentrato nel miglior modo possibile e che sia di facile utilizzo!

Novità molto importante e che molti temi in circolazione non hanno è la possibilità di inserire i cosidetti Shortcodes, ovvero codici veloci che ci permettono si inserire e generare del codice HTML. Per esempio molte volte vi sarà capitato di dover inserire un bottone per il download e di ricercare il codice sorgente per poterlo inserire, ebbene qui è già tutto integrato.

Tutti questi Shortcodes, come vi dicevo, sono integrati nell’editor di testo di WordPress nel vostro TinyMCE.

AdSense per 2 autori per inserire banner da 468×60 in ogni parte del vostro articolo o della vostra pagina.

Funzione per inserire in cima ad ogni articolo un Articolo in Evidenza con una simpatica targhetta HOT!

Per il momento NON è tutto. Infatti il tema verrà sicuramente aggiornato con nuove skin e nuovi colori ed aggiunte molte più funzioni. Alla fantasia non vi è limite.

FAQ

Gli aggiornamenti sono gratuiti?

Certamente, gli aggiornamenti sono gratuiti.

Come ricevo gli aggiornamenti?

Vi arriverà una mail per ogni aggiornamento nuovo, la mail è sempre quella con la quale avete effettuato l’acquisto.

Se compro il tema come ricevo questi files?

Il sistema è automatico, vi arriva subito una mail con il link dove poterlo scaricare, basta attendere un massimo di 10 minuti.

E’ possibile modificare o variare la larghezza delle colonne?

No. Il tema nasce a 2 o 3 colonne non è possibile variarne la larghezza, per farlo dovete capirne almeno un po di html e css.

E’ possibile invertire le colonne del tema?

No. il tema nasce con una sidebar grande a DX ed una piccola a SX, nel caso del tema a 2 colonne la sidebar grande resta a DX

Posso modificare il tema in alcune sue parti?

Si, potete farlo se ne avete le conoscenze, ma quando riceverete un nuovo aggiornamento dovete stare attenti a ripetere le modiche che avete fatto e salvare prima di aggiornare.

Lista problemi riscontrati

Conflitto con plugin transalte per via dell’inserimento da parte del plugin di una libreria jQuery obsoleta.

Lista delle Features del tema

• Potete scegliere tra 2 o 3 colonne
• Compatibilità WordPress 3.2
• 4 colori differenti
• 6 sfondi diversi
• 5 font diversi tra cui scegliere per i titoli principali
• Paginazione numerica o tradizionale
• Opzione per mantenere o togliere lo Slider
• Opzione per mantenere o togliere il Footer
• Potete scegliere se usare TimThumb o le Thumbnails di serie di WordPress
• Opzione per mantenere o togliere l’ultimo messaggio su Twitter
• Opzione per mantenere o togliere il pannello delle statistiche
• Account a Feedburner , Twitter e Facebook facilmente inseribile
• Possibilità di mantenere o togliere i banner in alcune aree specifiche
• Shortcodes direttamente dall’editor di testo di WordPress
• Articoli simili a fine Post
• Banner Virgilio da 300×250
• Funzione AdSense per 2 autori tramite shortcodes
• Articolo in evidenza nella Homepage
• Bottone Google +
• Possibilità di escludere i pulsanti social dalla Homepage
• Tema in continua evoluzione….

Ebbene, vorrei accontentare tutti voi ma ogni volta devo dire di no alle vostre richieste, il motivo è chiaro: mi manca il tempo per farlo! Per questo mi sono messo a testa bassa e sto realizzando un nuovissimo tema per WordPress che rilascerò a breve! Nel frattempo, giusto per pizzicare la vostra voglia eccovi uno scorcio visto dal mio macbook del solo pannello opzioni che sto finendo…

Per ora vi lascio con questo screenshot, ma vi assicuro che questo tema sta diventando qualcosa di inverosimile! Stay Tuned!

Solitamente nei temi Free o Premium troviamo nella maggior parte dei casi le seguenti cose:

• Ultimi articoli
• Articoli più letti
• Ultimi commenti
• Ultimo messaggio su Twitter
• Un piccolo pannello con del testo specifico
• La nuvola dei Tags
• I siti amici

Ora voi, di cosa proprio non potete fare a meno nel vostro footer? Avete qualche suggerimento o nuova idea? Scrivetelo nei commenti!

Prima di tutto ecco cosa andremo a realizzare:

Faremo in modo che il pulsante vuoto di colore grigio chiaro slitti verso destra o sinistra e faremo in modo di scegliere tra le due opzioni di switch per selezionare in realtà 2 link uno che rimanda alla pagina di registrazione in WordPress ed un altro link che rimanda al semplice login del wp-admin.

Per fare questo dovremo anzitutto creare la grafica con Photoshop, nel nostro caso un file con dimensioni da 120px X 40px, ma le dimensioni in questo caso sono relative, quello che a noi interessa è avere un valore X e dividerlo in 2, ovvero per il numero di link presenti in questo esperimento, ad esempio se ho una lunghezza di 120px dovrò per forza fare 2 immagini da 60px.

Per facilitarvi la cosa ho creato un pacchetto che contiene già il file PSD pronto e già con gli “slice”, ovvero i tagli adatti che si usano per quando andremo a salvare la nostra immagine in formato PNG, su Mac in Photoshop con la combinazione di tasti CMD+ALT+shift+S, ovvero “Salva le immagini per il web”!

Fatta la nostra grafica, passiamo al codice HTML:

<div class="loginregister">

<div class="btn_select"></div><!-- bottone che va sopra -->

<a class="btn_register" href="http://www.tuosito.com/wp-login.php?action=register"></a>

<a class="btn_login" href="http://www.tuosito.com/wp-login.php"></a>

</div><!-- fine del div loginregister -->

Qui dovete solo modificare il vostro url, ovvero mettere ad esempio www.minimamente.com dove è scritto www.tuosito.com, il resto è il percorso giusto che rimanda alla pagina di login o registrazione

Poi come seconda cosa passiamo al CSS:

.loginregister { width: 120px; height: 45px; }

.btn_select { background: url(../images/btn_select.png) no-repeat; width: 60px; height: 40px; position: absolute; z-index: 52; margin: 0; }

a.btn_login { position: absolute; z-index: 51; width: 60px; height: 40px; margin-left: 60px; float: left; background: url(../images/btn_login.png) no-repeat; }

a.btn_register { position: absolute; z-index: 50; margin: 0; width: 60px; height: 40px; background: url(../images/btn_register.png) no-repeat; float: left; }

Qui abbiamo inserito i valori con posizione assoluta, che servono per sovrapporre più immagini e per garantire un corretto ordine abbiamo aggiunto un valore z-index.

Ora dobbiamo creare ed inserire il nostro script tramite jQuery!

jQuery(document).ready(function() {

$loginregister = false;

$(".btn_select").click(function(){

$(this).blur();

if ($loginregister == false){

$(this).stop().animate({marginLeft: '60px' });

$loginregister = true;

}else{

$(this).stop().animate({marginLeft: '0px' });

$loginregister = false;

}

return false;

});

});

Con questo script, abbiamo detto semplicemente all’elemento con classe btn_select di muoversi a destra o sinistra di 60px e di partire prima dalla posizione, in questo caso, sinistra.

Spero che ora abbiate le idee più chiare ed ovviamente vi invito a farne buon uso anche per i vostri lavori futuri! Qui sotto trovate il link al download dell’intero pacchetto che comprende anche il file PSD! Buon lavoro!