Tutorial: Integrare Facebook Connect in un sito sviluppato con CMS (Lesson 4)

Siamo giunti oramai all’ultima lezione di questo tutorial e sarete diventati sicuramente degli abili “integratori” di Facebook nel Vostro sito.

Vediamo dunque quest’oggi qualche ultimo particolare per affinare ancor più le nostre personalizzazioni al contenuto di Facebook sul nostro sito web.

Un difetto spesso riscontrato di un nostro utente loggato in Facebook riguarda la dimensione delle foto dell’avatar. E’ necessario per un’essenziale questione estetica far si che tutti gli avatar abbiano la stessa dimensione…cioè come quella di Facebook (48 x 48 Pixel).
Il plug-in di Facebook Connect installato sul nostro CMS però imposta una larghezza standard di 48 Pixel lasciando invariata invece l’altezza (cioè di qualsiasi dimensione), e questo sicuramente creerà un disordine grafico all’interno di un layout magari curato ad hoc.

Tutorial: Integrare Facebook Connect in un sito sviluppato con CMS (Lesson 3)

Siamo arrivati quasi alla fine di questo nostro viaggio all’interno dell’integrazione tra Facebook Connect ed il nostro CMS WordPress.
Considerando che con la precedente lezione abbiamo finito la spiegazione dell’integrazione standard di Facebook Connect nel nostro sito, passiamo a qualche virtuosismo tecnico dedicato ai perfezionisti ed a coloro che vogliono dare un’immagine diversa al loro Personal Facebook on Site.

Questo non significa che utilizzeremo situazioni e linguaggi di programmazione che presuppongono una base di conoscenze in programmazione, perchè spiegheremo passo passo tutte le fasi in modo che anche chi non abbia mai avuto esperienze in programmazione, potrà effettuare le proprie personalizzazioni.

Tutorial: Integrare Facebook Connect in un sito sviluppato con CMS (Lesson 2)

La prima lezione ci ha insegnato ad installare il nostro plug-in all’interno del CMS per renderlo performate e funzionante. In questa seconda lezione andremo ad effettuare la configurazione del plug-in e la personalizzazione grafica / funzionale dell’integrazione tra Facebook Connect w WordPress.

Per questa seconda lezione avremo bisogno di qualche nozione tecnica in più perchè andremo ad interagire direttamente sul codice delle pagine, ma proseguiamo:

Come primo step occorre aprire il file del vostro template in modalità di modifica (utilizzando il comando “Apri con…” e selezionando “Blocco Note“) e nello specifico il file header.php.
A questo punto identificate all’interno dei comandi iniziali il tag <html> ed aggiungete la presenza di Facebook tramite Facebook Connect allo stesso come indicato nell’esempio sottostante:

Tutorial: Integrare Facebook Connect in un sito sviluppato con CMS (Lesson 1)

Partiremo oggi con un tutorial alquanto interessante per gli sviluppatori. Vediamo come è possibile integrare Facebook Connect al proprio CMS, e nel caso specifico ci occuperemo di WordPress. Il tutorial sarà diviso in più lezioni per permettere a chi è interessato di prendere dimestichezza man mano con le fasi di integrazione.

E’ interessante visualizzare come si può personalizzare a piacere il collegamento per aumentare sempre più la propria rete di amici.

Come passo fondamentale è necessario installare il plug-in 🙂

Collegarsi alla download page di Facebook e scaricare l’ultima versione del plug-in Facebook Connect.
Una volta scaricato il file, occore un-zipparlo e copiare l’intera cartella nel vostro CSM nel percorso /wp-content/plugins/ in alternativa se il CMS è già pubblicato fare l’upload nel medesimo percorso.
Nel menu amministratore di WordPress, una volta effettuato l’accesso andare nella pagina dei Plug-In ed effettuare l’attivazione dello stesso.