Ultimamente l’attività di blogger ha avuto dei rallentamenti, perdendo ahimè anche qualche visitatore. Purtroppo sono stato impegnato nella realizzazione di diversi siti e temi per wordpress, alcuni dei quali mi hanno portato tante soddisfazioni. Ecco i link:
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.
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; }
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.
Le Sidebar widget ready non sono altro che delle sezioni del nostro tema in cui è possibile inserire delle parti dinamiche, sia tramite plugin che con script realizzati da noi. Quasi tutti i temi utilizzati in wordpress hanno almeno una sidebar widget ready, in genere laterale. Ciò non toglie che si può rendere widget ready anche altre sezioni del nostro tema, per esempio il footer o una sezione tra l’header e il content.
Il web 2.0 ci ha abituati a tanti servizi gratuiti in giro per la rete, servizi di qualsiasi genere, e tra questi anche per i web designer. Questi servizi sono di certo professionali, ma permettono di velocizzare alcune operazioni e farle in maniera più semplice di quanto si possa fare con un software di grafica. Ecco una lista di alcuni servizi per fare grafica web molto interessanti.
