Slide area riservata

28
WPDAY 2013

Transcript of Slide area riservata

Page 1: Slide area riservata

WPDAY 2013

Page 2: Slide area riservata

Log-In PersonalizzatoOgni Utente (Precedentemente iscritto dall' amministratore) inserendo User e Password visualizzerà dei contenuti (Post) privati.

MediaI contenuti privati (Post) potranno includere file multimediali: Immagini, Testi, Video, Documenti .Pdf [...]

Fuzionalità che avrà l'Area Riservata(Step 1)

Page 3: Slide area riservata

Strumenti che utilizzeremo (Messi a disposizione da Wordpress)

Custom Post TypeCi permettono di definire un contenuto custom secondo le nostre esigenze

Content VisibilityPermette di controllarela visibilità di un contenuto

- Pubblico- Protetto da password- Privato

CV

CPT

+

Page 4: Slide area riservata

Approccio per relizzare L'Area Riservata (Senza Plug-In)

Page 5: Slide area riservata

Definiamo il Custom Post Type (file functions.php)

Array $LabelsDefiniamo il nome del post type e le relative voci che appariranno nel menù

Array $argsDefiniamo la posizione nel menu e cosa supporterà il post type:

-Titolo -Testo -Immagine in evidenza

Page 6: Slide area riservata

Definiamo il Custom Post Type (risultato nel back-end)

Page 7: Slide area riservata

Impostiamo i contenuti come privati (file functions.php)

Funzione force_type_privateSe il post type è “area riservata” imposta il post come privato

(se non è nel cestino)

add_filter Indichiamo a Wordpress di utilizzare la funzione appena scritta filtrando i post

Page 8: Slide area riservata

Definiamo il Custom Post Type (risultato nel back-end)

Page 9: Slide area riservata

Visualizziamo i post privati in una pagina custom(file areariservata.php)

1) Definiano il template pagina “Area Riservata”

2) Se l'utente è loggato mostriamo un messaggio di benvenuto e i post privati (tramite loop)

3) Altrimenti mostriamo il form per loggarsi

Page 10: Slide area riservata

Di Default i contenuti privati possono essere visti da utenti di tipo:

- Amministratore- Editore

(Questa tipologia di utenti può effettuare molte operazioni nel backend)

Grazie ad add_cap rendiamo i contenuti privati visibili da utenti di tipo:

- Sottoscrittore

(Questa tipologia di utente può effettuare poche operazioni)

Rendiamo i contenuti visibili agli utenti Sottoscrittori (file functions.php)

Page 11: Slide area riservata

L'Area riservata in azione(risultato nel front-end)

Page 12: Slide area riservata

L'Area riservata in azione(risultato nel front-end)

Page 13: Slide area riservata

clean_title sostituisce la parola “Privato:” nel titolo con “-”

Impostiamo la topbar di Wordpress visibile solo per l'utente Admin

Ultimi ritocchi (file functions.php)

Page 14: Slide area riservata

L'Area riservata in azione(risultato nel front-end)

Page 15: Slide area riservata

Esempio con Scenario Applicativo(sito di un amministratore di condominio)

11 dicembre 2012, è stata approvata ed introdotta una nuova legge (la n. 220)

Entrata in vigore 18 Giungo 2013

Disciplina gli edifici condominiali.

La n. 220 Rende disponibile la realizzazione di un Sito Web condominiale, dove si possano scaricare e visualizzare documenti (in una area privata) come:

- Verbali delle assemblee condominiali- Pagamenti ed imposte;- Conteggi per gli interventi e suddivisione delle spese condominiali;- Programmazione per la manutenzione degli impianti e degli spazi comuni;

Con la conseguente diminuzione di comunicazioni cartacee e vantaggi in termini di tempo e denaro

Page 16: Slide area riservata

Log-In con contenuti UnivociOgni Utente inserendo User e Password visualizzerà contenuti (Post) privati destinati solo a lui.

(Quando un contenuto viene pubblicato viene scelto a che utente renderlo visibile)

L'Admin (Amministratore) vedrà i contenuti di tutti gli utenti.

Possibilità di commenti: una volta loggati i contenuti privati potranno essere commentati

Funzionalità aggiuntive(Step 2)

Page 17: Slide area riservata

Strumenti che utilizzeremo (Messi a disposizione da Wordpress)

Custom Post TypeContent Visibility(Step1)

CVCPT

+

CMB

CV

Custom Meta BoxPermettono di gestire dei dati custom associati al nostro post.

Nel nostro caso permetterà di associare un utente (dall'elenco di tutti i sottoscrittori) al post

Page 18: Slide area riservata

Approccio per realizzare L'Area Riservata Contenuti diversi per ogni utente

Page 19: Slide area riservata

Definiamo il MetaBox (file functions.php)

add_meta_boxDefiniamo il MetaBox “User Select”

Wp_User_QueryRichiamiamo tutti gli utenti “Sottoscrittore”

"<select name='users'>" [...]Inseriamo gli utenti in una select.

function save_userlist()Il valore impostato nella select è salvato nel custom field 'users'

Page 20: Slide area riservata

Definiamo il MetaBox (risultato nel back-end)

Page 21: Slide area riservata

Abilitiamo i commenti nel Custom Post Type (file functions.php)

'supports' => array(...Aggiungiamo la possibilità di commentare i post type

N.B.Se il post type è già stato registrato, occorre deselezionare, salvare e riselezionare la voce:

Consenti la scrittura di commenti per i nuovi articoli

Nel pannello: impostazioni → discussione

Page 22: Slide area riservata

Abilitiamo i commenti nel Custom Post Type (risultato nel back-end)

Page 23: Slide area riservata

Visualizziamo i post privati in una pagina custom(file areariservata.php)

1) Se l'utente è loggato mostriamo un messaggio di benvenuto

Se i due id utente sonouguali mostro il post

2) Se l'utente è l'admin mostro tutti i post, altrimenti, confronto graziemeta_compare l'utente assegnato nel custom field con quello loggato

Page 24: Slide area riservata

L'Area riservata in azione(risultato nel front-end)

Page 25: Slide area riservata

L'Area riservata in azione(risultato nel front-end)

Page 26: Slide area riservata

L'Area riservata in azione(risultato nel front-end)

Page 27: Slide area riservata

Esempio con Scenario Applicativo(sito di un produttore di macchine industriali)

Produttore di macchine industriali vuole effettuare assistenza tramite area riservata

Ogni cliente avrà la sua area risevata

Per ogni macchina venduta a un cliente creeremo un post (associato all'utente) con:

- Foto del macchinario- Descrizione con dati significativi- Schema tecnico .pdf- Possibilità di aprire un ticket (utilizzando i commenti del post)

Con la diminuzione di comunicazioni telefoniche e perdite di tempo per invio di schemi/dati sul prodotto

Page 28: Slide area riservata

Conclusioni e Download

Altri esempi applicativi:- Siti per Scuole/Istituti- Siti per Enti Sanitari- Siti per Agenzie

Il sitema è realizzato Senza Plug-In

Download:

marchettidesign.net/areariservata