Per eventuali dettagli sulla situazione e su come risolvere il problema ti rimando a questo link:

Aggiornare Post Slug Con Query e Script PHP

Se sei in vacanza, in ferie o non sei disponibile in quel momento ad inviare una risposta alle richieste che ti arrtivano via mail, l’ autoresponder Sito NERD lo farà per te, come una segreteria telefonica che comunica a chi ci telefona e siamo furoi sede, che avrà quanto prima nostre notizie appena torneremo in ufficio.

Matteo aveva annunciato già qualche giorno fa i vari step di sviluppo dell’ autoresponder e l’ ultimo post per segnalare l’ uscita della versione stabile 1.0 proprio 2 giorni fa:

• 25 Jul 09 Postfix autoresponder
• 27 Jul 09 Postfix Autoresponder 0.1b
• 28 Jul 09 Postfix Autoresponder 0.2b
• 30 Jul 09 Postfix Autoresponder 1.0-RC1
• 31 Jul 09 autoresponding per email marketing
• 01 Aug 09 Postfix Autoresponder Stable 1.0

L’ autoresponder by Sito NERD è ancora in cerca di un logo ufficiale anche se Matteo mi ha fatto sapere che anche quello che ho creato io non è poi così malaccio.

Postfix autoresponder Sito NERD

…hai idee o proposte per ottimizzare il logo già esistente? …o vuoi proporci un nuovo logo creato e ideato da te? suggerimenti@informaticafriuli.com

Avevo espresso questo mio enigma anche sul Forum per Webmaster TPU – Tutti Per Uno

PREMESSA – IL PROBLEMA:

Ho avuto la necessità di trovare la soluzione ad un problema che mi assillava da tempo ovvero poter inserire nello stesso post di un sito basato su WordPress, un oggetto quale per esempio un’ immagine o un video YouTube e variarne le dimensioni a seconda che l’ articolo si trovi in homepage (nel qual caso volevo una thumbnail o il video di dimensioni ridotte in altezza e larghezza) o nella pagina dell’ articolo singolo (nel quel caso volevo mostrare l’ oggetto in questione con le dimensioni originali o comunque ingrandito rispetto alla visualuizzazione in homepage).

ANALISI DEL PROBLEMA:

Approfondendo sono venuto alla conclusione che mi serviva del codice php per poter estrapolare e passare le dimensioni all’ oggetto in questione, a seconda che mi trovassi in home o nella pagina dell’ articolo singolo.

L’ idea di base era che nei 2 blocchi di codice php i tag html per inserire le immagini o i tag per inserire contenuto flash in una pagina web sarebbero stati uguali per tutte le pagine, quindi la variabile sostanziale che avrei dovuto preoccuparmi sarebbe stato solamente il link da dove attingere il contenuto (src per il tag img per le immagini e value ed src per i tag per il video in flash di YouTube).

Per le dimensioni sarebbero state fissate già preventivamente nei due blocchi di codice php inseriti nella home e nella pagina dell’ articolo singolo facilitato dal fatto che nel mio template, come nel 90% dei templates WordPress, esiste il file index.php per la homepage del blog e single.php dove si trova il codice per estrapolare il contenuto del post singolo.

LA SOLUZIONE:

Quindi detto questo, mi serviva solo capire come poter inserire agevolmente il link all’ immagine o al video senza per forza dover a che fare con codice html e php.

WordPress mette a disposizione di default sotto il form, la textarea, in cui scrivere il post, una sezione dedicata ai campi personalizzati, che fino ad oggi non mi ero mai sognato di utilizzare, ma cercando soluzioone al mio problema su Google, quando mi son ricordato “campi personalizzati” mi è scattata la molla rileggendo “personalizzati”… questo significa che se posso inserire etichetta/nome del campo e contenuto dello stesso, si sarebbe registrato nel database ergo avrei potuto estrapolare a mio piacimento e quando avrei avuto la necessità tale contenuto nel template come e dove mi sarebbe piaciuto.

Capito il problema, analizzato… la soluzione si trovava sotto i miei occhi da sempre.

LA PRATICA:

IL CODICE:

Ho aperto con un editor testuale (io utilizzo joe da shell sulla mia postazione Ubuntu ) index.php del template WordPress che stavo utilizzando;

Subito prima di questo codice che fa comparire il riassunto nella homepage:

<?php the_excerpt() ; ?>

..ho inserito tale codice (primo stralcio per inserire le miniature delle immagini Рed il secondo ̬ per i video YouTube):

<?php // pubblica la immagine se il campo personalizzato ‘immagine’ esiste
$values = get_post_custom_values(“videoyt”);
if ( is_array($values) ) { ?>
<div id=”imgCSS”>
<img src=”<?php $key=”immagine”; echo get_post_meta($post->ID, $key, true); ?>” alt=”<?php the_title(); ?>” width=”150″ height=”100″ />
</div>
<?php } ?>

<?php // pubblica la immagine se il campo personalizzato ‘videoyt’ esiste
$values = get_post_custom_values(“videoyt”);
if ( is_array($values) ) { ?>
<div id=”introVIDEO”>
<object width=”150″ height=”100″>
<param name=”movie” value=”<?php $key=”videoyt”; echo get_post_meta($post->ID, $key, true); ?>”></param>
<param name=”allowFullScreen” value=”true”></param>
<embed src=”<?php $key=”videoyt”; echo get_post_meta($post->ID, $key, true); ?>” type=”application/x-shockwave-flash” allowfullscreen=”true” width=”150″ height=”100″>
</embed>
</object>
</div>
<?php } ?>

Ho aperto il file single.php (il file come detto precedentemente, per estrapolare il contenuto di un post singolo):

<?php the_content(); ?>

Subito dopo questo codice che fa visualizzare tutto il contenuto del post:

…ho inserito il secondo blocco di codice php:

potete copiare il codice inserito nel index.php e variarne i paramentri width e height

Fatte queste modifiche il sistema è funzionante.

Nel momento in cui andrò a scrivere il mio post ed utilizzerò i campi personalizzati accoppiando l’ etichetta immagine + link di dove si trova l’ immagine o videoyt col link di dove si trova il video YouTube che voglio inserire, il codice php inserito nei due file sopra citati, si preoccuperà di estrapolare e far visualizzare le immagini e i video con le dimensioni adattate alla pagina in cui verranno pubblicati.

Un esempio lo potete vedere sul sito del CKF – Canoa Kayak Friuli nel blocco MOVIE a fondo pagina dell’ homepage e cliccando per esempio sul titolo in rosso scuro di tale video, come compare lo stesso video sull’ articolo singolo di tale news.

E’ stato fatto un brainstorming e scelto dallo staff di Sito Nerd una serie di servizi da mettere prossimamente a disposizione del pubblico.

Cosa? Principalmente hosting su server e banda performanti, tutti i servizi annessi all’ hosting ma abbiamo anche deciso di fornire qualcosa in più: Zend Framework.

Zend Framework per gli addetti ai lavori, smanettoni o curiosi che volessero saperne di più, è un ambiente che rende possibile facile e veloce la creazione di codice per creare applicazioni e servizi web.

Sito Nerd quindi ha voluto essere all’ avanguardia e dar la possibilità di cavalcare l’ onda delle ultime tecnologie in fatto di ambiente di sviluppo, pure chi sceglierà di utilizzare i suoi servizi.

Sito ufficial: Zend Framework

Sito Nerd: http://www.sitonerd.com

Contatti Sito Nerd:

WP-Mail2Hotel è un plugin che mette a disposizione un form per i contatti con tutti i campi, per agevolare la compilazione di una prenotazione per un hotel o albergo che sia, da parte del potenziale cliente.

Maggiori informazioni sul plugin di prenotazione per WordPress li puoi trovare a questo link:

WP-Mail2Hotel Plugin prenotazione

Ormai se ne possono trovare innumerevoli, per citarne qualcuno:

XAMP www.apachefriends.org/en/xampp.html

Installa un web server Apache con MySQL, PHP e Perl su sistemi GNU/Linux, Mac OS X, Solaris e Windows. Una volta installato, se si tiene il computer connesso e si ottiene un dominio dns (anche di quelli gratuiti), permette l’accesso alle proprie pagine web senza dover ricorrere all’indirizzo IP.

PAMPA http://pampa.phpsoft.it

Di produzione italiana, può essere utilizzato da una chiavetta USB o da qualsiasi altro supporto con la particolarità che APACHE e MySQL lavorano su porte differenti da quelle di default permettendone l’utilizzo in contemporanea, senza creare conflitti, su un computer con già installata una WAMP.

EasyPH www.easyphp.org

Di produzione francese, è uno dei più usati dagli sviluppatori alle prime armi ma ha il difetto di essere piuttosto invasivo nel registro di sistema di Windows a tal punto che può comportare seri problemi ad una successiva installazione di un reale ambiente WAMP.

WMServer www.wmcreation.it

Di produzione italiana, non invasivo. Propone una versione per l’installazione su pc ed una su chiavetta USB.

Come si vede nel post Siti dinamici, PHP abbisogna di un server per visualizzare le pagine web. Quando si pubblica un sito in Internet di solito ci si rivolge ad un servizio di hosting che oltre al dominio fornisce anche lo spazio web su di un computer server. Per testare le pagine in locale bisogna creare lo stesso ambiente e quindi installare sul proprio computer un server che altro non è che un programma che attende una richiesta e dà una risposta, il tutto tramite un protocollo di comunicazione prestabilito (altrimenti non capirebbe) che in questo caso è l’HTTP: acronimo di Hyper Text Transfer Protocol (protocollo di trasferimento di un ipertesto).

La bella notizia è che uno dei migliori server HTTP, usato dagli stessi fornitori di hosting, è disponibile a tutti gratuitamente: si chiama Apache e lo si può scaricare dal sito www.apache.org. E’ un software Open Source che nel mercato occupa una fetta superiore al 50% (fonte www.netcraft.co.uk), è apprezzato per le sue caratteristiche di stabilità, portabilità, flessibilità e sicurezza.

Il linguaggio lato-server:

Data la sua indole, Informatica Friuli non può che prendere in considerazione un linguaggio Open Source distribuito gratuitamente: PHP acronimo ricorsivo che sta per PHP Hypertext Preprocessor (PHP preprocessore di ipertesti). E’ un linguaggio di scripting interpretato, concepito per la realizzazione di pagine web dinamiche.

Esistono anche altri linguaggi lato-server, come ad esempio: JSP di SUN, ColdFusion di Allair e ASP,ASP.NET di Microsoft, questi sono tutti a pagamento ed il loro codice sorgente non è pubblico.

PHP lo si può scaricare dal sito www.php.net dove si trova anche un utilissimo manuale tradotto in buona parte anche in italiano.

Il database:

Un altro potente strumento alla portata di tutti è il database MySQL, un DBMS
(Database management system) relazionale liberamente scaricabile all’indirizzo
www.mysql.com. Lo consiglio in quanto anche questo software è supportato dalla maggioranza degli hoster, l’uso non commerciale è gratuito e nel web se ne trova una vasta documentazione.

L’uso commerciale, invece, richiede la relativa licenza a pagamento, per ovviare a questa spesa basta rilasciare il software sviluppato, che ne fa uso, sotto licenza GPL.

Amministrazione database:

PHP interagisce facilmente con MySQL, però serve anche un programma per amministrarlo efficacemente. La maggior parte degli hoster mettono a disposizione phpMyAdmin, sviluppato proprio in PHP, che permette la completa amministrazione del database tramite un’ interfaccia web.

phpMyAdmin è liberamente scaricabile dal sito ufficiale www.phpmyadmin.net/home_page/index.php

L’accortezza è di ricreare sul proprio computer un ambiente simile a quello messo a disposizione dal proprio hoster controllando che corrispondano le versioni dei software e le loro configurazioni al fine di evitare spiacevoli sorprese di mal funzionamento quando si trasferisce il sito in rete.

Questa soluzione l’ ho utilizzata per il progetto Spazi del Fare.

Prerequisiti:

WordPress come piattaforma per blog/sito;

ImageManager come plugin per la gestione delle immagini;

Una volta che il blog ed il plugin sono operativi si andrà a modificare il file ImageManager.php sostituendo queste linee di codice:

[php]case ’3′: // Thumbnail with link to Image
str += ‘ str += ' rel="lightbox" ';
str += ' >‘;
str += ‘ str += (params.f_alt) ? ' alt="' + params.f_alt +'"' : '';
str += (params.f_alt) ? ' title="' + params.f_alt +'"' : '';
str += (params.f_style) ? ' style="' + params.f_style +'"' : '';
str += (params.f_class) ? ' class="' + params.f_class +'"' : '';
str += (params.f_align) ? ' align="' + params.f_align +'"' : '';
str += ' width="' + thumbwidth +'"';
str += ' height="' + thumbheight +'"';
str += (params.f_horiz) ? ' hspace="' + params.f_horiz +'"' : '';
str += (params.f_vert) ? ' vspace="' + params.f_vert +'"' : '';
str += (params.f_border) ? ' border="' + params.f_border +'"' : '';
str += ' />‘;
str += ‘‘;
break;[/php]

con queste:

[php]case ’3′: // Thumbnail with link to Image – Informatica Friuli Davide Tommasin
str += (params.f_align) ? ‘

str += ' str += ' rel="lightbox" ';
str += ' >‘;
str += ‘ str += (params.f_alt) ? ' alt="' + params.f_alt +'"' : '';
str += (params.f_alt) ? ' title="' + params.f_alt +'"' : '';
str += (params.f_style) ? ' style="' + params.f_style +'"' : '';
str += (params.f_class) ? ' class="' + params.f_class +'"' : '';
str += ' width="' + thumbwidth +'"';
str += ' height="' + thumbheight +'"';
str += ' />
‘ + params.f_alt;
str += ‘

‘;
break;[/php]

Nel mio caso solo per comodità mia personale ho aggiunto questa classe, dichiarata nel codice soprastante, all’ interno del file style.css ma le direttive potranno benissimo essere inserite nella pagina delle opzioni di ImageManager direttamente dal pannello di controllo di WordPress.

[css].sch2 {
background-color: #f3f3f3;
border: 1px solid #777777;
padding: 4px;
margin: 5px;
}[/css]

Un esempio lo potete vedere a questa pagina:

Idrovore Ospitale ad Aquileia

Di solito si incomincia a fare siti web utilizzando il linguaggio html e i fogli di stile CSS che servono a disporre i contenuti i contenuti e si possono ottenere dei funzionamenti più sofisticati tramite il linguaggio Javascript. Tutto questo viene gestito dal browser sul computer dell’utente.

Quando apriamo dei file .html (o .htm) contenuti nel nostro computer, essi contengono tutto il necessario per essere visualizzati; allo stesso modo avviene se li richiediamo al server quando siamo connessi. Questo tipo di richiesta è considerata ‘statica’ anche se contiene delle animazioni.

Per capire la limitazione di questa tecnologia supponiamo di voler costruire un blog: già memorizzare i post ed i commenti degli utenti diventa impossibile. Per ottenere questo risultato bisogna utilizzare un programma che memorizza sul server i testi in un database.

In questo caso consideriamo il linguaggio php, che è open source, totalmente gratuito e soprattutto concepito proprio per il web.

Ad esempio, per memorizzare un commento che l’utente desidera inserire in un blog si utilizza un form che invia il testo dal nostro computer (client) ad un file php, ospitato nel server web, contenente un programma che memorizza i dati in un database.

Allo stesso modo quando richiamiamo la pagina che contiene quel testo, un file php lo estrae dal database ed il server lo invia al nostro client.

Vediamo punto per punto:

1. Dal client parte la richiesta per ricevere la pagina .php che deve restituire il testo del blog.
2. Il Server rileva che l’estensione del file richiesto non è .html, ma .php quindi richiede l’elaborazione del programma in esso contenuto all’interprete php.
3. L’interprete php esegue le indicazioni contenute nel programma: queste indicano di generare una pagina formattata in html contenente i testi del blog, quindi li richiede al database.
4. Il database restituisce i dati richiesti.
5. La pagina formattata in html contenente i testi del blog viene restituita al server.
6. Il server invia al client la pagina che viene visualizzata nel browser.

Se si guarda il sorgente della pagina ricevuta si troverà semplicemente un codice html e nessuna traccia del programma che l’ha generata. Questo è avvenuto in modo trasparente all’utente e questo sistema per produrre contenuti in formato html al volo è considerato come ‘dinamico’.

Si capisce subito la potenzialità di questa tecnologia; mentre in una concezione statica ogni pagina deve essere costruita per i propri contenuti, in un sito dinamico nella stessa pagina si possono inserire i contenuti che si vogliono, in rapporto alle richieste effettuate.

Mantenere e gestire dei dati sul server è molto utile, ad esempio si possono verificare e conservare i dati che identificano un utente permettendo così il login ad aree riservate, come ad esempio quelle adibite alla gestione della posta elettronica personale, oppure all’inserimento di scritti, foto e filmati. Questo ha reso possibile l’avvento del Web 2 in cui sono gli stessi utenti a creare i contenuti.

Esistono anche altri linguaggi lato server; sul mercato troviamo dei prodotti proprietari come Java Server Pages di Sun, ColdFusion di Allaire e ASP, ASP.NET di Microsoft. Questi prodotti non sono Open Source e sono a pagamento.

Il linguaggio php è in continuo sviluppo e per quanto in Internet se ne trovi una vastissima documentazione il sito di riferimento è sicuramente quello ufficiale:

http://www.php.net

Naturalmente la mia intenzione non è certo indurvi ad andare a caccia di indirizzi email validi, bensì illustrare in modo semplice come si può ottenere la conferma che una email è stata vista dal destinatario e far capire perchè nei programmi per la gestione della posta elettronica è meglio non abilitare con leggerezza la visualizzazione delle immagini.

Prima di tutto accertatevi con phpinfo() di avere le librerie GD installate. Tramite queste librerie di php si possono creare delle immagini al volo con un semplice script.

Infatti nell’email in formato html non inserite una vera immagine, ma richiamate un file php in questo modo:

<img src="http://www.tuodominio.ext/img.php" alt="" />

il tag img punta al file contenente lo script che genera l’immagine, per questo esempio sarà in formato jpg di 1 pixel bianco.

Lo script oltre che a produrre l’immagine può fare anche altre cose, come inserire nel file ‘elenco_email.txt’ l’indirizzo email che passeremo tramite GET con una piccola modifica al tag img precedente:

<img src="http://www.tuodominio.ext/img.php" alt="" />

logicamente www.tuodominio.ext e account@host.ext sono utilizzati come esempio e vanno sostituiti rispettivamente con l’indirizzo http dove è posizionato il file img.php e l’indirizzo email che si desidera validare.

Nella stessa directory dove è posizionato il file img.php create il file elenco_email.txt con i permessi chmod settati a 777.

ecco il file img.php:

if ($fp) {

# libera la memoria
imagedestroy($img);

Così quando il destinatario apre l’email e l’immagine viene visualizzata il suo indirizzo viene aggiunto al file ‘elenco_email.txt’.
Lo script estremamente banale produce un elenco di indirizzi email validi con data e orario di visualizzazione.

Se fate delle prove inviando l’email con un client osservate che quando l’immagine viene visualizzata durante la scrittura, già lo script inserisce l’indirizzo nel file di testo. Quindi attenti a non confondervi.

VARIANTI

Invece che un’immagine di un pixel bianco possiamo, con le funzioni GD, creare immagini più sofisticate oppure caricare un’immagine creata precedentemente.

Potrebbe anche essere utile controllare con le espressioni regolari la validità dell’indirizzo email ricevuto in modo da evitare eventuali falsi positivi.

Piuttosto che utilizzare un file di testo gli indirizzi potrebbero essere inseriti direttamente in un database.

CONSIDERAZIONI

Se vi è venuta l’acquolina in bocca pensando che potrebbe essere una soluzione per validare la ricezione delle email inviate con la funzione php() scordatevelo.
Ormai tutti i software per la gestione della posta elettronica disabilitano di default la visualizzazione delle immagini rendendo questo uso inaffidabile.
Anche le prove per far funzionare lo script sono state ardue a causa degli antivirus.

Con un po’ di fantasia si possono trovare altri usi per questo script, come ad esempio implementare un semplice sistema di statistiche, passando via GET il nome della pagina in cui è stata inserita l’immagine ed eventuali informazioni sul visitatore.