In questo articolo voglio fornirvi alcuni plugin e strumenti utili per wordpress pronti per essere scaricati e usati per i vostri progetti. 

Durante la creazione di un progetto con WordPress si ha la necessità di ricorrere a diversi tipi di plugin a seconda delle proprie esigenze. Ecco a voi una panoramica dei 22 plugins più belli e utili.

01. Seo e antispam

- Askimet

E’ così utile da essere già installato con la versione “liscia di WordPress. Permette, una volta creato il proprio account sul sito Askimet, di proteggersi da spam e commenti dannosi. Da attivare!

- Simple Google Sitemap XML

Uno strumento utilissimo, personalmente penso sia il miglior plugin per l’invio della propria sitemap a Google. Efficente e facile da configurare genera automaticamente la sitemap da incollare nel centro webmaster di google.

- All in One SEO

Uno dei “veterani” semplice e potentissimo permette in pochi click di creare la propria infrastruttura SEO senza troppi problemi. Nonostante la ricca quantità di opzioni è però inferiore al suo diretto rivale Yoast SEO

- Yoast SEO

Un plugin molto potente, esteso e con molte opzioni utili ai più “irriducibili” del seo avanzato. Permette di settare praticamente tutto dal canonical ai meta per pagina. Insomma un prodotto completo che però risulta più complesso da usare rispetto a All in One SEO.

- Yoast Breadcrumbs

forse non tutti lo sanno ma il breadcrumbs (la barra “tu sei qui “ per intenderci), è davvero molto importante per il seo. Questo plugin non fa altro che implemetare nel vostro sito un potente breadcrumb seo-oriented per massimizzare il vostro sito web/blog. Permette
l’auto-implementazione oppure il setting manuale via php (shortcode) all’interno del vostro tema.

-Wp page-navi

Aggiunge una paginazione seo-oriented al vostro blog/sito web. Quasi indispensabile e costantemente aggiornato dagli sviluppatori per renderlo sempre al passo coi tempi.

-WP No Category Base

Un plugin (anzi uno strumento) molto utile per tutti i seo avanzati. Non tutti lo conoscono purtroppo ma solo attivandolo questo plugin permette di eliminare la parola “cat” dai permalink. Ad esempio un permalink “base” di una categoria si trasforma da : www.tuosito.it/cat/giochi a www.tuosito.it/giochi con ovvi risultati positivi in ambito SEO.

- Wp no-tag base

come il precedente ma funziona per i tag.

02. Migliorare la performance

- W3 total cache

Uno dei più potenti tool per comprimere il vostro sito e gestire la cache. Davvero completo fin troppo a volte!) è uno strumento essenziale per rendere il vostro blog più veloce e reattivo. Fate attenzione a non attivare tutte le opzioni “tutte insieme” in quanto a volte si incorre in errori dovuti all’incopatibilità tecnica con il vostro hoster.

- Wp Super cache

Un pò meno conosciuto del precendente ma molto più facile e sicuro da usare. E’ ideale per i novizi in quanto con il minimo sforzo si possono ottenere risultati sbalorditivi. Va unito a Wp-minify.

-Wp Minify

Permette di comprimere il codice del vostro sito, come html, css e javascript per rendere il blog più reattivo.

- WP Widget Cache

E’ uno strumento molto utile dato che comprime l’output dei vostri widget risparmiando query SQL e velocizzando il caricamento generale. Ideale per tutti i blogger!

- Online Backup for WordPress

E’ uno strumento che non dovrebbe mai mancare, permette di effettuare il backup del vostro sito wordpress in tutta sicurezza. Permette anche la programmazione di backup e l’invio del pacchetto tramite mail automatico. Must have!

03. Strumenti Social share

- Sharebar

E’ una barra sociale che appare a fianco dei post e permette di settare praticamente qualsiasi social network esistente. E’ comoda e utilissima dato che “segue” lo scroll del visitatore e permette lo sharing in qualsiasi momento (un grosso vantaggio che incoraggia la condivisione dei contenuti). Unico difetto? negli schermi troppo piccoli viene “tagliata fuori”.

- 1-click Retweet/Share/Like

Aggiunge una barra di social share ovunque vogliamo. Possibilità di integrazione automatica (top/bottom dell’articolo) o manuale integrando nel tema lo shortcode. Difetti? nessuno, forse appesantisce un po’ di più il sito rispetto a sharebar.

- Skype Online Status

Per chi usa skype si può rivelare un plugin molto utile in quanto permette di far sapere il nostro stato ai visitatori. Utile ma pesantuccio nel caricamento, usare con cautela! (magari solo nella pagina dei contatti!).

04. Gestione Contenuti

- Recent Comments with Gravatar

Permette molto semplicemente, di visualizzare tramite widget un elenco degli ultimi post commentati con relativo avatar.

The Slide by SimpleReach

Avete notato in qualche blog che quando si arriva a fine articolo appare un box in bosso a destra “forse ti interessa anche”, bhè eccolo qua, The Slide permette di massimizzare il tempo medio sul sito di ciascuna visita in modo facile e veloce. richiede la registrazione al sito (api key) gratuita.

Yet Another Related Posts Plugin

Per i (pochi ormai) temi che non integrano i post correlati, ecco qui un ottimo plugin molto facile da installare  e usare. Buona la personalizzazione frontend.

05. Utilissimi

- Contact form 7

Penso non esiste nessun plugin di contatti migliore di lui. Davvero indispensabile, veloce da configurare e dalle moltissime feature. Nonostante la semplicità risulta anche molto potente/versatile. Indispensabile!

- Gt translate

Un plugin molto completo che permette la traduzione del nostro sito web in modo automatico e on-fly usando jQuery e google traslate. Non sarà come la traduzione “reale” ma è pur sempre un inizio. Integrabile tramite widget.

- Auto SyntaxHighlighter

Utile per evidenziare meglio il codice, semplice e non appesantisce il caricamento. Ottimo!

06. Conclusioni

Perchè non ci segnali un  plugin da aggiungere nella prossima raccolta? =) Nel prossimo articolo dedicato alle “raccolte utili” analizzeremo i migliori plugin per gestire registrazione utente e aree riservate in wordpress. Non mancate!

Oggi vi voglio parlare di un argomento abbastanza discusso quando si parla di WordPress inerente ai plugins in circolazione per gestire una NEWSLETTER.

Ma come alcuni di voi già sanno non è facile trovare in giro plugins che gestiscano seriamente una mole esigua di iscritti e che abbiano un pannello di controllo degno di questo nome senza appesantire il server o bloccarlo del tutto quando si comincia il processo di invio a tutti gli iscritti (a meno che non ne avete pochi)

Ma non c’e’ problema, non vi disperate!

Io su tutti i miei siti e quelli dei miei clienti uso uno strumento di gestione delle NEWSLETTER e degli iscritti chiamato MAILCHIMP.

Quali sono i Vantaggi ?

Vi elenco alcuni vantaggi che potrete trarre da questo strumento :

• Facile installazione su WordPress grazie al plugin e ai widgets che mette a disposizione
• Creazione di Liste differenti per ogni tuo sito (per avere tutto in 1 unico account)
• Gestione di infinite campagne ( la versione free è limitata solamente per il numero di iscritti totali a 2.000 )
• Visualizzazione delle statistiche e creazione campagne anche da dispositivi Mobile
• Integrabile anche con Facebook
• Statistiche dettagliate sulle newsletter inviate
• Esportazione degli iscritti in formato Excel, csv etc..
• E molto molto altro : guarda tutte le features

Step 1 : Creare un account su MailChimp

Se non lo avete ancora fatto APRITE un account su Mailchimp.com

Step 2 : Crea la lista per le iscrizioni sul tuo sito

Una volta che ti sei loggato nel tuo account Mailchimp clicca sulla voce di menu LISTS e poi CREATE LIST (lo vedete sulla sinistra, un pulsantino rosso) vi troverete in questa schermata

I campi da compilare sono quelli che vedete in alto e ve li riassumo:

• List name: Inserite un nome univoco per la lista, che vi faccia ricordare su quale sito lo avete inserito insomma
• Default from name: Inserisci il nome che apparirà non appena invierete la vostra newsletter (io ho inserito iWebmaster.it )
• Default reply-to email: questo è l’indirizzo che vedrà l’utente e a cui potrà rispondere
• Default Subject: Inserisci un Soggetto per l’email che verrà inviata (puoi sceglierlo anche quando invio le newsletter)
• Remind people how they got on your list: In questo campo devi inserire una descrizione per far ricordare all’utente dove e perchè si è iscritto alla newsletter, di solito si scrive “Ti arriva questa email perchè ti sei registrato sul nostro/mio sito internet per ricevere news sul campo … etc etc”
• Aggiungete delle informazioni sulla lista
• Puoi scegliere se essere informato quando un utente si iscrive oppure si cancella
• Puoi far scegliere il formato dell’email che vuole ricevere l’utente : HTML, testo, ed ottimizzata per il mobile

Step 3: Scarichiamo ed installiamo il Plugin di Mailchimp

Scarichiamo ed installiamo il plugin dalla directory di WordPress.com , ecco il LINK diretto.

Una volta installato il plugin andiamo sotto Impostazioni > Impostazioni MailChimp e vi apparirà la seguente schermata

Clicchiamo ora su GET YOUR API KEY HERE e vi rimanderà al sito di Mailchimp.

Una volta che siete sul sito di MailChimp.com loggatevi con le vostre credenziali di accesso, “Fatto?”

Non appena vi siete loggati il sito vi restituisce una pagina con una vostra API KEY univoca ( es: bafeb332be2893e7b3d7fcd1e99349d6-us2 ) , COPIATE ED INCOLLATE NEL CAMPO dove vi chiede la KEY

“Fatto” ? una volta inserita l’API KEY vi verranno fuori le impostazioni del plugin come segue

Step 4: Analizziamo le Impostazioni del plugin Mailchimp

Clicca sull’immagine per vederla completa.

Allora in questo step dobbiamo scegliere sia la Lista con cui Lavorare (che abbiamo precedentemente creato allo STEP2 ). Lo possiamo fare aprendo il menu a tendina e selezionando la lista, ma in questo caso apparirà per prima in quanto ne avete solamente una.

Monkey Rewards: Abilitando questo potrete inserire il Copyright “Powered by MailChimp” sotto il form di iscrizione che apparirà sul tuo sito. Il pro di questa cosa è che il widget aggiunge automaticamente un link con il tuo codice affiliato per farti guadagnare crediti poi da usare per i servizi Premium sul sito Mailchimp.com

Usare il supporto Javascript?: Abilitando questa si userà la presentazione fancy javascript che dovrebbe gravare agli utenti che non utilizzano javascript. È opzionale e può essere attivata o disattivata in qualsiasi momento.

Use Javascript Datepicker?: Spuntando questa opzione il widget abiliterà l’opzione Date Picker (per impostazioni supplementari quali le Date)

Includere il link cancellazione?: Spuntando questa opzione potrai includere l’opzione di CANCELLAZIONE dalla tua newsletter direttamente sul Front-end, di conseguenza quando un utente REINSERISCE i suoi dati (deve essere precedentemente iscritto alla tua newsletter). Di solito questa opzione è implementata di default nell’email che invia Mailchimp.

Contenuto testata: In questo campo potrai personalizzare con l’HTML la parte sopra del Form di iscrizione inserendoci un’immagine, testo, links o qualsiasi cosa tu voglia.

Sub-header content: Stessa cosa per questo campo, solamente che apparirà SOTTO il form

Submit Button text: Questo è il testo del BOTTONE per iscriversi, molto semplice.

Styling: Spuntando questa opzione potrai personalizzare lo Styling del tuo FORM e di tutta la parte del WIDGET, dal bordo allo sfondo al testo e cosi’ via, smanettateci un po’!

Merge Variables Included: In questa sezione potrai scegliere se includere i campi inseriti nella lista, se hai appena creato la lista dal sito mailchimp.com potrai vedere che sono disponibili solamente TRE campi, email, nome e cognome. Mentre per il campo nome è cognome possiamo scegliere se visualizzarlo per il campo email no, ovviamente. Possiamo anche avere piu’ campi in questa sezione ma non è stato previsto dalla lista creata sul sito, questa funzione avanzata la vedremo nel prossimo tutorial/videotutorial.

Dopo aver personalizzato tutto il personalizzabile clicchiamo su “Aggiorna le Impostazioni del Subscribe Form”

Step 5: Facciamo Visualizzare il Widget di Mailchimp.com sul nostro sito

E’ arrivato il momento di far visualizzare il nostro Widget come fareste per qualsiasi altro widget, andiamo su Aspetto clicchiamo sul Widget “MailChimp Widget” e trasciniamolo sulla sidebar in cui lo vogliamo far visualizzare.

Step 6: Modifichiamo la Lingua del widget

Allora, montando il widget abbiamo quanto segue sullo shot

Come vedere sullo shot sopra abbiamo un problema di Styling e di lingua che possiamo risolvere in pochi semplici passaggi.

Andate sul sito Mailchimp.com e una volta loggati cliccando su Lists vedrete apparire la lista associata al vostro plugin precedentemente installato.

Se notate bene di fianco al nome della vostra lista c’e’ l’opzione “Forms” cliccateci.

Si apre automaticamente l’opzione “Signup Form“, ovvero vi manda in automatico a modificare il form per l’iscrizione.

Cliccando su First Name (proprio sulla scritta) vi si apre sulla destra un Form per la personalizzazione , andate sul campo field label e cambiate First Name in Nome e cliccate su SAVE FIELD in basso (pulsantino blu) . Fate lo stesso procedimento per Last Name.

Non appena terminati queste traduzioni andate sul vostro pannello di controllo WordPress / Impostazioni / Impostazioni MailChimp e poi cliccate su AGGIORNA LISTA. In questo modo il Plugin ri-sincronizza i parametri con le impostazioni contenute nel vostro account sul sito MailChimp.com.

Step 7: Modifichiamo lo Styling del widget

Possiamo modificare lo styling del widget semplicemente aggiungendo queste classi al vostro file CSS

#mc_signup_container {}
	#mc_signup_form {}
	#mc_signup_form .mc_var_label {}
	#mc_signup_form .mc_input {width:195px; border:1px solid #1CAED7;height:20px;margin-top:3px;}
	#mc-indicates-required {
		width:100%;
	}
	#mc_display_rewards {}
	#mc_interests_header {
		font-weight:bold;
	}
	div.mc_interest{
		width:100%;
	}
	#mc_signup_form input.mc_interest {}
	#mc_signup_form select {}
	#mc_signup_form label.mc_interest_label {
		display:inline;
	}
	.mc_signup_submit {
		text-align:center;

	}
    .button {        width:150px;
        border:1px solid #1CAED7;margin:10px 0px;
        padding:3px; background:#fff}

Ovviamente le classi sono state modificate rispettando la grafica del sito iWebMaster.it, ma voi potete farle seguendo lo stile del vostro sito.

Conclusione

Abbiamo terminato insieme questi piccoli STEPS su MailChimp e WordPress, spero vi sia piaciuta. Per qualsiasi punto che non avete capito oppure volete avere maggiori informazioni potete commentare l’articolo in basso e sarò pronto a darvi assistenza.

Nel prossimo tutorial vedremo come impostare e personalizzare la struttura delle nostre liste e come usare al meglio questo potente Software direttamente sul sito MailChimp.com

Se vuoi per seguire le nostre iniziative e tenerti aggiornato sugli articoli e sulle novità che stanno arrivando puoi iscriverti alla Newsletter in alto a Destra e rimanere in ascolto..

A questo proposito stavo valutando alcuni plugins che fanno proprio questo: Inserire una Top Bar per i links esterni del tuo blog.

Ecco i plugins che stavo valutando :

• Wp Super Bar
• Wp Toolbar

Analisi dei plugins

Questi sono due plugins per non disperdere i propri utenti nei meandri di internet una volta che hanno cliccato su un link all’interno dei tuoi articoli, in questo modo l’utente avrà sempre modo di poter tornare all’articolo oppure a qualsiasi cosa tu gli voglia proporrere all’interno di questo spazio.

Il plugin crea automaticamente il nuovo link non appena l’utente ne fà richiesta facendo il load della pagina, fà una sorta di REPLACE dal tuo link inserito normalmente dall’editor di wordpress.

Per default il plugin visualizza “widgets” che puoi modificare tranquillamente dal pannello di controllo.

Ecco le ragioni per cui voglio usare questo plugin:

• Linkback alla mia homepage o categorie principali
• Linkback al post da cui è uscito il visitatore per affrofondimenti
• Lista di icone SOCIAL ( per default twitter, facebook, stumbleupon) con cui l’utente puo’ condividere l’articolo
• Possibilità di chiudere la visualizzazione della toolbar (per chi la odia, io odio solamente quella di Themeforest!!!!)
• Totalmente modificabili tramite foglio di stile CSS
• E’ Gratuito! (un motivo in piu’, semplice e gratis! noi italiani amiamo queste cose..

Che dire, ottimo plugin per non dispedere i tuoi visitatori! Cosa aspetti ad installarlo?

STEP 1 : Codice Php in functions.php

In questo step andremo ad inserire il codice PHP nel file functions.php del nostro tema per far si che i nostri shortcodes funzionino non appena li digitiamo nel nostro editor standard di WordPress (WYSIWYG).

Copiate e incollate il codice qui di sotto nel vostro file functions.php

function iwebmaster_one_third( $atts, $content = null ) {
   return '<div class="one_third">' . do_shortcode($content) . '</div>';
}
add_shortcode('one_third', 'iwebmaster_one_third');

function iwebmaster_one_third_last( $atts, $content = null ) {
   return '<div class="one_third last">' . do_shortcode($content) . '</div><div class="clearboth"></div>';
}
add_shortcode('one_third_last', 'iwebmaster_one_third_last');

function iwebmaster_two_third( $atts, $content = null ) {
   return '<div class="two_third">' . do_shortcode($content) . '</div>';
}
add_shortcode('two_third', 'iwebmaster_two_third');

function iwebmaster_two_third_last( $atts, $content = null ) {
   return '<div class="two_third last">' . do_shortcode($content) . '</div><div class="clearboth"></div>';
}
add_shortcode('two_third_last', 'iwebmaster_two_third_last');

function iwebmaster_one_half( $atts, $content = null ) {
   return '<div class="one_half">' . do_shortcode($content) . '</div>';
}
add_shortcode('one_half', 'iwebmaster_one_half');

function iwebmaster_one_half_last( $atts, $content = null ) {
   return '<div class="one_half last">' . do_shortcode($content) . '</div><div class="clearboth"></div>';
}
add_shortcode('one_half_last', 'iwebmaster_one_half_last');

function iwebmaster_one_fourth( $atts, $content = null ) {
   return '<div class="one_fourth">' . do_shortcode($content) . '</div>';
}
add_shortcode('one_fourth', 'iwebmaster_one_fourth');

function iwebmaster_one_fourth_last( $atts, $content = null ) {
   return '<div class="one_fourth last">' . do_shortcode($content) . '</div><div class="clearboth"></div>';
}
add_shortcode('one_fourth_last', 'iwebmaster_one_fourth_last');

function iwebmaster_three_fourth( $atts, $content = null ) {
   return '<div class="three_fourth">' . do_shortcode($content) . '</div>';
}
add_shortcode('three_fourth', 'iwebmaster_three_fourth');

function iwebmaster_three_fourth_last( $atts, $content = null ) {
   return '<div class="three_fourth last">' . do_shortcode($content) . '</div><div class="clearboth"></div>';
}
add_shortcode('three_fourth_last', 'iwebmaster_three_fourth_last');

function iwebmaster_one_fifth( $atts, $content = null ) {
   return '<div class="one_fifth">' . do_shortcode($content) . '</div>';
}
add_shortcode('one_fifth', 'iwebmaster_one_fifth');

function iwebmaster_one_fifth_last( $atts, $content = null ) {
   return '<div class="one_fifth last">' . do_shortcode($content) . '</div><div class="clearboth"></div>';
}
add_shortcode('one_fifth_last', 'iwebmaster_one_fifth_last');

function iwebmaster_two_fifth( $atts, $content = null ) {
   return '<div class="two_fifth">' . do_shortcode($content) . '</div>';
}
add_shortcode('two_fifth', 'iwebmaster_two_fifth');

function iwebmaster_two_fifth_last( $atts, $content = null ) {
   return '<div class="two_fifth last">' . do_shortcode($content) . '</div><div class="clearboth"></div>';
}
add_shortcode('two_fifth_last', 'iwebmaster_two_fifth_last');

function iwebmaster_three_fifth( $atts, $content = null ) {
   return '<div class="three_fifth">' . do_shortcode($content) . '</div>';
}
add_shortcode('three_fifth', 'iwebmaster_three_fifth');

function iwebmaster_three_fifth_last( $atts, $content = null ) {
   return '<div class="three_fifth last">' . do_shortcode($content) . '</div><div class="clearboth"></div>';
}
add_shortcode('three_fifth_last', 'iwebmaster_three_fifth_last');

function iwebmaster_four_fifth( $atts, $content = null ) {
   return '<div class="four_fifth">' . do_shortcode($content) . '</div>';
}
add_shortcode('four_fifth', 'iwebmaster_four_fifth');

function iwebmaster_four_fifth_last( $atts, $content = null ) {
   return '<div class="four_fifth last">' . do_shortcode($content) . '</div><div class="clearboth"></div>';
}
add_shortcode('four_fifth_last', 'iwebmaster_four_fifth_last');

function iwebmaster_one_sixth( $atts, $content = null ) {
   return '<div class="one_sixth">' . do_shortcode($content) . '</div>';
}
add_shortcode('one_sixth', 'iwebmaster_one_sixth');

function iwebmaster_one_sixth_last( $atts, $content = null ) {
   return '<div class="one_sixth last">' . do_shortcode($content) . '</div><div class="clearboth"></div>';
}
add_shortcode('one_sixth_last', 'iwebmaster_one_sixth_last');

function iwebmaster_five_sixth( $atts, $content = null ) {
   return '<div class="five_sixth">' . do_shortcode($content) . '</div>';
}
add_shortcode('five_sixth', 'iwebmaster_five_sixth');

function iwebmaster_five_sixth_last( $atts, $content = null ) {
   return '<div class="five_sixth last">' . do_shortcode($content) . '</div><div class="clearboth"></div>';
}
add_shortcode('five_sixth_last', 'iwebmaster_five_sixth_last');

Step 2 : Il file Css

Andiamo ora a formattare le colonne con un layout Fluido.

Copiate e incollate il codice seguente nel vostro file style.css oppure in un nuovo file css (dovete necessariamente includerlo nel tema)

/* ------- Fluid Columns ------- */
.one_half{ width:48%; }
.one_third{ width:30.66%; }
.two_third{ width:65.33%; }
.one_fourth{ width:22%; }
.three_fourth{ width:74%; }
.one_fifth{ width:16.8%; }
.two_fifth{ width:37.6%; }
.three_fifth{ width:58.4%; }
.four_fifth{ width:67.2%; }
.one_sixth{ width:13.33%; }
.five_sixth{ width:82.67%; }
.one_half,.one_third,.two_third,.three_fourth,.one_fourth,.one_fifth,.two_fifth,.three_fifth,.four_fifth,.one_sixth,.five_sixth{ position:relative; margin-right:4%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}<br />

Step 3 : Disabilitare Wpautop and Wptexturize

Per default wordpress inserisce tramite filtri wpautop and wptexturize i tags “p” e “br” tra il codice shortcodes e quindi renderebbe non attivi gli shortcodes, per questo ovvio motivo andremo a disabilitare i filtri di autoformattazione degli shortcodes automatici di wordpress aggiungendo il seguente codice sempre nel vostro file functions.php:

function iwebmaster_formatter($content) {
$new_content = '';

/* Intercetta il contenuto tra i tags */
$pattern_full = '{(\[raw\].*?\[/raw\])}is';

$pattern_contents = '{\[raw\](.*?)\[/raw\]}is';

$pieces = preg_split($pattern_full, $content, -1, PREG_SPLIT_DELIM_CAPTURE);

/* Loop */
foreach ($pieces as $piece) {
/* Cerca se sono presenti shortcodes */
if (preg_match($pattern_contents, $piece, $matches)) {

$new_content .= $matches[1];
} else {

/* formattazione contenuto */
$new_content .= wptexturize(wpautop($piece));
}
}

return $new_content;
}

// Rimuove le autoformattazioni
remove_filter('the_content', 'wpautop');
remove_filter('the_content', 'wptexturize');

// Prima della visualizzazione deve applicare queste funzioni
add_filter('the_content', 'iwebmaster_formatter', 99);
add_filter('widget_text', 'iwebmaster_formatter', 99);

STEP 4 : aggiungiamo una funzione per un bug di wordpress

Quando sono visualizzati troppi shortcodes in una determinata pagina wordpress non riesce a formattare bene il contenuto, questo è oramai un bug noto ma per ovviare a questo problema aggiungiamo il seguente codice all’interno del vostro file functions.php

//Long posts should require a higher limit, see http://core.trac.wordpress.org/ticket/8553
@ini_set('pcre.backtrack_limit', 500000)

STEP 5: Layout a due colonne

Per creare un layout a due colonne digitare il seguente codice:

[one_half]
	Inserisci qui il tuo contenuto
[/one_half]
[one_half_last]
	Inserisci qui il tuo contenuto
[/one_half_last]

STEP 6: Layout a tre colonne

Per creare un layout a tre colonne digitare il seguente codice:

[one_third]
	Inserisci qui il tuo contenuto
[/one_third]
[one_third]
	Inserisci qui il tuo contenuto
[/one_third]
[one_third_last]
	Inserisci qui il tuo contenuto
[/one_third_last]

STEP 7: Layout a quattro colonne

Per creare un layout a quattro colonne digitare il seguente codice:

[one_fourth]
	Inserisci qui il tuo contenuto
[/one_fourth]
[one_fourth]
	Inserisci qui il tuo contenuto
[/one_fourth]
[one_fourth]
	Inserisci qui il tuo contenuto
[/one_fourth]
[one_fourth_last]
	Inserisci qui il tuo contenuto
[/one_fourth_last]

STEP 8: Layout a cinque colonne

Per creare un layout a cinque colonne digitare il seguente codice:

[one_fifth]
	Inserisci qui il tuo contenuto
[/one_fifth]
[one_fifth]
	Inserisci qui il tuo contenuto
[/one_fifth]
[one_fifth]
	Inserisci qui il tuo contenuto
[/one_fifth]
[one_fifth]
	Inserisci qui il tuo contenuto
[/one_fifth]
[one_fifth_last]
	Inserisci qui il tuo contenuto
[/one_fifth_last]

STEP 9: Layout a sei colonne

Per creare un layout a sei colonne digitare il seguente codice:

[one_sixth]
	Inserisci qui il tuo contenuto
[/one_sixth]
[one_sixth]
	Inserisci qui il tuo contenuto
[/one_sixth]
[one_sixth]
	Inserisci qui il tuo contenuto
[/one_sixth]
[one_sixth]
	Inserisci qui il tuo contenuto
[/one_sixth]
[one_sixth]
	Inserisci qui il tuo contenuto
[/one_sixth]
[one_sixth_last]
	Inserisci qui il tuo contenuto
[/one_sixth_last]

STEP 10 : Fine

Possiamo finire questo piccolo tutorial per gli shortcodes in WordPress, per qualsiasi chiarimento non esitate a commentare l’articolo e saro’ ben lieto di rispondere a tutti i vostri dubbi.

In pratica lo script jquery fà si’ che al passaggio del puntatore del mouse su un immagine o un gruppo di immagini definite da una classe specifica venga “aggiunta” un opacità.

L’effetto opacità on :hover è semplicissimo da inserire, vediamo i passaggi da effettuare per far funzionare lo script:

Apriamo la nostra pagina

Apriamo la nostra pagina html a cui vogliamo applicare quest’effetto jquery sulle immagini

Inseriamo lo Script/funzione

Inseriamo lo script all’interno della pagina, poco prima del tag </head> nell’header oppure nel footer poco prima della chiusura del tag <body> , quindi poco prima di </body> (preferisco).

<script type="text/javascript">
 $(document).ready(function(){
 
$(".grid_4 img").hover(
function() {
$(this).stop().animate({"opacity": "0.6"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
});
 
});
</script>

In pratica questo script come l’ho scritto sopra crea un effetto opacità sulle immagini al passaggio del mouse all’interno del DIV con CLASSE grid_4 ( <div class=”grid_4″> ), da non confondere con l’ID <div id=”">.

•  Scarica lo script jquery

Semplice no?:)

E’ questa la nuova filosofia di questo plugin per WordPress che ti permette di dormire sonni tranquilli, WordPress backup to Dropbox.

Dropbox è il più popolare sistema di storage che ti permette di sincronizzare files tra piu’ dispositivi sia fissi che mobili.

Dropbox inoltre offre uno spazio hosting di 2GB (account gratuito) e mediante il sistema di referral puoi aumentare lo spazio a tua disposizione.

Una volta impostati i dati il plugin si connetterà al tuo account privato Dropbox programmando gli invii del backup secondo le impostazioni da te scelte salvando i risultati nel tab “History ” in modo da tener traccia di tutte le attività del plugin.

• Scarica il Plugin WordPress to Dropbox
• Registrati a Dropbox: iWebmaster.it ti regala 256mb in più

In questo sito proporrò soprattutto materiale per web developers, dagli scripts ai siti di elevata utilità.

Su questo blog scrivero’ articoli piu’ tecnici che riguardano WordPress mentre su iSmash.it archiviero’ risorse per webmasters .

Segui il nuovo blog registrandoti ai FEED RSS.

Non sò se succede anche a voi, ma quando mi trovo a creare una nuova struttura per un nuovo cliente rimango sempre a pensare e provare ore e ore i fonts che ho a disposizione o che cerco nella rete e mi pongo alcune domande :

• Quale font ci stà meglio con un questo layout che ho appena creato?
• Forse ci vuole un font Light o Bold ?
• Uso vari tipi di font per alcune parti che voglio mettere in rilievo rispetto ad altre?
• “Oh!” Guarda quel logo che bello, chissà che font ha usato per crealo…

Tutte domande che vengono automaticamente quando si ha a che fare con determinate problematiche da risolvere, per questo motivo ho deciso di creare un post per dare la possibilità a web designer come me di poter avere a disposizione alcuni Tools che renderanno sicuramente il lavoro molto meno “faticoso” .

MyFonts.com – What the font!

Questo sito è davvero geniale, basta uplodare un immagine con un font che vogliamo “estrapolare” e lui ci restituisce in automatico tutte le possibili soluzioni da link diretti per scaricare il font gratuitamente a siti internet dove poter acquistare fonts a pagamento.

pxTOem

Questo sito ti offre la possibilità di convertire la grandezza del font in em, un’altra unità di misura che personalmente non uso mai.

Flipping Typical

Questo servizio ti permette di digitare del Testo di prova e visionarlo con tutti i fonts che hai installati sul tuo computer, molto itile per avere una panoramica di alcune parole con tutti i fonts che hai a disposizione e già installati sul tuo computer.

My FontBook

Questo servizio, previa registrazione, ti permette di organizzare, commentare e organizzare fonts direttamente dal browser.

Font Tester

Questo sito offre la funzionalità di COMPARAZIONE di diversi tipi di Fonts con differenti classi di stile applicati. Vi basta incollare il testo che volete formattare e iniziare le varie prove di stile, scegliendo quello che più vi piace.

Typeface Identification su Fickr

Questo gruppo su Flickr puo’ esserti utile se hai dei fonts che vuoi identificare

Typetester

Uno dei miglior tools per fonts, puoi scegliere le dimensioni, il colore, il font-family, e tutte le formattazioni di cui hai bisogno e scaricare il tuo CSS una volta completato.

FontStruct

Questo sito ti permette  disposizione dei Tools per CREARE dei fonts e successivamente di poterli scaricare o Condividere online. Veramente un ottimo servizio.

Dove Scaricare Fonts ?

Fawnt

Scegli il tuo font, e scaricalo!

UrbanFonts

Discreta scelta di font sia gratuiti che a pagamento

1001 Free Fonts

Vasta gamma di Fonts da scaricare sia per Windows che Mac divisa alfabeticamente e per Categorie, un buon archivio.

Inspiration Fonts

Una rubrica del simpatico JuliusDesign, da leggere! Idee e Ispirazioni varie.

Oltre all’ottimizzazione di vari tags ,il caricamento delle vostre pagine è uno dei fattori fondamentali per il ranking su Google.

Commenta l’articolo se hai da suggerire altri plugins per l’ottimizzazione.

WP SUPER CACHE

Ottimo Plugin WordPress per l’ottimizzazione del load delle pagine, alcune caratteristiche fondamentali di questo plugin :

1. Genera file .html delle pagine dinamiche di WordPress
2. Visualizza pagine .html agli utenti che NON sono loggati al sito
3. Visualizza pagine .html agli utenti che NON hanno commentato un vostro articolo
4. Visualizza pagine .html agli utenti che NON stanno visualizzando pagine protette da password

Il plugin in particolare serve pagine statiche .html in tre modi :

1. Mod_rewrite ( usando solo la potenza di Apache bypassando il processo PHP, il metodo migliore.)
2. PHP (potete scegliere di ecludere delle pagine , che non usano il plugin per intenderci)
3. Legacy caching ( serve pagine statiche solo agli utenti non loggati al sito , metodo più lento rispetto ai precedenti)

Una particolarità da non sottovalutare è la possibilità di usare CDN con questo plugin ovvero , detto in parole povere, servire immagini, javascript, files per il download da un altro server esclusivamente usato per servire files, consiglio MaxCDN .
Scarica il Plugin

WP-MINIFY

Lo scopo fondamentale di questo plugin è UNIRE files JAVASCRIPT e CSS tra loro in modo separato ovviamente, per limitare le interrogazioni e aumentare la velocità di caricamento delle pagine.

Prima

Dopo

Scarica il plugin

W3 TOTAL CACHE

Il più veloce e più completo plugin per l’ottimizzazione di WordPress. Questo plugin è usato da siti internet di spessore quali : mashable.com, smashingmagazine.com, makeuseof.com, kiss925.com, pearsonified.com, lockergnome.com, tutsplus.com, johnchow.com, ilovetypography.com, webdesignerdepot.com, css-tricks.com, yoast.com.

Anche questo plugin offre la possibilità di usare CDN.

1. Riduce fino a 10 volte il caricamento delle vostre pagine ( gli utenti visitano più pagine )
2. Crea la cache utile per farti caricare in minor tempo possibile la seconda pagina che visita l’utente
3. Ottimizzazione istantanea delle pagine
4. Ottimizza la performance del vostro server
5. Funzione “minify” comprimendo i files html, css, javascript e feeds

WP SMUSH.IT

Questo plugin ottimizza le immagini inserite nel tuo blog usando le API di Smush.it (Yahoo)

Voglio condividere con voi una magnifica lista di 10 set di icone che potrebbero esservi utili nel disegnare temi e interfacce di vario genere.

Android Developer Icons

Numero di icone: 40+

Formato: .png, .psh

Gesture Works

Formati: .png & .eps

Licenza: FreeBSD license

Web Applications Icons

Numero di icone: 20+

Formato: .png, .ico

OldSchool Icon Set

Bloggin icons Set

NounProject icons

Liquidicity

Pixim icon set

Simplicio icon set

Icone Freelance