Promuovi la tua pagina Facebook sul tuo sito

Postato il 7 novembre 2011. Categoria Web Tag codice facebook fanpage

Parliamo di come linkare la propria fan page di Facebook sul proprio sito. Questo articolo segue è il post Inserire pulsante Mi piace e Segui sulla mia pagina.

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/

Continua a leggere »

Nel caso vogliamo scrivere una pagina in WordPress per richiamare le ultime news o gli ultimi argomenti di una specifica categoria potremmo avere la necessità di determinare la lunghezza del contenuto dei post visualizzati.

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:

1
2
3
4
<?php
    $contenuto =  get_the_content();
    echo "<p>".substr($contenuto,0,100)."  &raquo;</p>";
?>

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

1
string substr ( string $string , int $start [, int $length ] )

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.

Per inserire il pulsante “Mi piace” di Facebook e il pulsante “Follow” (seguimi) di Twitter possiamo utilizzare gli strumenti messi a disposizione dai social.

Facebook
Al seguente indirizzo:
Like Button – Sviluppatori di Facebook

pagina 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

Like Button - Sviluppatori di Facebook - Get Code

dalla quale possiamo copiare e incollare nella nostra pagina il codice desiderato.


Aggiornamento 2012

nuovo "get code"

Da qualche tempo è possibile disporre di 3 soluzioni di codice per l’inserimento nel nostro sito del pulsante mi piace:

  • IFRAME
  • HTML5
  • XFBML

li ho ordinate secondo la difficoltà di inserimento (secondo il mio parere):
La soluzione IFRAME prevede un semplice copia e incolla del codice all’interno della nostra pagina dove vogliamo che appaia il pulsante.
Per quanto riguarda l’HTML5 ci sono due parti di codice da incollare: la parte 1 va messa subito dopo l’apertura del tag <body> la seconda va incollata tra il codice html della pagina, nel punto dove vogliamo che stia il pulsante.

La terza soluzione XFBML prevede che la prima parte venga incollata sempre subito dopo il tag <body>, poi venga inserita una definizione, un namespace nel tag <html> di apertura della pagina e diventi: <html xmlns:fb=”http://ogp.me/ns/fb#”>, terzo venga inserito come al solito la parte di code dove voglia che appaia il nostro pulsante.


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

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.

Shortcode in wordpress

Postato il 15 giugno 2011. Categoria Web Tag codice wordpress

Gli shortcode sono stati introdotti dal WordPress 2.5 e riportando la definizione presente sui Docs di WordPress

Introduced in WordPress 2.5 is the Shortcode API, a simple set of functions for creating macro codes for use in post content. For instance, the following shortcode (in the post/page content) would add a photo gallery into the page:

1
[gallery]

Come si utilizza:
Uno shortcode si inserisce nel post o nella pagina che si sta scrivendo ed esegue delle operazioni da noi programmate.
esempio:

1
2
3
4
function hello_word_func(){
return echo"<h1>hello world!</h1>";
}
add_shortcode('hello_word', 'hello_word_func');

inserendo nella pagina o nel post

1
[hello_word]

otterreno

hello world

Continua a leggere »

codici ASCII-html utili

Postato il 7 giugno 2011. Categoria Web Tag codice html

Ecco una lista di alcuni caratteri espressi in ASCII per l’inserimento in pagine html

1
2
3
4
5
6
7
8
9
10
11
12
13
  &nbsp;(spazio)
" &quot;
& &amp;
< &lt;
> &gt;
« &laquo;
» &raquo;
© &copy;
® &reg;
| &brvbar;
² &sup2;
É &Eacute;
€ &euro;

Riferimenti
http://www.asciitable.com
http://www.asciitable.it
http://www.ascii.cl

Pagina 1 di 212