Installazione:

1. Scaricare* e decomprimere il file zip del plugin
2. Upload della cartella “auto-thickbox-plus” sotto wp-content/plugins/
3. Attivare Auto ThickBox Plus
4. Impostazioni – (Bacheca/Impostazioni/Auto ThickBox Plus)

Configurazione e note informative:

Nella pagina delle impostazioni del plugin sarà possibile disegnare una configurazione ottimale alle nostre necessità grazie ad una ricca serie di opzioni diponibili.

Catatteristiche:

• Overlay imamagine per stile immagini Galleria e singole
• ThickBox in automatico per i link di testo alle immagini
• Funzione Auto Resize disattivabile
• Finestra ThickBox spostabile/ridimensionabile via mouse
• Impostazioni e design personalizzabili attraverso 60+ opzioni
• Supporto formato immagine BMP e WebP
• Supporto contenuti Inline nella pagina (#TB_inline)
• Supporto contenuti AJAX (mostra nella pagina i file interni senza utilizzo iframe)
• etc…

Localizzazione:

Ho realizzato il file di localizzazione in italiano per il plugin. Affinché i file di traduzione del plugin possano essere sempre disponibili ed aggiornati alla ultima versione, sarà necessario scaricare l’archivio auto-thickbox-it_IT.zip qui sotto ed estrarre quindi i file auto-thickbox-it_IT.po e auto-thickbox-it_IT.mo. Ad operazione avvenuta, caricare via FTP il file “auto-thickbox-it_IT.mo” nella sotto-cartella “languages” del plugin.

*NOTA: in alternativa, il plugin può essere installato effettuando una ricerca (Auto ThickBox Plus) sotto Bacheca/Plugin/Aggiungi nuovo e cliccando quindi sul link “Auto ThickBox Plus”.

Genesis Responsive Slider è un ottimo plugin realizzato per gli utenti WordPress che utilizzano il framework premium Genesis che permette di inserire in un area widget del proprio tema uno slider personalizzabile (previa configurazione) in grado di potere mostrare le immagini in evidenza (Featured Images), il titolo ed il riassunto di una serie determinata di articoli/pagine.

Installazione:

1. Scaricare* e decomprimere il file zip del plugin
2. Upload della cartella “genesis-responsive-slider” sotto wp-content/plugins/ (senza modificare il nome della cartella)
3. Attivare Genesis Responsive Slider
4. Configurazione – (Bacheca/Genesis/Impostazioni slider)

Configurazione e note informative:

Lo slideshow è anche responsive e si adatterà automaticamente allo schermo dell’utente.
Nella pagina delle impostazioni del plugin sarà possibile disegnare una configurazione ottimale alle nostre necessità grazie ad una ricca serie di opzioni diponibili.
Questo plugin funziona esclusivamente per i temi child Genesis.

• Tipo di contenuto: articolo/pagina
• Per tassonomina e termini
• Includi/Escludi per ID tassonomia: quale categoria, tag o altra ID categoria da includere o escludere nello slider
• Includi/Escludi per ID post:
• Numero di slide da mostrare
• Numero di articoli (offset)
• Visualizzazione per: data, titolo, ID, casuale
• Impostazioni transizione: tempo tra una slide e l’altra, velocità transizione slide (in millisecondi)
• Impostazioni contenuto

Localizzazione:

Ho realizzato il file di localizzazione in italiano per il plugin. Affinché i file di traduzione del plugin possano essere sempre disponibili ed aggiornati alla ultima versione, sarà necessario scaricare l’archivio genesis-responsive-slider-it_IT.zip qui sotto ed estrarre quindi i file genesis-responsive-slider-it_IT.po e genesis-responsive-slider-it_IT.mo. Ad operazione avvenuta, caricare via FTP il file “genesis-responsive-slider-it_IT.mo” nella sotto-cartella “languages” del plugin.

Download

Genesis Responsive Slider in italiano { Versione 0.9.2 | file ".zip" | 5.52 kB | Last Updated 30-07-2012 | 210 hits }

Genesis Responsive Slider

Versione: 0.9.2
Ultimo aggiornamento: 29-7-2012
Versione minima di WordPress: 3.2 o superiore
Compatibile sino alla: WP 3.4.1
Versione minima di Genesis: 1.7
WP-Plugin Directory
SVN repository

*NOTA: in alternativa, il plugin può essere installato effettuando una ricerca (Genesis Responsive Slider) sotto Bacheca/Plugin/Aggiungi nuovo e cliccando quindi sul link “Genesis Responsive Slider”.

Introduzione

Per definizione tecnica, con il termine plugin WordPress si intende:

un programma oppure un insieme di una o più funzioni scritte nel linguaggio PHP atte ad aggiungere uno specifico set di caratteristiche o servizi ad un blog WordPress via WordPress Plugin Application Program Interface (API)

In ragione di questo, prima di installare un plugin dobbiamo avere ben chiara l’idea che stiamo di fatto aggiungendo un programma che modificherà (temporaneamente) la nostra piattaforma WordPress.

Considerazioni utili

Prima di procedere con l’installazione di un plugin, ricordo che l’uso smodato di questi programmi potrebbe facilmente creare dei problemi al nostro sito: ad esempio, nel migliore dei casi, si potrebbe rallentare sensibilmente il caricamento delle pagine oppure, bloccare completamente il sistema.
In altri termini, i plugin sono come gli antibiotici: vanno utilizzati solo in caso di una reale necessità.

Precauzioni

Ecco un elenco di operazioni importanti da compiere prima di installare (ed attivare*) un plugin:

1. effettuare il backup del database
2. controllare se il plugin sia compatibile con la nostra versione in uso di WordPress.
3. leggere attentamente nella pagina del plugin (@ WordPress Plugin Directory) le informazioni sulla installazione fornite dallo sviluppatore
4. leggere con la massima attenzione il file “README.TXT”

*generalmente un plugin sortisce il proprio effetto solamente una volta attivato per la prima volta. Nella sostanza, al momento della sua (prima) attivazione, un plugin potrebbe facilmente creare ad esempio delle nuove tabelle nel database necessarie per il proprio funzionamento.
Sebbene disattivando il plugin, l’effetto del programma su WordPress dovrebbe terminare, le tabelle rimarranno in ogni modo nel nostro database, salvo funzione dedicata, anche qualora il plugin venisse disinstallato.
Ecco un altro motivo più che valido per conoscere meglio chi ci stiamo mettendo in casa.

Installazione

Una volta individuato il plugin da installare, preso le precauzioni necessarie e dato una risposta a noi stessi alla domanda “mi serve veramente?”, occorrerà effettuare il login ed accedere all’area di amministrazione del sito. Facendo quindi scorrere il puntatore del mouse sul link “Plugin” presente nel widget laterale e cliccando la voce “Aggiungi nuovo”, il link di testo ci invierà direttamente alla pagina “Installa plugin”.
Inseriamo ora nel campo del modulo di ricerca il nome (corretto) del plugin e premiamo sul pulsante “Cerca plugin”: ad azione completata, ci verrà mostrato un elenco di plugin.
Verifichiamo quindi se il plugin sia effettivamente quello preso in considerazione e premiamo il link “Installa ora”.
Giunti a questo punto, WordPress ci domanderà se portare a termine l’operazione oppure no.

Attivazione

nel caso in cui avessimo consentito l’installazione del plugin, WordPress procederà in completa autonomia con l’uplaoad del file.
Una volta completata l’operazione di caricamento, WordPress ci reindirizzerà ad una nuova pagina laddove sarà possibile attivare immediatamente il plugin premendo il link “Attiva plugin” oppure rimandare il tutto ad un secondo tempo via link “Ritorna all’installatore di plugin”.
Nota: qualora avessimo inavvertitamente cercato di caricare un plugin già installato, WordPress non tarderà di un solo istante nel comunicarci laconicamente: “La directory di destinazione esiste già. Installazione del plugin non riuscita.”

Verifiche

Ora che abbiamo attivato il plugin, il nuovo programma inizierà ad interagire attivamente con WordPress. In ragione di questo, sarà nostra premura controllare che il sito funzioni correttamente tanto nel lato di amministrazione (backend) quanto in quello lato utente (frontend).
Per mia diretta esperienza posso garantire senza timore di smentite che possiamo letteralmente aspettarci di tutto quindi, dovremo avere cura di verificare ad esempio la presenza di un conflitto con uno o più plugin già attivi, una pagina web bianca al posto del nostro sito, i widget di amministrazione che non funzionano, etc.
Viene da sè che il mio intento non è certamente quello di terrorizzare un neofita di WordPress! Installare un plugin è facile mentre correggere un problema non lo è quasi mai.

Tips & Tricks:
potrebbe accadere malauguratamente che installado un plugin non si possa più accedere alla amministrazione di WordPress. In questo caso, la prima cosa che potrebbe venirci in mente sarebbe certamente quella di disattivare il plugin!
Sì, d’accordo: ma come si può fare se non posso accedere alla pagina dei plugin?
La soluzione più semplice sarà quella di lanciare il nostro programma FTP (oppure cPanel, Plesk…) e rinominare la cartella del plugin quindi, verificare se WordPress abbia ripreso a funzionare correttamente. Nel caso in cui il tutto fosse ritornato a posto, ricordarsi di cancellare la cartella del plugin.

Configurazione

Sebbene nella maggior parte dei casi i plugin non richiedono una configurazione alternativa a quella di default, prima di procedere con le personalizzazioni, suggerisco vivamente di rileggere attentamente il file “README.TXT”.

Note a margine

La Plugin Directory di WordPress.org conta oltre 20.000 plugin gratuiti e disponibili per il download immediato.
Prima di installare un plugin, il soffermarsi per qualche minuto a leggere i commenti presenti nei forum dedicati potrebbe rivelarsi particolarmente vantaggioso: potremmo facilmente imbatterci in un programma sviluppato da un dilettante e soprattutto non scritto a regola d’arte.
Ricordo infine che i plugin possono funzionare solamente sotto un WordPress self-hosted e non per i wordpress.com.

Offerta commerciale

Typekit si propone ai propri potenziali clienti con quattro *piani commerciali ed uno gratuito:

1. Trial (gratuito) – 25.000 Pagine/mese | accesso Trial Library | 1 sito web | 2 font per sito | servizio SSL | badge Typekit obbligatorio
2. Personal ($24.99/anno) – 50.000 Pagine/mese | accesso Personal Library | 2 sito web | 5 font per sito | servizio SSL | badge Typekit facoltativo
3. Portfolio ($49.99/anno) – 500.000 Pagine/mese | accesso Full Library | siti web illimitati | font per sito illimitati | servizio SSL | badge Typekit facoltativo
4. Performance ($99.99/anno) – 1 M Pagine/mese | accesso Full Library | siti web illimitati | font per sito illimitati | servizio SSL | badge Typekit facoltativo
5. Business (da $40.00/mese) – Milioni Pagine/mese | accesso Full Library | siti web illimitati | font per sito illimitati | servizio SSL | supporto VIP

Una volta scelto il piano commerciale adeguato alle proprie necessità (io faccio uso del “Portfolio” con questi font), premere sul pulsante “Sign up” relativo al piano per iniziare la procedura di registrazione.

Creazione account

Per potere avviare la procedura di acquisto del proprio piano commerciale (Trial Plan compreso) sarà necessario registrarsi a Typekit attraverso la propria ID Adobe* (se disponibile) oppure creando un nuovo account compilando il modulo di registrazione con i dati richiesti.
*Adobe ha acquisito Typekit lo scorso 3 Ottobre 2011

Acquisto piano commerciale

Giunti a questo punto, Typekit vi domanderà di inserire i dati della vostra carta di credito (la Postepay – Visa prepagata va benissimo).
Ricordo che una volta acquistato un piano annuale, per 30 giorni il servizio sarà completamente gratuito e non verrà prelevata alcuna somma di denaro dalla vostra carta.
Durante il periodo di prova, sarà possibile quindi decidere se acquistare oppure no il piano avendo di fatto la possibilità in ogni momento di cancellare il proprio account nonchè di effettuare degli upgrade o downgrade relativi al piano in uso.
NOTA: l’acquisto non potrà essere effettuato via PayPal.

JavaScript code

Una volta indicato il sito per il quale si desidera utilizzare Typekit, ci verrà fornito un codice JavaScript personale che dovrà essere inserito nel tag head del nostro tema WordPress (laddove di solito si usa aggiungere il codice di Google Analytics per intenderci).
Per gli utenti di Genesis, inserire il codice sotto Bacheca/Genesis/Theme Settings/widget “Header & Footer Scripts” e salvare.

Browse Fonts

Ora che abbiamo inserito il codice JavaScript personale, premiamo sul pulsante “Browse Fonts” presente nel menu di navigazione in modo tale da poterci tranquillamente dedicare alla scelta di quale font utilizzare per il nostro sito.

Poniamo come esempio di volere scegliere un carattere e che la nostra preferenza ricada sul font Proxima Nova. Facciamo scorrere il puntatore del mouse sulla finestrella del font e premiamo sul link + Add to Kit. Giunti a questo punto, Typekit aprirà in automatico nel browser una nuova finestra aggiungendo il nostro font al Kit Editor.

Kit Editor

Questa sezione è facilmente definibile come il cuore del proprio account Typekit, ossia quell’area di configurazione preposta a raccogliere tutti i font che saranno utilizzati nelle pagine dei nostri siti.
Nel particolare, è qui dove potremo trovare e modificare all’occorrenza le voci in merito ai selettori, al supporto lingua, al peso e stile ed al CSS Stack:

• Selectors: in aggiunta all’utilizzo delle impostazioni Selectors per comunicare a Typekit dove posizionare i font, sarà possibile fare uso del font direttamente nelle regole CSS ad esempio con il seguente valore per font-family: “proxima-nova”.
  
  Ecco un esempio:

  h1 {
    font-family: "proxima-nova";
  }

  Si può anche includere un fallback font (per i browser meno recenti) aggiungendolo di seguito al valore font-family di Typekit.
  Ecco un esempio su come fare:

  h1 {
    font-family: "proxima-nova",sans-serif;
  }

• Language Support: un sito in lingua italiana può utilizzare tranquillamente il set di caratteri predefiniti (Default character set) il quale include la codifica caratteri Latin-1 nonchè alcuni altri caratteri quali le virgolette inglesi ed i bullets.
  Qualora si desiderasse invece una lingua che non sia l’inglese, lo spagnolo, il portoghese, etc. sarà necessario fare uso de All Characters set.
  L’attivazione del set All Characters aumenterà sensibilmente la dimensione del file dei tuoi font! Usa quindi con saggezza…
• Weights & Styles: letteralmente, il peso e lo stile specifici da attribuire al font.
  Nella sostanza, volessimo accedere a degli specifici weights & styles o variazioni del font da utilizzare nel nostro CSS, potremo farlo grazie a questi valori relativi appunto a font-family, font-weight e font-style.
  Attenzione : nel caso in cui desiderassimo aggiungere ad esempio la variazione semibold, sarà necessario aggiornare il nostro CSS modificando a

  font-family: "proxima-nova",sans-serif;
  font-style: normal;
  font-weight: 600;

  poichè qualora non attribuissimo alle proprietà font un valore al peso ed allo stile del carattere, non otterremo nessun risultato visibile ed avremo aumentato inutilmente il peso del nostro file di 25k.

• CSS Stack: area di riferimento rivolta per quegli utenti che fanno uso di un browser che non supporta la regola @font-face. In altri termini, la proprietà font-family dovrebbe contenere alcuni nomi di font (Web Safe Font) utilizzabili dal browser come alternativa in modo tale da potere assicurare la massima compatibilità tra gli stessi browser ed i sistemi operativi (“fallback” system). Nella sostanza, qualora il browser non supportasse il primo font proverebbe il successivo, etc.

Conclusioni

Typekit offre una configurazione predefinita per ogni font caricato nel Kit Editor quindi, nel caso in cui fossimo afflitti da un improvviso stato confusionale, potremo anche fare a meno di apportare delle modifiche al setting lasciandolo di fatto così com’è.
Ogni font caricato nel Kit Editor potrà essere rimosso in un qualsiasi momento.
Utilizzare al massimo due o tre tipi di font per sito facendo molta attenzione al peso complessivo del file (pena eccessivo rallentamento durante il caricamento della pagina web). In ogni caso, al superamento dei 400k di peso, Typekit avrà l’accortezza di avvertirci.

Note a margine

Tempo fa ho pubblicato anche un articolo sul come installare i Google web fonts nei temi per WordPress (Just in Case).

Sebbene l’operazione in sé non sia particolarmente difficoltosa, capita spesso che una buona parte dei webmaster abbia una certa reazione di timore qualora decidesse di modificare per la prima volta il file functions.php del proprio tema child.

Prima di avviare la procedura, suggerisco come sempre di effettuare un backup del file functions.php originale.

(!) Ricordo che in caso di errori durante la modifica, il sito potrebbe anche andare completamente offline mostrando un sinistro messaggio di errore al posto del nostro blog. Caricando via FTP il file functions.php originale (quello di backup per intenderci) in sostituzione del file personalizzato, il nostro sito ritornerà online in tutto il suo splendore quindi, non abbiate paura di sperimentare!

Il rendere nostro un template è come lasciare una piccola traccia della nostra unicità tra le linee del codice, un modo per colorare con il tocco magico della nostra personalità i numeri, le lettere ed i segni di interpunzione che costituiscono il cuore di un tema.

Questo tutorial é dedicato a quei coraggiosi che ne hanno l’intenzione…

Codice

/** Allow Shortcodes in Widgets */
if (!is_admin()) {
  add_filter('widget_text', 'do_shortcode', 11);
}

Come fare

1. effettua il backup del file originale functions.php
2. apri il file functions.php con un editor di testo (del tipo Notepad++, non Words)
3. inserisci il codice in fondo al file giusto prima della chiusura ?> (se presente) e salva le modifiche apportate
4. carica via FTP il file functions.php aggiornato sovrascrivendo di fatto quello originale in uso

Musica di background suggerita

It’s On (Lee Ritenour, George Duke, Marcus Miller & Vinnie Colaiuta)