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:

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?

Ti è piaciuto questo articolo?

Ricevi continui aggiornamenti su come migliorare il tuo blog:

Scegli di seguire i post e le chicche di blographik (esclusiva ai soli iscritti), direttamente nella tua casella email.

Abbonati ora alla newsletter compilando questo form.

Nome:
Email:
 
 

Articoli correlati:

Se di tuo interesse, puoi consultare anche i seguenti post correlati:

4 Commenti

  1. 12 novembre 2008 alle 18:08 | Permalink

    Davvero una lista molto dettagliata… Non mi viene in mente nulla da aggiungere, ma penso che questo articolo sia utile anche a chi deve preparare un curriculum o comunque far presenti le proprie competenze. Lì per lì potrebbero non venirci in mente cose che in realtà sappiamo fare, no? Questo articolo può aiutarci a non trascurare nulla e a trovare anche le giuste parole per esprimere le nostre conoscenze.

  2. 12 novembre 2008 alle 21:12 | Permalink

    @Elisa: hai prorpio ragione, questo vademecum può essere utilizzato in svariati modi, per questo motivo ho chiesto anche il parere dei lettori di questo blog.
    Infatti, la tua esperienza mi ha suggerito un altro obiettivo di questa lista: oltre che per creare un eventuale preventivo per un cliente, oltre che per avere un documento che gestisca un team di lavoro, anche lo spunto per preparare un corriculum molto dettagliato delle esperienze acqusitite durante la propria carriera di blogger ;) .

    Sei stata molto utile e ti ringrazio per aver reso ancora migliore la qualità di questo post.

    Alla prossima discussione ;) .

  3. Enrico
    14 novembre 2008 alle 17:53 | Permalink

    Grazie Elisa, grazie Mirko…in effetti non sembra, ma non è semplice tenere a mente tutto quanto e solo dopo qualche progetto ben realizzato un Web Architect riesce a definire dei passaggi “metodici”.
    Spero la guida sia servita a chi ha dovuto presentare delle proposte o semplicemente chiarire la propria metodologia di sviluppo.

  4. 14 novembre 2008 alle 20:57 | Permalink

    @Enrico: ti ringrazio per aver condiviso con noi le tue conoscenze, la guida sarà sicuramente utile su diversi fronti ;) .

Commenta il post

La tua e-mail non sará mai resa di pubblico dominio.
I campi contrassegnati sono obbigatori *

*
*
blog comments powered by Disqus