5

Risorse per blog · Risorse Utili · Tutorial · wordpress

Vademecum WordPress: Questi gli step essenziali per realizzare un’applicazione web in stile blog, magazine o sito web

Ti sei mai chiesto se in rete fosse presente una guida esaustiva su tutti i passi da considerare per creare un progetto on line di qualsiasi entità (blog, magazine, sito web etc.) utilizzando wordpress come piattaforma?

In questo articolo Enrico Corinti, programmatore php e collaboratore di Blographik, presenta una lista davvero esaustiva di tutto ciò che bisogna tenere in considerazione fin dall’inizio, per creare una qualsiasi applicazione gestita con wordpress, soprattutto se a lavorare allo stesso progetto è un team e non una sola persona.

Se stai cercando un documento che ti aiuti nel realizzare un preventivo per un lavoro del genere, hai trovato ciò che ti occorre ;), un vero e proprio vademecum da stampare e conservare.

Come sempre, sei libero di contribuire a rendere questa guida il più esaustiva possibile.

Passi essenziali per realizzare un’applicazione web in stile blog/magazine/sito-web utilizzando WordPress

di Enrico Corinti

1. Specifiche

Acquisizione delle specifiche tecniche del committente sulle funzionalità, richieste, azioni, personaggi che prenderanno parte al meccanismo funzionale dell’applicazione.

2. Architettura/Design

Realizzazione di un’architettura grafica che rappresenti lo stile comunicativo del committente da punto di vista grafico/estetico, con un occhio di riguardo all’usabilità, all’accessibilità e all’efficiente espressione dell’informazione.
Tecnologie/conoscenze da usare:
  • Photoshop;
  • Illustrator;
  • Elementi di Design, stile, formazione e cultura grafica;
  • Teoria dell’informazione, Information Architecture, usabilità, user centered design, accessibilità;
  • Tecniche e regole editoriali per la pubblicazione dei contenuti on line.

3. Design xhtml/css

L’immagine realizzata nel punto precedente viene ritagliata nelle parti che saranno poi montate sulla struttura xhtml.
Passare dal concept grafico come immagine alla sua composizione su una struttura xhtml/css, mantenendo saldi i principi di accessibilità (codice scritto bene), tagging essenziale, dimensioni dei files essenziali, ritaglio/esportazione delle immagini corretta, strutturazione in cartelle dell’applicazione.

Tecnologie/conoscenze da usare:

  • Photoshop;
  • Elementi di Design, stile, formazione e cultura grafica;
  • Xhtml;
  • Css;
  • Internet Explorer Hacks (per correggere gli errori di visualizzazione su ie6);
  • Esempi di tutorial in CSS da sapere: come si realizza un menù, come si realizza una galleria, come si realizza un box con angoli arrotondati, etc..

4. Templating

Realizzazione dei Template/Temi necessari per wordpress, ovvero definizione delle parti dinamiche dell’applicazione e delle loro funzioni.
Scrittura del codice necessario per le funzionalità richieste al punto 1 (ad esempio…”se clicco qui voglio che visualizzo questo…se richiamo qesta pagina voglio vedere queste informazioni…etc…“).

Temi possibili per una semplice applicazione:

  • Tema Home Page;
  • Tema Categorie/Archivi;
  • Tema di presentazione aziendale;
  • Tema di presentazione contenuti particolari (ad esempio una serie di contenuti scelti ad hoc).

Tecnologie/conoscenze da usare:

  • Xhtml;
  • Css;
  • PHP;
  • Teoria sulla Gestione dei Contenuti in un CMS: tassonomia, gestione categorie, filtri categorie, manipolazione contenuti, campi personalizzati;
  • WordPress API/CODEX;
  • WordPress Plugins;
  • Javascript/Ajax/JQuery;
  • Elementi di programmazione;
  • Elementi di programmazione ad Oggetti;
  • Tutorial in Ajax (come si fa una galleria dinamica, come si animano le immagini ed il testo, come interagire col browser, etc…).
5. Messa in Opera

Acquisizione del dominio web, installazione e messa in funzione del prodotto e predisposizione dei plugin non ancora attivi nella fase precedente. Predisposizione delle politiche di sicurezza sul motore, predisposizione degli utenti, impostazione delle autorizzazioni necessarie per ogni utente. Test delle funzionalità eventuali correzioni.

Tecnologie/conoscenze da usare:

  • Installazione di WordPress su Web Server Apache;
  • Configurazione di WordPress;
  • Gestione utenti in WordPress;
  • xhtml;
  • Css;
  • PHP;
  • Teoria sulla Gestione dei Contenuti in un CMS: tassonomia, gestione categorie, filtri categorie, manipolazione contenuti, campi personalizzati;
  • WordPress API/CODEX;
  • WordPress Plugins;
  • Javascript/Ajax/JQuery;
  • Elementi di programmazione;
  • Elementi di programmazione ad Oggetti;
  • Internet Explorer Hacks (per correggere gli errori di visualizzazione su ie6);
  • Eventuali altre informazioni correttive dai punti precedenti…

6. Indicizzazione e posizionamento

Impostazione dei parametri necessari alla corretta ed efficiente indicizzazione dell’applicazione sui motori di ricerca.
Iscrizione alle principali directory di contenuti.

Revisione dei contenuti e della loro presentazione in base a specifiche tecniche editoriali di marketing, inserimento di script (per la web analytics) per la gestione delle visite e acquisizione dati di accesso.

Tecnologie/conoscenze da usare:

  • Xhtml;
  • Css;
  • Strumenti di web marketing di google (Analytics, AdSense, AdWords, etc…);
  • Tecniche e regole editoriali per la pubblicazione di contenuti on line;
  • Tecniche e regole di scrittura su web;
  • Strumenti di Marketing on line.

7. Servizi Web 2.0 in rete

Apertura di vari account sui principali servizi on line web 2.0 che creino strumenti multimediali per l’applicazione e siano anche da strumenti di marketing on line.

Tecnologie/conoscenze da usare:

  • Teoria e gestione dei Feed/RSS;
  • Metodi di aggregazione informazioni;
  • Xhtml;
  • Css;
  • Plugin di WordPress per la comunicazione e pubblicazione automatica di contenuti;
  • Interazione con WordPress di questi strumenti;
  • Gestione degli account principali su: Flickr, Delicious, Mogulus, OkNotizie, Digg, YouTube, Google, Twitter, Wikio, etc…

8. Scrittura dei contenuti/Monitoraggio

Fase di uso e monitoraggio del prodotto per portarlo al suo regime di uso.
Controllo degli accessi.
Controllo della rispondenza dell’applicazione alle richieste del committente e all’attenzione degli utenti.

A questa lunga lista di specifiche così dettagliate, vuoi aggiungere qualcosa?

Quale sarebbero secondo te, i punti 9 e 10 per ottenere una lista esaustiva per per realizzare un’applicazione web in stile blog, magazine o semplice sito web utilizzando WordPress?

;