Ieri abbiamo visto come recuperare l’ultima immagine di un post in wordpress. Oggi vediamo quindi come ridimensionarla al volo.
Scaricate questo script php e salvatelo in una cartella chiamata script all’interno della root del vostro tema o del sito: il file ovviamente si dovrà chiamare timthumb.php.
Ora basta applicare questo tag per mostrare l’immagine ridimensionata:

<img src="/scripts/timthumb.php?src=/images/<?php echo catch_that_image() ?>&h=125&w=125&zc=1" alt="Screenshot" />

Estrarre la prima immagine da un post risulta molto utile quando si vuole realizzare un’anteprima del post in home page. Esistono vari metodi per realizzare questo, via codice (consigliato) o via plugin.

Estrarre la prima immagine con Php

Per fare ciò basta aprire il file function.php ed incollare il seguente codice prima dell’ultimo ?>:

function catch_that_image() {
        global $post, $posts;
        $first_img = '';
        ob_start();
        ob_end_clean();
        $output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
        $first_img = $matches [1] [0];
 
        if(empty($first_img)){ //Defines a default image
          $first_img = "/images/default.jpg";
        }
        return $first_img;
      }

Questo è un articolo scritto da Dario Scarano a.k.a. PsYCHo di iowebmaster.com che ci ha gentilmente concesso un guest post.

Avevamo già parlato in questo articolo dell'importanza dei backlink per il posizionamento sui motori di ricerca, senza di essi è molto difficile primeggiare in serp competitive, anche per quei siti finemente ottimizzati lato SEO.

L’attributo Value, in italiano valore, permette di decidere quale testo lasciare di default negli elementi input, cioè caselle di testo dei form o pulsanti di submit. E’ il tipico testo che troviamo all’interno dei box di ricerca con la scritta “cerca”. Google invece utilizza un’immagine come testo predefinito per i suoi motori di ricerca personalizzati, e al cliccare del mouse, o più precisamente quando si mette onfocus l’elemento input, il campo testo si svuota e ci permette di scrivere il nostro.
Questo piccolo effetto molto carino si può implementare con qualche riga di javascript, vediamo come. Inanzitutto bisogna creare la funzione, ed inserirla prima della chiusura del tag head.

Incredibile, nel preciso momento in cui scrivo, Noizexperience Blog si trova in seconda pagina sulla serp di Google e Yahoo per la keyword webmaster.
Su Google sono presente con l’indirizzo dell’home page, mentre su Yahoo per un articolo su Webmaster Center Live

Continua la serie di post su Internet Explorer 8 perchè da buon web designer si deve stare attenti a tutto ciò che sta attorno al mondo dei browser. Microsoft sta avviando un ottima campagna per promuovere il suo ultimo browser e nei giorni scorsi ha reso disponibili delle edizioni personalizzate di Internet Explorer 8 per vari tipi di utenti.Infatti sono disponibili le versioni di IE8 marchiate Ebay, Virgilio e addirittura Google e Yahoo.
Il browser nelle versioni personalizzate presenta tutte le funzioni già esistenti come web slice e accelleratori, ma adattate ai vari servizi.
Intanto IE8 si sta dimostrando capace di interpretare correttamente i layout dei siti web sviluppati con CSS 2.1, ma allo stesso tempo rimane ancora indietro per quanto riguarda le novità che i suoi concorrenti già interpretano come i CSS 3 e Html 5.