Un breve video che mostra le impostazioni da settare per usufruire delle opzioni presenti nel tema Wordpress Palmixio che permettono l’inserimento di un’anteprima immagine oltre ad altre customizzazioni all’interno dei post, questa nuova feature naturalmente è usufruibile solo per coloro che utilizzano la versione 2.9 o superiore di Wordpress.

Clicca qui per vedere il video incorporato.

Vedi in alta definizione HD.

Disponibile anche per i temi Xioletter e Greenxi.

Posts Correlati | Related Posts:

• Temi Wordpress: Xioletter in italiano per il tuo sito, 100% free

• Temi Wordpress: Palmixio 100% free, pagina opzioni, widget ready, in italiano

• Temi Wordpress: Greenxi, struttura fluida, due colonne, widget ready in italiano

Con l’arrivo della release 2.9 di Wordpress, potremo mandare in cantina i custom fields ed alcuni plugin per quanto riguardo l’utilizzo di immagini di anteprima nei post, grazie a nuove funzioni i temi Wordpress aggiornati a questa nuova caratteristica renderanno più intuitivo e facile inserire immagini nelle pagine che richiamano i contenuti interni.

Basterà inserire nel file functions.php la seguente istruzione:

add_theme_support( 'post-thumbnails' ); // aggiungi supporto al tema, feature post thumbnail

Naturalmente vi sono altre funzioni interessanti, ovvero come definire la dimensione dell’immagine, etc… che gli sviluppatori di temi per Wordpress potranno utilizzare per rendere questa caratteristica davvero utile per impreziosire gli articoli e renderli più accattivanti per il visitatore.

Le prossime release dei temi Palmixio, Xioletter e Greenxi avranno questa feature implementata e supportata da settaggi customizzati presenti nella pagina opzioni.

Posts Correlati | Related Posts:

• Temi Wordpress: Xioletter in italiano per il tuo sito, 100% free

• Temi Wordpress: restyling SitoQui

• Temi Wordpress: Palmixio 100% free, pagina opzioni, widget ready, in italiano

English

Dopo Palmixio e Xioletter, un nuovo tema per Wordpress a due colonne, layout flessibile, colori base verde e bianco, gravatar customizzato, widget ready sidebar e footer, post image thumbnail ready (solo per Wordpress 2.9 o superiore), completamente gratuito e sotto licenza GPL.

Caratteristiche versione 1.1.1 :

• due colonne
• struttura fluida
• pagina opzioni tema
• colori base verde e bianco
• widget ready (sidebar e footer)
• settaggio menu per navigazione breadcrumbs
• settaggio pagine menu
• settaggio immagine logo
• settaggio per adv banner 125×125
• settaggio per post image thumbnail (solo Wordpress versione 2.9 o superiore)

Test effettuati:

• Browser testati: Ie5.5, Ie6, Ie7, Ie8, Firefox 3.0, Safari 4, Opera 9.64.
• Sistemi operativi testati: Windows Xp, Linux.
• Versioni Wordpress testate: 2.7, 2.8, 2.9
• Risoluzioni testate: da 1024×768 a 1920×1200.

Aggiornamenti e cronistoria :

Release Greenxi 1.1.1, data 21/12/2009: In caso di attivazione e settaggio della feature post image thumbnail, risolto problema “Fatal error: Call to undefined function has_post_image()” dovuto alla rimozione di alcune funzioni da parte del team di sviluppo di Wordpress nel passaggio dalla versione 2.9 beta 2 alla versione 2.9 RC1 sino alla versione Carmen.

Release Greenxi 1.1, data 11/12/2009: inserito nella pagina opzioni del tema Greenxi la possiblità di abilitare la funzione post image thumbnail (solo per Wordpress 2.9 e superiore) con tutta una serie di settaggi per impostare immagini e contenuto nei post sia per le pagine ed i post singoli, sia per gli archivi.

Release Greenxi 1.0.1, data 16/11/2009: rimosso il file icons.php inserito per errore nel folder greenxita.zip, il file non fa parte del tema Greenxi.

Release Greenxi 1.0, data 7/11/2009.

Demo Greenxi.

Scarica la versione in italiano di Greenxi 1.1.1

Scarica la versione in inglese di Greenxi 1.1.1, direttamente dalla “Free Themes Directory” di Wordpress.

Posts Correlati | Related Posts:

• Temi Wordpress: Xioletter in italiano per il tuo sito, 100% free

• Temi Wordpress: restyling SitoQui

• Temi Wordpress: Palmixio 100% free, pagina opzioni, widget ready, in italiano

Molti utilizzano il <!--more--> tag in Wordpress per spezzare i contenuti in modo da dare una anteprima dell’articolo nelle pagine, categorie, archivi, etc.

di default è impostato come follow il link more, il che comporta che un motore di ricerca molto importante come Google lo spiderizzerà incrementando la possibilità che venga visto il tutto come contenuto duplicato, ora con un semplice script da inserire nel file functions.php, possiamo eliminare questo inconveniente, inserendo il nofollow ed eliminando nel link il richiamo # alla porzione della pagina rimanente in vista singola, creando così un link pulito.

add_filter( 'the_content_more_link', 'my_more_link', 10, 2);

function my_more_link( $more_link, $more_link_text ) {
return str_replace($more_link, '<a rel="nofollow" href="' . get_permalink() . '">'.$more_link_text.'</a>', $more_link );
}

Naturalmente questo espediente può venire utilie a tutti coloro che non hanno mai utilizzato il tag more sapendo che creava questo inconveniente.

Posts Correlati | Related Posts:

• Wordpress rel nofollow, inserirlo automaticamente nei post selezionati

Set di icone in formato *.png trasparente 32 bit, dimensioni 128×128 – 64×64 – 48×48, più formato *.ico per windows, dedicate ai principali social network della rete, Facebook, Myspace, Twitter, Youtube, Delicious, questo set di icone web viene fornito per qualsiasi uso sotto licenza Creative Commons 2.5.

In merito alla licenza d’uso “devi attribuire la paternità dell’opera nei modi indicati dall’autore o da chi ti ha dato l’opera in licenza e in modo tale da non suggerire che essi avallino te o il modo in cui tu usi l’opera”, a tale proposito leggi il README.txt che troverai nell’archivio compresso.

Icone Facebook, Myspace, Twitter, Youtube, Delicious by Colixiodesign is licensed under a Creative Commons Attribuzione 2.5.

Download Webicons Pack.

Posts Correlati | Related Posts:

• Twitter icons per il tuo sito in formato png 100% free

• Icone feed, formati ico, icns, png trasparenti per il tuo sito, da scaricare gratis

• Download icone png web 2.0 per social network

English

Dopo Palmixio, un nuovo tema per Wordpress, completamente gratuito in italiano, Xioletter a due colonne, layout fluido e widget ready sia nella sidebar che nel footer, con la pagina opzioni per il settaggio del header customizzabile, le tonalità sono basate sul bianco e nero, fornito sotto licenza GPL v3, senza alcuna garanzia.

Nella realizzazione di questo tema mi sono ispirato a mio padre, alla sua macchina da scrivere ma soprattutto alla carta da lettere che usava, la carta carbone per le copie, la gomma discoidale per cancellare gli errori ed una matita per sottolineare eventuali parti del testo battuto frettolosamente e da rivedere.

Il tema viene fornito liberamente per qualsiasi scopo compreso quello commerciale, tramite la pagina delle opzioni accessibile solo all’amministratore del sito, sarà possibile impostare alcuni settaggi, scegliere tra titolo e descrizione, oppure scegliere di visualizzare un’immagine linkabile come logo, inoltre solo per versioni Wordpress 2.9 l’abilitazione ed il settaggio di varie opzioni di post image thumbnail.

Caratteristiche versione 1.1.1:

• due colonne
• struttura fluida
• pagina opzioni tema
• colori base nero e bianco
• widget ready (sidebar e footer)
• settaggio pagine menu
• settaggio immagine logo
• settaggio per adv banner 125×125
• settaggio per post image thumbnail (solo Wordpress versione 2.9 o superiore)

Test effettuati

Browser testati: Ie5.5, Ie6, Ie7, Ie8, Firefox 3.0, Safari 4, Opera 9.64.
Sistemi operativi testati: Windows Xp, Linux.
Versioni Wordpress testate: 2.7, 2.8, 2.9.
Risoluzioni testate: da 1024×768 a 1920×1200.

Richieste di supporto professionale non rientrano nella licenza GPL, comunque chiunque è libero di apportare le modifiche che ritiene opportune per il suo utilizzo senza dovere nulla al suo realizzatore.

Aggiornamenti e cronistoria :

Release Xioletter 1.1.1, data 21/12/2009: In caso di attivazione e settaggio della feature post image thumbnail, risolto problema “Fatal error: Call to undefined function has_post_image()” dovuto alla rimozione di alcune funzioni da parte del team di sviluppo di Wordpress nel passaggio dalla versione 2.9 beta 2 alla versione 2.9 RC1 sino alla versione Carmen.

Release Xioletter 1.1, data 10/12/2009: inserito nella pagina opzioni del tema Xioletter la possiblità di abilitare la funzione post image thumbnail (solo per Wordpress 2.9 e superiore) con tutta una serie di settaggi per impostare immagini e contenuto nei post sia per le pagine ed i post singoli, sia per gli archivi.

Release Xioletter 1.0, data 6/09/2009.

Demo Xioletter.

Scarica la versione in italiano di Xioletter 1.1.1.

Scarica la versione in inglese di Xioletter 1.1.1 direttamente dalla “Free Themes Directory” di Wordpress.

Posts Correlati | Related Posts:

• Temi Wordpress: restyling SitoQui

• Temi Wordpress: Palmixio 100% free, pagina opzioni, widget ready, in italiano

• Temi Wordpress: Greenxi, struttura fluida, due colonne, widget ready in italiano

Il meta description da un po’ di tempo ha perso la sua importanza al fine di un buon posizionamento nelle serp, ma a quanto pare sembra mantenere una sua inalterata validità per invogliare l’utente a scegliere un determinato sito rispetto ad un altro quando il nostro link corredato di titolo e descrizione appare nella videata di ricerca di Google o altri search engine.

In Wordpress l’utilizzo All in One SEO Pack un plugin estremamente valido risolve gran parte dei problemi a livello seo, oltre al meta description è possibile settare i titoli, le keywords (ormai fondamentalmente inutili), i rel canonical etc.

E se volessimo rendere le descrizioni delle nostre pagine, categorie, archivi, tags, utilizzando i primi titoli dei nostri post che appaiono nelle paginazioni appunto?.

Uno script utile allo scopo utilizzando il loop di Wordpress permette di estrapolare i primi titoli che appaiono nel blog nelle varie pagine, es. pagina 1, pagina 2, pagina 3 …., ed implementarlo nel tag description, quando le nostre pagine verranno indicizzate dai motori di ricerca oltre al titolo del sito che generalmente contraddistingue il nostro dominio, il meta descritpion conterrà i primi titoli dei post (i primi tre ad esempio) rendendo la descrizione coerente e più appetibile all’utente che probabilmente verrà maggiormente invogliato a cliccare e visitare il sito corrispondente, ecco il codice:

<?php if ( is_home() || is_tag() || is_search() || is_category() ) { // viene escluso l'uso di questo meta description solo per i singoli post che invece avranno una loro meta description creta manualmente.
echo "<meta name=\"description\" content=\"";
$numberpost = 0; // contatore dei titoli dei post.
if (have_posts()) : while (have_posts()) : the_post(); // loop
$numberpost++; // incremento
if ($numberpost <= 3) { // scegliamo solo i primi tre titoli che appaiono nella pagina, eviteremo così descrizioni troppo lunghe.
the_title('',', ');
}
endwhile; else:
endif;
echo "Colixiodesign.\" />\n"; // chiudiamo il meta description.
} ?>

Perché adottare questo script?.

Ho notato che non utilizzando il meta description per le pagine come fanno molti blog o siti nei risultati della ricerca potrebbe apparire nella descrizione del sito, le note presenti nel footer come il copyright del sito stesso o parti dei commenti recenti o comunque testo poco coerente con la ricerca effettuata, questo script invece inserendo nel meta i titoli dei post da un assaggio di ciò che conterrà effettivamente il sito in questione.

Un set di icone sempre in stile web 2.0 a otto colori dedicate a Twitter.

In formato png trasparente le icone sono di dimensione 128×128 e 64×64 a 32 bit, liberamente scaricabili ed utilizzabili per qualunque scopo purché si rispetti la licenza creative commons 2.5, ovvero “Devi attribuire la paternità dell’opera nei modi indicati dall’autore o da chi ti ha dato l’opera in licenza e in modo tale da non suggerire che essi avallino te o il modo in cui tu usi l’opera.”

A tale proposito leggi il README.txt che troverai nell’archivio compresso.

Icone Twitter by Colixiodesign is licensed under a Creative Commons Attribuzione 2.5.

Download Twitter icon pack.

Posts Correlati | Related Posts:

• Icone feed, formati ico, icns, png trasparenti per il tuo sito, da scaricare gratis

• Download icone png web 2.0 per social network

• Icone trasparenti, facebook, twitter, youtube, myspace, delicious

Arriverà Google Wave e già nascono i primi plugin per Wordpress uno di questi è wp-wave-shortcodes (download) che come dice il titolo tramite uno shortcode permette di inserire un’onda nel proprio post, decisamente facile da configurare ecco come funziona:
basta inserire uno shortcode

nel vostro post per visualizzare l’onda, in questo caso viene visualizzato il comunicato della Google Wave Developer Preview essendo ancora in sandbox, ovviamente lo shortcode supporta l’attributo id che contraddistingue l’onda, inoltre è possibile configurare da “Impostazioni >> Generali” altezza, larghezza del div contenitore dello shortcode, bgcolor, dimensione del carattere, tipo di carattere, e vi permetterà di inserire tutte le onde che volete.

Clicca qui per vedere il video incorporato.

Per chi volesse seguire il progetto in evoluzione basta fare un salto alla pagina dell’autore del plugin per Google Wave, chi non avesse seguito la presentazione del protocollo Google Wave, il video soprastante ve ne da un assaggio con sottotitoli in italiano.

Posts Correlati | Related Posts:

• Banner a rotazione, creiamo visualizzazioni contestuali, advertising in Wordpress

Più volte chi genera reddito dalla pubblicità online ci segnala quanto sia importante e vantaggioso un messaggio pubblicitario contestualizzato rispetto ad uno senza alcun rapporto con il contenuto del sito, ora vedremo come creare uno script in grado di visualizzare banner (e perché non anche annunci testuali) che trattino contenuti attinenti alle parole chiave utilizzate dai visitatori del nostro sito e quindi più appetibili e di conseguenza cliccabili.

Per questo noi utilizzeremo un plugin, ovvero “Landing Sites“, scaricabile dal repository ufficiale dei plugin Wordpress.

Questo plugin è stato concepito per creare landing pages in Wordpress e per visualizzare appositi contenuti, tenendo conto delle parole chiave utilizzate dai visitatori.

Una volta installato, andremo a modificare il file presente nel folder “landing-sites”, ovvero landingsites.php, una volta aperto creeremo una nuova funzione ad hoc per l’utilizzo che andremo a fare in questo modo :

function ls_getchiave($chi) {

// Did we come from a search engine?
$referer = ls_get_refer();
if (!$referer) return FALSE;
$delimiter = ls_get_delim($referer);

if ($delimiter)
{
$terms = ls_get_terms($delimiter);

if ($chi == 'terms') { return $terms; }

}
}

questa funzione ci permetterà di rilevare le parole chiave del visitatore, ora aggiorniamo l’array sempre presente nel file del plugin con i motori di ricerca italiani, se non faremo questa aggiunta le parole chiave dei visitatori provenienti da tali motori non saranno rilevate:

$search_engines = array(
 'google.it' => 'q',
 'google.fr' => 'q',
 'google.com' => 'q',
 'search.yahoo.com' => 'p',
 'it.search.yahoo.com' => 'p',  // aggiunto yahoo it
 'fr.search.yahoo.com' => 'p',
 'search.msn.com' => 'q',
 'search.live.com' => 'q',
 'rechercher.aliceadsl.fr' => 'qs',
 'vachercher.lycos.fr' => 'query',
 'search.lycos.com' => 'query',
 'alltheweb.com' => 'q',
 'search.aol.com' => 'query',
 'search.ke.voila.fr' => 'rdata',
 'recherche.club-internet.fr' => 'q',
 'ask.com' => 'q',
 'it.ask.com' => 'q',  // aggiunto ask it
 'hotbot.com' => 'query',
 'overture.com' => 'Keywords',
 'search.netscape.com' => 'query',
 'search.looksmart.com' => 'qt',
 'search.earthlink.net' => 'q',
 'search.viewpoint.com' => 'k',
 'mamma.com' => 'query',
 'ricerca.alice.it' => 'qs', // aggiunto alice it
 'bing.com' => 'q' // aggiunto il nuovo bing
 );

una volta fatte queste modifiche al file lo salveremo.

Ed ora veniamo al nostro script, innanzitutto richiamiamo il plugin e la funzione che abbiamo creato prima per verificare la presenza di parole chiave del visitatore o meno in caso di visita diretta e non da motori di ricerca, poi creeremo un array dove inseriremo le nostre parole chiave ricavate da Google Analytics, naturalmente inseriremo quelle che utilizzano più di frequente in nostri visitatori e che di conseguenza distinguono il nostro sito, poi daremo vita ad un ciclo per analizzare il nostro array quindi mostreremo il banner se contestuale alla parola chiave.

<?php if ( ls_getinfo('isref') ) {  // se il visitatore arriva dai motori di ricerca

$chiave = ls_getchiave('terms');  // rileva la parola chiave utilizzata dal visitatore

$termine0 = array('giochi', 'console',' nintendo games '); // array con i nostri termini rilevati in Analytics
$termine1 = array('viaggi', 'vacanze', 'soggiorno dolomiti');

foreach ( $termine0 as $key => $value ) {

if ( stristr($chiave,$termine0[$key]) !== FALSE ) { // verifichiamo se il temine presente nell'array è presente anche nella parola chiave utilizzata dal visitatore
include (TEMPLATEPATH . '/sdvgiochi.php'); // file php nel quale abbiamo inserito il codice del banner (in seguito vedremo come crearlo)
$item = mt_rand(1, count($phras)); // randomizziamo nel caso abbiamo più di un banner nel file sdvgiochi.php
floor($item); ?>
<?php echo $phras[$item]; ?> // visualizziamo il banner se contestale con la parola chiave

<?php break; // interruzione del ciclo
}
}
// altro ciclo per verificare le altre parole chiave (potremo creare quanti cicli vogliamo in base agli array che avremo creato.

foreach ( $termine1 as $key => $value ) {

if ( stristr($chiave,$termine1[$key]) !== FALSE ) {
include (TEMPLATEPATH . '/sdvviaggi.php');
$item = mt_rand(1, count($phras));
floor($item); ?>

<?php echo $phras[$item]; ?>

<?php break;
}
}

Ed ora vediamo come creare i files php nei quali inseriremo i nostri banner:

<?php

srand((float) microtime() * 10000000); //randomizziamo se inseriremo più di un banner in rotazione

$phras[1] = " qui inseriremo il codice del banner ";
$phras[2] = " qui inseriremo il codice del banner ";
$phras[3] = " qui inseriremo il codice del banner ";
// etc...
$rn = array_rand($phras);

?>

Mi sembra superfluo sottolineare che la scelta dei banner  sarà compito del publisher e della sua capacità di analizzare i dati che gli fornisce Analytics e di conseguenza effettare una cernita degli adv più consoni ai contenuti del suo sito, questo script d’esempio può ovviamente essere adattato e ulteriormente migliorato ed utilizzato anche per visualizzare invece di banner annunci testuali.

Posts Correlati | Related Posts:

• Google wave, plugin Wordpress, uno shortcode e metti la tua onda nel post