Agenzia web e garanzia di professionalità



Se stai cercando di capire se sia meglio affidare il tuo progetto web ad un’agenzia web o di tentare la soluzione fai da te, la lettura di questo articolo può esserti utile. Nello sviluppo di un progetto complesso come la progettazione e la realizzazione di siti web è necessario l’intervento di persone competenti e con esperienza e che conoscono il mondo del web e le sue dinamiche.

Non per portare l’acqua al mio mulino ma secondo me questo tipo di lavoro, racchiude diversi aspetti che devono essere necessariamente affrontati e sviluppati da persone competenti.

La realizzazione di un sito web, infatti, non comprende solo l’insieme grafico-strutturale del sito stesso. La parte più importante infatti, è quella dell’ottimizzazione del sito, del suo posizionamento sui motori di ricerca, e della strategia di marketing.

Nella realizzazione di un sito web si parte dalla ricerca di grafica, colori, font e stili, per selezionare quelli più adatti al tipo di attività dell’azienda committente. Solo una volta ottenute queste informazioni è possibile realizzare un prodotto che rispecchi in pieno l’identità dell’azienda stessa.

Il sito web ha lo scopo di attirare nuovi clienti, e di infondere a queste persone la fiducia nello scegliere la nostra azienda piuttosto che le altre. Questa emozionalità è possibile solo attraverso uno studio e una progettazione accurata.

Una volta ottenuto il risultato desiderato arriva il momento di far funzionare il sito. Per fare questo è necessario effettuare uno studio sui competitors e sul mercato relativo al cliente. Dopo di che si pianifica una campagna marketing completa di ottimizzazione SEO per il posizionamento sui motori di ricerca.

Tutto questo, se fatto da una agenzia web seria e professionale garantisce dei risultati, che altrimenti sarebbero impossibili. Al giorno d’oggi chiunque è in grado di realizzare 2 o 3 pagine web, ma questo non vuol dire realizzare un sito web funzionale e utile allo scopo.

WordPress e HTML5, evoluzione del Web


Con la veloce affermazione di WordPress come CMS di riferimento,  si conferma ancora di più il crescente successo di HTML5, nuovo standard per i siti Web. WordPress infatti è uno degli strumenti più utilizzati per la creazione e la gestione di contenuti, e con quest’ultima versione si consolida la compatibilità con i nuovi tag e i nuovi script di programmazione di HTML5.

Inoltre è sempre più in crescita il numero dei temi gratuiti e a pagamento (una lista di siti che offrono temi wordpress gratuiti e a pagamento) e di plugin (i 10 migliori plugin per ottimizzare wordpress) che sfruttano le potenzialità di HTML5. Grazie a questo standard, e alla compatibilità di WordPress con i vari browser, le web agency che utilizzano questo CMS, hanno la possibilità di utilizzare funzionalità extra, per creare siti altamente performanti e di qualità.

Con HTML5 vengono introdotte diverse novità per la strutturazione del testo e per il controllo dei menu di navigazione. Inoltre vengono introdotti elementi specifici per il controllo dei contenuti multimediali con i tag <video> e <audio>, e vengono eliminati alcuni elementi con scarso utilizzo effettivo.

Con questo nuovo standard è supportato pienamente Canvas, che permette di utilizzare JavaScript per creare animazioni e grafica bitmap, e viene implementata la geolocalizzazione. Questa, con l’introduzione della grafica responsive, per la creazione di siti Web adattabili a qualsiasi schermo e risoluzione, si era resa necessaria a causa della forte e continua espansione di sistemi operativi mobile come Android e iOS e di dispositivi come tablet e smartphone.

Secondo il nostro parere, grazie all’integrazione tra WordPress e HTML5, questo CMS acquista qualcosa in più, confermandosi anche per il prossimo futuro uno degli strumenti migliori per la realizzazione siti web. Naturalmente lo sviluppo di WordPress per raggiungere la piena compatibilità con le novità introdotte dal nuovo standard è continuo. Il World Wide Web Consortium ha annunciato che la versione definitiva di HTML5 sarà pronta per fine 2014 e la versione .1 nel 2016. Noi siamo sicuri che WordPress starà al passo e seguirà questa evoluzione del Web da vicino.

Responsive Design, l’anno del boom

Il sorpasso dei dispositivi mobile sui PC

Responsive design. Nel 2012, per la prima volta dal 2001, a livello mondiale, le vendite di desktop sono state inferiori a quelle dell’anno precedente. Questo nonostante la tecnologia riesca bene o male, a cavalcare la crisi. La spiegazione è semplice: la vendita di Tablet ha raggiunto i 100 milioni di unita’ e gli smartphone stanno, a poco a poco, sostituendo i classici cellulari.

Può sembrare un fatto banale o scontato ma, per tutti quelli che, come noi, costruiscono siti web e servizi, questo fatto porta a considerazioni ben precise e cioè’ che cambia e si diversifica il modo di navigare sul web. Ai ‘classici’ personal computer (navigare da seduto) si affiancano altri modi di navigare: sugli smartphone (navigare in piedi) e tablet (navigare sdraiato). Ormai non si può’ più’ non tener conto di questo fatto quando si progetta un sito web.

mini iPadE’ sgradevole e poco professionale vedere una pagina web che non si adatta allo strumento su cui viene visualizzata. Gli stessi clienti sono ormai sensibili al problema e chiedono informazioni sull’adattabilità’ del loro futuro sito web rispetto ai dispositivi di nuova generazione.

Responsive design per i nuovi siti web

La soluzione al problema è quella di progettare siti web che rispondono, reagiscono in base alla dimensione del dispositivo in uso: il responsive design. La cosa è già nota da tempo, molti siti negli ultimi anni, sono stati creati con un occhio al responsive design, questo per ciò’ che riguarda la risoluzione grafica dei PC.

Data la grande diffusione di Tablet e Smartphone, il 2013 è l’anno del responsive design che offre, agli editori, la possibilità di diffondere le loro pubblicazioni su ogni tipo di schermo e, per gli utenti, la certezza della qualità sempre e dovunque, a prescindere dal dispositivo usato.

Sia che usiate Html e Css, sia che usiate un cms per i vostri siti, tenete conto di questo considerazioni se state per disegnare un nuovo sito web.

Temi WordPress per la scuola

Temi WordPress: Pasw2013

Una novita’ nel settore dei temi wordpress per la scuola. In questi giorni è stato rilasciato il tema WordPress  Pasw2013 per la costruzione di siti scolastici, è ancora una beta ma il team WordPress  assicura la versione definitiva di questo nuovo tema wordpress per i primi giorni di Settembre, giusto in tempo per l’inizio delle lezioni !! (altro…)

Come creare un tema WordPress



Per creare un tema wordpress esistono fondamentalmente tre strade: La prima, la più complicata è quella di scrivere tutto il codice partendo da zero. Inutile dire che occorrono delle conoscenze specifiche sui linguaggi come php e css e sulla costruzione delle pagine web.

In questo articolo parleremo delle altre due possibilità che sono quelle di creare un tema figlio, in inglese un child theme che eredita le funzionalità da un tema già esistente oppure utilizzare un applicativo specifico, il così detto drag and drop themes builder.

Scrivere il codice: child theme

Il child theme come detto viene realizzato partendo da un tema già esistente. Normalmente si sceglie questa opzione quando si vuole apportare qualche modifica al tema in uso. Il classico esempio è la personalizzazione del footer o note a piè di pagina che ogni sito possiede.

In wordpress si sceglie questa soluzione a causa dei continui aggiornamenti che le case sviluppatrici apportano ai loro temi. Infatti se entro a modificare direttamente il codice php modificando il contenuto che mi interessa, questo verrà sovrascritto la prima volta che gli sviluppatori rilasceranno una nuova versione del tema wordpress in uso.

Come creare un tema wordpress child

Create una directory sul vostro sito per il tema child. In wordpress la directory dei temi sta nella cartella wp-content/themes. Create una nuova cartella, ad esempio wp-content/themes/miotemachild. Ora create un file denominato style.css e apportate le modifiche desiderate.

/*
Theme Name: Twenty Thirteen Child
Theme URI: http://example.com/
Description: Tema Child per il tema Twenty Thirteen
Author: Qui il vostro nome
Author URI: http://example.com/about/
Template: twentythirteen
Version: 0.1.0
*/

Potete cambiare quello che volete ma i campi theme name e template sono obbligatori. In questo esempio l’intestazione di un child theme che eredita dal tema (padre) twentythirteen. Il foglio di stile child sovrascriverà quello del genitore. E’ probabile che vogliate includere il foglio di stile del genitore (l’alternativa è di riscrivere l’intero codice). Per fare questo modificate il file functions.php e inserite la funzione wp_enqueue_style()

<?php

add_action( 'wp_enqueue_scripts', 'enqueue_parent_theme_style' );
function enqueue_parent_theme_style() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}

ATTENZIONE. Fate queste operazioni solo se siete utenti esperti di wordpress e comunque, ricordatevi sempre di fare un backup del sito wordpress. Infine per attivare il tema, andate su Bacheca / Aspetto / Temi e attivate il vostro nuovo tema.

Utilizzare uno drag and drop themes builder

Se invece non conosci il codice php e css ma vuoi creare un sito internet di qualità con wordpress, ecco una serie di prodotti che potreste trovare utili.

Divi

Per me il migliore in circolazione con decine e decine di moduli con centinaia di opzioni per qualsiasi esigenza. Completamente responsive e personabilizzabile e con decine di layout già pronti all’uso. E’ a pagamento ed è un prodotto di elegant themes. Qui trovi la demo.

Caratteristiche

  • 20+ pagine di template,
  • integrazione con WooCommerce,
  • editing front-end live,
  • Ottimizzato SEO,
  • widgets e shortcodes,
  • responsive design.

divi

Elementor

Un altro ottimo drag and drop themes builder che con un’interfaccia semplice e intuitiva ti permette con il metodo del drag and drop di creare temi e siti completi e splendidi layout. Questa è la pagina della demo.

Caratteristiche

  • non è richiesta la conoscenza del codice,
  • compatibile con qualsiasi tema WordPress,
  • importa progetti da altri temi,
  • opzione drag-and-drop,
  • personalizzazione widgets terze parti,
  • mobile friendly,,
  • gestione palette di colori.

elementor

Per completezza di informazione vi indico altri prodotti con il relativo link