Come creare schede Facebook personalizzate per un’azienda fotografica

Mettere in mostra la tua fotografia precedente rafforza la tua credibilità come fotografo e dà ai potenziali clienti fiducia nelle tue capacità. Sebbene la funzione album di Facebook sia ben integrata nelle pagine aziendali, il caricamento di foto ad alta risoluzione richiede molto tempo e potrebbe non piacere ai fotografi che non desiderano che il proprio lavoro venga condiviso facilmente tramite la funzione di condivisione di Facebook. Per creare la tua scheda per mostrare la tua fotografia, dovrai creare un’applicazione Facebook personalizzata, che utilizza una cornice in linea. Per fare ciò, avrai anche bisogno del tuo spazio Web per ospitare una pagina PHP riempita con il contenuto della tua scheda, oltre alle tue immagini.

Creazione di una scheda Facebook

1

Carica le tue immagini nel tuo spazio web. Se intendi utilizzare un effetto lightbox o desideri utilizzare le miniature per collegare immagini più grandi, carica anche le miniature.

2

Crea una pagina con i tuoi contenuti; puoi utilizzare qualsiasi tipo di HTML o script per condividere i tuoi contenuti, oppure puoi andare semplice e visualizzare semplicemente le immagini verticalmente sulla pagina. Ad esempio, se volessi impostare le miniature per aprire le immagini in una nuova finestra, l’HTML di base sarebbe:

Descrizione dell'immagine

3

Quando hai finito, salva la pagina con l’estensione del file PHP. La tua pagina non ha bisogno di includere alcun codice PHP e può comunque utilizzare HTML e CSS per lo stile. Se utilizzi un file HTML, riceverai un errore Metodo non consentito quando proverai a caricare la scheda della pagina.

4

Vai su developers.facebook.com/apps/ e fai clic sul pulsante “Crea nuova app”. Una volta creata l’applicazione, scorri verso il basso nella pagina Modifica app e seleziona “Scheda Pagina”. Inserisci il nome per la tua scheda personalizzata e inserisci l’URL della tua pagina PHP. Fai clic su “Salva modifiche”.

5

Fare clic sulla pagina “Visualizza profilo app” nella barra laterale sinistra accanto all’applicazione per andare alla pagina dell’applicazione. Nella pagina del profilo, fai clic sul link “Aggiungi alla mia pagina” nella barra laterale. Seleziona la tua pagina. La scheda verrà aggiunta automaticamente alla barra laterale della tua pagina.

Utilizzo di un lightbox con ThickBox

1

Scarica i file per utilizzare il sistema lightbox di ThickBox. Sebbene ThickBox sia fuori sviluppo dal 2009, il programma è facile da usare e ancora completamente funzionale. I file necessari per utilizzare Thickbox includono i seguenti: thickbox.js, ThickBox.css, loadingAnimation.gif, macFFBgHack.png e il file jQuery.js più recente.

2

Apri il file ThickBox.css in un editor di testo normale. Vai alla riga 37. Cambia l’URL di “macFFBgHack.png” dove salverai i file ThickBox nel tuo spazio web. Ad esempio, se stai salvando i file ThickBox su yourdomain.com/thickbox, questa riga sarebbe simile a:

.TB_overlayMacFFBGHack {background: url (http://www.yourdomain.com/thickbox/macFFBgHack.png) repeat;}

Salva e chiudi il file CSS. Carica i file ThickBox nel tuo spazio web.

3

Crea la pagina Web per il contenuto che desideri includere nella tua pagina Facebook. La tua pagina avrà bisogno di un tipo di documento valido; i tipi di documento sono definiti da W3Schools sul proprio sito web. La pagina Thickbox utilizza il seguente tipo di documento, situato sulla primissima riga della pagina:

4

Inserisci le seguenti tre righe nella sezione del documento:

Le prime due righe, che devono essere in quest’ordine, puntano agli script appropriati per l’utilizzo di ThickBox. Il file CSS è dove si trovano i requisiti di stile e classe per ThickBox. Tutti e tre sono necessari per il funzionamento di ThickBox.

5

Struttura le tue immagini come preferisci; ThickBox non arriva fino a quando non crei un collegamento alla tua immagine a grandezza naturale. Per una miniatura che si apre come lightbox, il codice è:

Descrizione dell'immagine

L’attributo “class” è ciò che dice a ThickBox di aprirsi come lightbox. L’attributo “titolo” inserisce una didascalia nella lightbox; se non vuoi una didascalia, puoi rimuovere questo attributo. Dovrai farlo per ogni immagine che desideri aprire come lightbox.

6

Salva il file completato nel tuo spazio web. Usa l’URL di questa pagina (ad es. Tuodominio.com/fbphotosamples.php) quando crei l’applicazione della scheda della tua pagina Facebook. Dopo che l’applicazione è stata aggiunta alla tua pagina, puoi fare clic sull’app nella barra laterale sinistra e testare il tuo lightbox. Se la tua pagina contiene errori, puoi modificare la pagina nel tuo spazio web. Le modifiche si rifletteranno nella scheda della tua pagina.