Il progetto: un sito per il torneo

Il cliente organizza un torneo di basket e vorrebbe registrare le iscrizioni online invece di raccogliere le solite iscrizioni su scheda prestampata che poi sono tutte da tascrivere.

WordPress, tanto per cambiare, è la soluzione ideale. Oltre a permettere di realizzare facilmente il sistema di iscrizione al torneo, permette anche di gestire tutta l’area delle news e delle gallerie fotografiche dando vita al sito.

Riprendo un articolo pubblicato ieri su Business Insider che parla della diffusione dei dispositivi mobili smartphone e tablet.

Dal grafico è evidente che sempre più utenti navigheranno con dispositivi diversi dal normale PC ( o Mac!).

Per questo diventa sempre più indispensabile pensare a come il proprio sito web viene visualizzato su questi dispositivi. Oggi sono disponibili tutte le tecnologie per ottimizzare il tuo sito web per i dispositivi mobili. Manca solo un po’ di consapevolezza da parte delle aziende per questo argomento e la preparazione da parte degli addetti ai lavori (webmaster come me e agenzie) che troppo spesso ignorano completamente questo argomento.

La soluzione generalmente individuata è quella di dare la documentazione solo a chi la chiede perdendo un sacco di tempo (e quindi denaro) gestendo manualmente le rischieste che via via arrivano.

Se poi aggiungiamo il tempo che i nostri tecnici passano al telefono con i partner per cercare di far capire il funzionamento dei prodotti, risulta chiaro che questa pratica molto diffusa ha dei costi altissimi per le aziende.

La soluzione

Per risolvere questo problema c’è una soluzione comoda, veloce e facile da gestire: attivare un’area ad accesso riservato sul proprio sito aziendale.

Attivare un’area riservata sul tuo sito aziendale significa:

• Ridurre drasticamente il tempo perso a spiegare i propri prodotti; il partner viene invitato a registrarsi al sito e a scaricarsi il manuale tecnico che si può studiare da solo!
• Ridurre i tempi morti dedicati a leggere richieste di documentazione e spedire i documenti richiesti
• Garantire che la documentazione finisca nelle mani giuste

Un esempio di funzionamento di un’area riservata aziendale

Alt! Registrati prima di accedere.

Sul sito dedicato al progetto (http://shop.vinooo.it) trovate tutti i dettagli della soluzione proposta.

Per i produttori di vino non ci sono più scuse. Da oggi vendere il vino online è facilissimo!

I numeri cominciano a diventare pesanti.

Per chi ancora non l’avesse capito, oggi tutti usano internet e molti lo fanno per acquistare online.

Non avere un sito ben fatto, aggiornabile e ben indicizzato oggi è assolutamente penalizzante per qualsiasi attività, sia essa industriale o commerciale.

E il futuro è abbastanza ben definito: gli acquisti online sono in forte crescita e sarà sempre più importante essere presenti con il proprio negozio anche online.

Altrimenti si rischia di perdere anche l’unico mercato in crescita che è rimasto!

Aprirai il tuo nuovo negozio online in 20 giorni!

Questo ne è un esempio:

Con una semplice regola nel foglio di stile (CSS) è semplice controllare la largezza massima che possono avere le immagini inserite nel contenuto degli articoli.

Basta identificare la classe o l’ID delle immagini utilizzando Firebug (con Firefox) oppure il Webkit inspector (con Chrome o Safari)

Nel caso di una installazione di un sito realizzato con WordPress molto probabilmente il selettore CSS sarà
.size-full{}

Un volta identificato il selettore corretto basta aggiungere queste regole:
height: auto;
max-width: 640px;
width: auto;

Il risultato finale è questo:

.size-full{
height: auto;
max-width: 640px;
width: auto;
}

L’altezza dell’immagine viene ridimensionata proporzionalmente alla larghezza che viene a sua volta scalata alla larghezza massima indicata dalla regola max-width

Questa semplice regola fa in modo che l’immagini si adatti da sola alla larghezza massima impostata dal webmaster.

Il risultato finale è questo:

Ma c’è una controindicazione. L’immagine viene visualizzata con largehzza ridotta e non altera il layout della pagina ma il file visualizzato ha comunque le dimensioni del file originale.

Per capirci se incorporo nel testo una file da 2048px di larghezza, questa regola fa in modo che il file venga visualizzato ridimensionato ma viene comunque utilizzato il file di grandi dimensioni.

Quindi è preferibile adottare questa tecnica quando le immagini vengono gestite da chi sa cosa sta facendo. Altrimenti si rischia di avere pagine visualiizate corretamente ma di dimensioni di download spropositate!

Consiglio: per evitare questa situazione, c’è un utile plugin che limita la dimensione massima delle immagini caricate, ridimensionando quelle che troppo grandi. Il plugin è estremamente utile per controllare autori poco attenti!

Poi quando si mettono i testi definitivi regolarmente capita che qualcosa è troppo lungo e quindi bisogna troncarlo o rivedere i testi.

Ecco come possiamo fare per “accorciare” i titoli troppo lunghi.

<?php echo substr(the_title('','',0),0,24) . " ..."; ?>

Si inizia inserendo alcune semplici informazioni anagrafiche e poi, in base alla scelta del tipo di preventivo richiesto, cambia le informazioni da inserire.

Ovviamente questo è un configuratore molto semplice ma la stessa tecnologia (jQuery, Php e Mysql) può essere utilizzata per configurare anche prodotti molto più complessi.

Potete visualizzare il configuratore collegandovi a questa pagina: http://www.kopronenergy.com/v2/?page_id=173

Ma riuscire a farlo servono competenze specifiche che non tutti hanno.

Rivolgiti ad un professionista qualificato, con una lunga esperienza in grado di portare il tuo sito in cima ai motori di ricerca.

Non perdere altri clienti che stanno cercando proprio te!