Aprire le Google Maps senza il box delle info

A volte potrebbe essere utile visualizzare una mappa creata con Google Maps senza che compaia il fumetto con le informazioni. Diventa fastidioso, per esempio, nel caso di mappe di piccole dimensioni, dove questo box viene in parte tagliato. Per farlo occorre inserire il comando iwloc=near nell'iframe creato con Google Map. Se nel codice fosse già …

Modificare il CSS delle [gallery]

Per modificare l'aspetto delle gallery di WP occorre prima di tutto disabilitare quello creato di dafault inserendo nel file functions.php il seguente codice: add_filter('gallery_style', create_function( '$css', 'return preg_replace("#(.*?)#s", "", $css);' ) ); Fatto questo occorre aggiungere le seguenti classi al foglio di stile (style.css): .gallery {} .gallery-item {} .gallery-icon {} .gallery-caption {}

Immagini in excerpt

Quando si visualizza una lista di post come excerpt, spariscono le immagini. Per visualizzarle basta inserire il seguente codice nel file functions.php: function my_wp_trim_excerpt($text) { // Fakes an excerpt if needed if ( '' == $text ) { $text = get_the_content(''); $text = apply_filters('the_content', $text); $text = str_replace(']]>', ']]>', $text); $excerpt_length = 80; $words = …

Immagini con effetto rollover

Per creare immagini o bottoni con effetto rollover sia sullo sfondo che sul testo inserire nel CSS: a.nomeclasse { width: 150px; height: 50px; color: #cccccc; padding: 5px; text-decoration:none; display: block; background-image : url(immagini/immagine1.jpg); background-repeat: no-repeat; } a.nomeclasse:hover { width: 150px; height: 50px; color: #000000; padding: 5px; text-decoration:none; display: block; background-image : url(immagini/immagine2.jpg); background-repeat: no-repeat; } …

CSS per caption immagine

Molti temi, specialmente se vecchi, non prendono in considerazione i "caption" per inserire in modo ordinato sottotitoli alle immagini. Per risolvere il problema basta inserire il seguente codice al CSS del tema. /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; …