Prima fase: recuperiamo il codice da Facebook

Una volta loggati come amministratori (non usare facebook come pagina) andiamo sulla nostra pagina e clicchiamo sul pulsante Aggiungi riquadro “Mi Piace” nella sezione Promuovi questa Pagina sul tuo sito Web.

Aggiungi riquadro "Mi Piaci"

Si aprirà developers.facebook.com alla seguente pagina /plugins/like-box

.../docs/reference/plugins/like-box/

Personalizziamo il box

Tramite questo box possiamo inserire i link alla nostra pagina e personalizzare le informazioni che verranno visualizzate nel box.
Possiamo impostare il layout del box decidendo larghezza e altezza, colore del bordo e lo schema di colore; possiamo poi decidere che tipo di informazioni conterrà, dal volti delle persone che seguono la pagina allo stream pubblicati.

Il link della pagina

l’informazione più importante è il link della nostra pagina che deve essere inserito nella prima riga del box precedentemente visto.
Se non ci sono problemi sulla destra del box apparirà la preview di come apparirà il box una volta inserito nel nostro sito; qualora non apparisse, ricontrollare l’esattezza del link e di non utilizzare Facebook come pagina.

link della pagina

Il codice

pulsante Get Code

Una volta trovata la personalizzazione che più si sposa con la grafica del nostro sito, andiamo a generare il codice da copiare e incollare nel nostro sito.

Cliccando sul tasto Get Code apparirà una finestra contente il codice

codice da copiare e incollare

Inserire il codice nella nostra pagina web/

Facebook ci da 3 possibilità di codice HTML5, XFBML, IFRAME. Valide tutte e tre, io ho utilizzato quella in HTML5.
Dalla schermata generata contente il codice, copiamo la prima parte e la incolliamo subito dopo il tagmentre la seconda parte va copiata e incollata direttamente nella parte di pagina che destiniamo alla visualizzazione del box.
Io ho inserito qui, nella sidabar di destra, il link alla mia pagina /Studio-Ingegneria-Renzo-Chiostri/

RISORSE
Vi invito a dare un occhiata a tutte le risorse messe a disposizione da Facebook
https://developers.facebook.com/docs/plugins/

• Craersi un account twitter
  

  pagina inziale di twitter.com

• Una volta registrati, tramite la funzione di ricerca (presente nella barra in alto) trovare le fonti che si intendono seguire (nell’esempio ANSA)
  

  risultati ricerca ANSA su twitter

  
  una volta visualizzati i risultati desiderati, tramite il pulsate segui si sceglie quali fonti visualizzare sulla propria pagina
  

  pulsante SEGUI e FOLLOWING

• Una volta eseguita questa procedura per tutte le fonti che si intende seguire, andare sulla propria home e possiamo così seguire le notizie che vengono pubblicate
  

  @renzochiostri

Così ci siamo creati un “telegiornale” personalizzato e sempre ragguingibile sul nostro account twitter.
Riferimenti
twitter.com

Procedimento
Tre semplici passaggi:

1. Creare una pagina con il titolo Guestbook e segnarsi l’ID assegnato da WordPress
2. editare il file Function.php presente nel template che si sta utilizzando e aggiungere questa funzione:

   1 2 3 4 5 6 7

   function approve_guestbook_comments($comment_ID) {     $comment = get_comment($comment_ID);         if ($comment->comment_post_ID == ID-della-pagina)         wp_set_comment_status($comment_ID,'approve');   } add_action('comment_post','approve_guestbook_comments');

3. Aggiungere al CSS le classi necessarie per stilare la pagina

Otteniamo così un sistema che utilizza i commenti di WordPress, a cui non sono applicate moderazioni, come pubblicazione veloce di messaggio da parte degli utenti.

Riferimenti
WordPress: disable moderation for a single comment

personalizzazione permalink wordpress

Molte volte è utile conoscere l’ID di post, pagine e categorie inseriti in WordPress per personalizzare template e plugin.

Gli utilizzi possono essere i più svariati, dall’eliminare una pagina dal menù al selezionare i commenti di un post in particolare.

Per far basta vedere il link visualizzato dal browser una volta l’elemento desiderato

ID visualizzato in basso a sinistra dello schermo

Da qualche versione WordPress una volta salvato un nuovo post o pagina, compare un pulsante Ottieni uno shortlink

Ottieni uno Shortlink

che ci permette di visualizzare il link dell’elemento e di conoscere così l’ID.

carica album

Dalla bacheca della pagina, utilizzando la barra Condividi scegliamo Foto e successivamente Crea Album con molte foto.

Verrà visualizzato un suggerimento per il caricamento multiplo delle foto.

selezione multipla delle foto

Cliccando su Seleziona fotosi aprirà la finestra di dialogo per la selezione delle foto, quindi selezionare le foto nella cartella del computer

selezione multipla delle foto dalla cartella locale

Cliccando su Aprinella finestra di dialogo inizierà il caricamento delle foto

caricamento foto - attesa caricamento

Alla fine del caricamento possiamo scegliere il nome dell’album

Nome album

Finita la parte di caricamento delle foto, lo stato delle foto è ancora non pubblicatee ci viene data la possibilità di aggiungere dettagli e informazioni per ogni foto

inserimento dettagli e tag per ogni foto

possiamo inserire delle descrizioni e dei tag che verranno visualizzate sotto ogni foto.
Una volta terminato l’inserimento di queste informazioni pubblichiamo l’album con il tasto Pubblica adesso

conferma di pubblicazione

Ci viene richiesta di confermare la pubblicazione delle foto e dopo avremo finalmente caricato sulla pagina l’album

come caricare un album di foto su una pagina facebook

OSSERVAZIONE:
Per dare la possibilità ai visitatori della pagina di accedere subito alle foto presenti verificare quanto segue:

modifica pagina

dalla pagina andare in Modifica pagina con il pulsante in alto a destra

menu applicazioni

Selezionare applicazioni dal menù di sinistra e cliccare su Modifica impostazioni nel riquadro Foto.

aggiungi foto

apparirà una finestra che ci permette di aggiungere l’applicazione foto nella pagina semplicemente cliccando su aggiungi o di rimuoverla.

Risorse
Studio Ingegneria Renzo Chiostri su Facebook

WordPress mette a disposizione il tag: <!–more–> che permette di richiamare solo il testo prima del tag.

Se volessimo visualizzare nel Template solo un determinato numero di caratteri del contenuto, magari per problemi di spazio nella pagina, possiamo utilizzare questo semplice codice:

prima recuperiamo il contenuto del post con la funzione get_the_content() e la inseriamo nella variabile $contenuto, poi stampiamo la variabile utilizzando la funzione php substr che restituisce una sub-stringa.

Dal manuale php leggiamo che la funzione string

restituisce la parte di stringa specificata dai parametri start e length, quindi nel nostro caso basta cambiare il secondo numero (100) nel numero di caratteri da noi desiderato.

Facebook
Al seguente indirizzo:
Like Button – Sviluppatori di Facebook

Like Button - Sviluppatori di Facebook

tramite il quale potrete generare il codice da inserire nella vostra pagina web.
Una volta riempiti i campi con il link della pagina dove volete inserire il pulsante, lo stile, il colore e il font premendo su “Get Code” si apre una finestra

Like Button - Sviluppatori di Facebook - Get Code

Twitter
Twitter metta a disposizione degli utente un set di utility tra qui la generazione del pulsante Follow.
Al seguente indirizzo:
Twitter / Pulsante Segui

Twitter / Pulsante Segui

tramite il completamento di una form che ci chiede semplicemente il nome utente, se lo sfondo sia chiaro o scuro e se vogliamo il contatore dei follower, ci apparirà sulla destra il codice da copiare nella nostra pagina.

• Ricerca di frasi : ” “
  mettendo tra virgolette una frase, Google eseguirà la ricerca considerando le parole esatte nell’ordine da noi scritto.
• Ricerca all’interndo di un sito specifico : site:
  specifica che i risultati devono provenire dal sito da noi indicato.
• Termini da escludere : -
  aggiungendo una parola con il segno meno davanti imponiamo a Google di escludere pagine di risultati che contengano la parola indicata. Utile è la combinazione del meno con site: che ci permette di escludere dai risultati tutte le pagine provenienti da un sito.
• Ricerca corrispondenze esatte : +
  aggiungendo un segno + subito prima di una parola senza spazio, Google effettuerà una ricerca sulla parola esatta così come è stata digitata. Racchiudendo tra virgolette una singola parola si ottiene lo stesso effetto.
• Riempimento spazio vuoto : *
  l’asterisco viene considerato come un segnaposto e Google cercherà di sostituirlo con qualsiasi termine tentando di trovare le corrispondenze migliori

Utility
Attraverso la barra di ricerca possiamo eseguire delle funzioni che non sono di ricerca:

• Calcolatrice:
  
  

  Funzione calcolatrice

• Conversione unità
  
  

  Conversione di unutà

• Conversione di valute
  
  

  Conversione di valute

Riferiementi
Google : Ulteriore assistenza per le ricerche
Google : Funzioni di ricerca

search on google.com

Voice Search

Il microfono sulla barra della ricerca permette di inserire la query di ricerca tramite il riconoscimento vocale. Sarà interessante vedere come Google espanderà questa funzione a tutto il mondo!

Per adesso è in fase “experiment” e solo Google Chrome 11 (o superiore) ha il supporto per l’input vocale.

+1 button

Ci da la possibilità di esprimere il nostro consenso direttamente tra i siti presenti nel risultato della ricerca. Questo +1 è pubblico e viene visualizzato nelle ricerce, sugli ads e su tutti i siti.

Ricerca per intervallo
Tra le funzioni avanzate di ricerca, disponibile solo sul dominio .com, c’è la ricerca per intervallo numerico che permette di cercare risultati che contengono un determinato intervallo di numeri. È sufficiente digitare due numeri, seguiti da due punti (“..”) senza spazi nella casella di ricerca insieme ai termini di ricerca.
Può essere utilizzata per qualsiasi tipo di intervallo, dal costo di un oggetto (€120..€150) alle date (2001..2011) a misure (100..200 metri) con l’accortezza di indicare un’unità di misura o un indicatore rappresentativo dell’intervallo di numeri.

Funzioni invece già traslate anche sulla versione “.it” che troviamo interessanti

ricerca su google.it

Istant

Funzione che visualizza i risultati della query di ricerca mentre si digita e si compone la parola nella barra di google. Comoda nei casi in qui non si conosce lo spelling del nome o della parola che si vuole ricercare, grazie ai suggerimenti e ai risultati visualizzati ci si può rendere conto se si sta sbagliando digitazione.

Keyboard shortcuts

Tramite le frecce direzione possiamo navigare i risultati: SU – GIU scorrono la lista dei risultati mentre DESTRA – SINISTRA ci permettono di vedere la preview del sito che ci interessa.

Risorse

http://www.google.com/experimental/

Questi feed sono disponibili in due formati, RSS e JSON, e mettono a disposizione informazioni su quello che sta succedendo su Delicious o di un singolo utente.

Possono essere usati in lettori di news, blog (come nel caso di questa pagina link), o proprio di applicazioni di terze parti.

Come funzionano
Tutti i feeds pubblicati da Delicious hanno come URL base:

dove {format} indica il formato di pubblicazione che può essere o RSS o JSON.

Tutti i feed accettano un stringa di query con i seguenti parametri:

• 1	?count={1..100}

  che limita i risultati da 1 a 100, con un parametro di default di 15.

• 1 2	?plain = Disable enhanced item HTML content. ?fancy = Enable enhanced item HTML content.

  per limitare il peso del codice HTML

Di seguito riporto i servizi feeds più interessanti tra quelli pubblicati:
Da Delicious:

• Bookmarks from the hotlist:
  http://feeds.delicious.com/v2/{format}
• Recent bookmarks:
  http://feeds.delicious.com/v2/{format}/recent
• Recent bookmarks by tag:
  http://feeds.delicious.com/v2/{format}/tag/{tag[+tag+...+tag]}
• Popular bookmarks:
  http://feeds.delicious.com/v2/{format}/popular
• Popular bookmarks by tag:
  http://feeds.delicious.com/v2/{format}/popular/{tag}

Da un utente

• Bookmarks for a specific user:
  http://feeds.delicious.com/v2/{format}/{username}
• Bookmarks for a specific user by tag(s):
• http://feeds.delicious.com/v2/{format}/{username}/{tag[+tag+...+tag]}
• A list of all public tags for a user:
  http://feeds.delicious.com/v2/{format}/tags/{username}
• A list of related public tags for a user tag comination:
  http://feeds.delicious.com/v2/{format}/tags/{username}/{tag[+tag+...+tag]}
• A list of a user’s network fans:
  http://feeds.delicious.com/v2/{format}/networkfans/{username}

Note: aggiornamento dei dati
I dati dei feed, dato il grosso volume di scambio, non sono in realtime.
Per quelli scambiati in RSS sono aggiornati due volte ogni ora, mentre quelli in JSON prensentano generalmente un certo delay.

Note: JSON
JSON è un formato di scambio dati particolarmente leggero.

Risorse
Feeds: help on Delicious