Archivio della categoria: Wordpress

Aggiungere la nostra immagine di gravatar nella testata

Mi è venuto in mente di fare una cosa: aggiungere la mia immagine gravatar insieme al titolo di questo blog costruito su wordpress. Sono andato a visitare il sito http://en.gravatar.com alla sezione developers spiegano come richiamare la nostra immagine così

<img src="http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50" />

aggiungendo il valore esempio 200 che corrisponde alla dimensione in pixel che vogliamo darle così
<img src="http://www.gravatar.com/avatar/205e460b479e2e5b48aec07710c08d50?s=200" />

Veniamo a noi vado sul mio profilo gravatar clicco sul menu in alto a dx My account e po su Manage my gravatars clicco su check this gravatar e da questa schermata ottengo la chiamata alla mia immagine http://s.gravatar.com/avatar/bc9f33a439f22c0995d234424ef128ad?s=80

Ora vado nel file header.php del mio sito vi ricordate il post su come sostituire il titolo di wordpress con un immagine? Ve lo dico domani ora vado a casa ciao!

…Continuo: Vado nel file header.php dal menù di wordpress Aspetto>Editor e sostituisco la solita stringa

<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>

con questa
<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="http://www.gravatar.com/avatar/bc9f33a439f22c0995d234424ef128ad?s=120" /><?php bloginfo( 'name' ); ?></a></span></h1>

nella quale ho aggiunto l’immagine di gravatar nel mio caso questa
<img src="http://www.gravatar.com/avatar/bc9f33a439f22c0995d234424ef128ad?s=120" />

Ora se utilizzate il tema di wordpress twenty eleven o twenty twelve che hanno un design responsive noterete che la vostra immagine apparirà allargata per tutta la larghezza della testata questo perché nel foglio di stile div #branding img ha la larghezza impostata al 100% quindi faccio così commento la larghezza e aggiungo un border radius per fare l’immagine tonda perchè mi piace di più. Ricordare di dare la metà della larghezza della foto al border radius per fare un cerchio perfetto quindi scrivo il div così
#branding img {
 height: auto;
 display: block;
 /*width: 100%;*/
-webkit-border-radius: 60px;
-moz-border-radius: 60px;
border-radius: 60px;
}

Spero vi sia stato utile sono ben accette critiche e suggerimenti ciao!

Aggiungere un url personalizzato alla gallery di wordpress

Grazie a questo plugin sviluppato da Nick Brewer è possibile aggiungere una url personalizzata alle immagini della gallery. Dopo aver installato questo plugin, caricare alcune immagini e aggiungere una galleria alla pagina. Modificando la galleria e si può vedere il nuovo campo di testo che abbiamo aggiunto. Vedi prima e un dopo:Per disporre di questo campo personalizzato è sufficiente installare il plugin disponibile si Github a questo indirizzo https://github.com/brewern/gallery-custom-link, dopodiché passare da Visuale a html della pagina in cui è contenuta la gallery ed aggiungere questa istruzione gallery link=”custom_url

 

Modificare il footer del tema wp twenty eleven con un’ immagine

Quando istalliamo il tema di default di wordpress nel footer compare la scritta Utilizza WordPress linkata alla pagina di wordpress.org se desideriamo sostituirla con un immagine come ad esempio il nostro logo magari in negativo per non renderlo ripetitivo andiamo nel menù di wordpress Aspetto > Editor, nella colonna dx vediamo i template delle pagine php che compongono il sito, clicchiamo su Piè di pagina (footer.php); a questo punto andremo a sostituire la seguente stringa di codice

<a href="<?php echo esc_url( __( 'http://wordpress.org/', 'twentyeleven' ) ); ?>" title="<?php esc_attr_e( 'Semantic Personal Publishing Platform', 'twentyeleven' ); ?>" rel="generator"><?php printf( __( 'Proudly powered by %s', 'twentyeleven' ), 'WordPress' ); ?></a>

con questa
<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="http://www.haisekdesign.net/blog/logopiccolonegativo.png" width="300" height="72" /><?php //bloginfo( 'name' ); ?></a>

WordPress 3.3 “Sonny”

WordPress ha rilalasciato la nuova versione del software 3.3 che ha chiamato Sonny in onore del sassofonista jazz Sonny Stitt. Sono state apportate significative modifiche alla navigazione del pannello di controllo, alla dashboard ed all’upload e importazione dei file/media. Gli utilizzatori di wordpress potranno apprezare la nipva funzionalità drag and drop per l’upload dei files, il nuovo menù a tendina sullo stato hover ela nmuova barra degli strumenti. Migliorato il co-editing, l’ utente sarà avvisato se un altro autore sta apportando modifiche sull’articolo che hai davanti. E’ stata inserita una funzione l’importatoredi Tumblr. E’ stata migliorata l’esperienza touch per i tablet.

10 temi wordpress +1 responsive

Negli ultimi anni gli smartphone stanno conquistando quote sempre maggiori del mercato della telefonia mobile, raddoppiando quasi fra il 2004 ed il 2005 (più di 12 milioni di apparecchi venduti nell’ultimo anno).
Nel secondo trimestre 2011 si è verificato in Europa una maggiore vendita di smartphone rispetto ai normali telefonini, arrivando a 21,8 milioni di unità vendute (i telefonini tradizionali arrivano a 20,4 milioni).(fonte:Wikipedia). L’aumento esponenziale dell’uso di smartphone dipenda dal fatto che questi consentono di avere un unico strumento che consente di fare operazioni che faremmo su un computer come navigare in internet, leggere e inviare mail, una fotocamera un lettore audio, un navigatore satellitare, una consolle per videogiochi ecc. Continua a leggere

Sostituire il titolo del sito WP con un’ immagine

Vediamo come sostituire il titolo del nostro sito wordpress con ad esempio il nostro logo. Andiamo nel menù di wordpress Aspetto > Editor, nella colonna dx vediamo i template delle pagine php che compongono il sito, clicchiamo su Testata (header.php); a questo punto andremo a sostituire la seguente stringa di codice

<h1 id="site-title"><span><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>

con questa
<h1 id="site-title"><span><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="http://www.haisekdesign.net/blog/logoblog2011.png" width="504" height="90" /><?php //bloginfo( 'name' ); ?></a></span></h1>