Principi generali

Backend e frontend

Come sapete dall’installazione, TYPO3 ha due aspetti - il backend e il frontend. Mentre il frontend è visibile da tutti sul Web - è il sito generato da TYPO3 - solamente a voi e ai vostri contributi di contenuto è permesso accedere al backend - cioè all’amministrazione del sito. Uno username e una password sono sempre necessari.  

Moduli backend 

Nel backend vi sono molti moduli nel menu di sinistra. Quando volete modificare e creare delle pagine, selezionate il modulo “Pagina”: 

 

Ogni modulo ha un contenuto da mostrare. Poiché voi siete l’amministratore avete accesso a tutti i moduli. Ma gli utenti “normali” hanno accesso solo ai moduli che voi avete scelto per loro! 

Provate a cliccare sui vari moduli per vedere come il quadro cambia contenuto. 

Albero delle pagine (Pagetree)

L’intestazione “Web” nel menu è chiamata “modulo principale” e tutti i moduli inseriti sotto di essa sono dei “sotto-moduli”. Tutti i moduli sotto il modulo principale “Web” mostreranno una duplice vista nel frame contenuto - l’albero (sinistra #1) e il contenuto del modulo relativo a una pagina dell’albero (destra #2).

L’albero può essere esteso cliccando il più/meno delle icone (#3). Questo funziona esattamente come le cartelle sul vostro computer. In realtà potete paragonare l’albero delle pagine a una struttura di cartelle dove le pagine Web sono organizzate in una gerarchia con pagine principali, sotto-pagine, sotto-sotto-pagine, ecc.

 

Click su titolo e icone 

Un’altra cosa importante da sapere a proposito dell’albero delle pagine è che potete cliccare tanto sull’icona della pagina quanto sul titolo di pagina - ma c’è una differenza!

Se cliccate sul titolo della pagina vedrete che il modulo attuale mostra un certo contenuto nel frame di destra:

 

In questo caso il modulo “Pagina” è attivo e poi vedrete il contenuto della pagina comparire nel frame di destra. Da qui potete modificarlo. Ma su questo aspetto ci ritorneremo presto. 

 

Se cliccate sull’icona di pagina invece che sul titolo, appare un piccolo menu contestuale. Ci si riferirà a volte a questo come “click menu”:

Attenzione: se utilizzate browser più vecchi il menu non apparirà vicino all’icona, ma nel frame superiore del backend. Inoltre, siate pazienti, il menu potrebbe richiedere qualche secondo per apparire!

Nel menu contestuale potete scegliere le opzioni che sono riferite a questa pagina! Per la maggior parte di esse la loro funzione è evidente - provate a utilizzarle, se volete. Per questo esempio ho scelto “Show” che significa che avrei una nuova finestra del browser che si apre mostrando questa pagina specifica nel frontend:

 

Notate il modo con cui questa pagina viene mostrata eseguendo lo script  “.../quickstart/index.php?id=13” (#1). In TYPO3 ogni pagina è memorizzata nel database (in una tabella chiamata “pages”) e ciascuna di queste pagine - “records”, ha un numero univoco (uid). Qui il parametro chiamato “id” prende il valore “13” - e dovrebbe essere apparentemente l’uid della pagina chiamata “This week” nell’albero delle pagine!

Più avanti potrete vedere che il contenuto delle pagine (#2) è lo stesso, se l’avete notato, di quello nel frame di destra del modulo di Pagina quando si clicca sul titolo! Ci ritorneremo. 

Notate il titolo di pagina (#3) - qui c’è il titolo di pagina che abbiamo visto pubblicata (“This Week”) ma la pagina genitore nell’albero delle pagine - “Results” è anch’essa pubblicata. Ciò mostra la logica dell’albero delle pagine - “This week” è la sotto-pagina (figlio) della pagina “Results” (genitore).

L’ultima cosa da notare è il menu nel frame di sinistra. Esso riflette chiaramente la gerarchia che abbiamo visto anche nell’albero delle pagine: 

 

L’implementazione tecnica delle pagine genitori e figli 

È destinato alle persone che vogliono capire come l’albero delle pagine lavora tecnicamente nel database: 

Tecnicamente il rapporto tra una pagina e le sue sotto-pagine è stabilito dal campo chiamato “pid” (id genitore/id pagina) nella tabella “pages” nel database - il campo “pid” della pagina “This week” conterrà il valore dell’ “uid” della pagina chiamata “Results”.

E ora mantenete il mouse sull’icona di pagina “Results”, nel giro di un secondo vedrete apparire questo uid: 

 

Questo ci dice che la pagina “Results” ha l’uid “4”. Sappiamo che la pagina “This week” aveva l’uid “13” (e le pagine “Last week” e “Report results” hanno gli uid  “12” e “11”).

Se noi andiamo nel modulo “PhpMyAdmin” e scorriamo la tabella “pagine” (che contiene tutti i records delle pagine) dovremmo essere in grado di vedere facilmente questo rapporto: 

 

Chiaramente le tre sotto-pagine “Results” hanno per valore di pid “4” - come ci aspettavamo. 

Ora voi sapete che  

• Le pagine (e tutti i relativi records) sono identificate in modo univoco dal loro numero “uid” - a volte chiamato “id”. 

• Le pagine (e tutti i relativi records) puntano alla loro pagina genitore grazie al campo “pid”. 

Pagine speciali

Avete notato che alcune pagine dell’albero non compaiono nel menu del sito? Queste pagine sono le seguenti: 

 

Non presente nel menu 

La pagina “Log in” (#1) non è mostrata poiché essa è del tipo “Non presente nel menu” (“Not in menu”). È utile se volete creare una pagina che non deve comparire nel menu. Potete ugualmente aver accesso alla pagina creando un link manualmente - o scrivendo il suo numero d’identificazione nell’URL direttamente! 

Per impostare "Not in menu" selezionare “Edit page header” dal menu contestuale: 

 

Accesso riservato alla pagina 

La pagina “Team pages” (#2) non è visibili poiché ha un accesso riservato. Questo significa che non è visibile fino a quando un utente non si sarà collegato. Se ne parla più avanti in questo manuale. Ma in breve, modificate l'intestazione della pagina e scegliete il gruppo di utenti al quale volete permettere l'accesso:

 

SysFolders (Cartelle di sistema) - cosa sono? 

Infine, non sono visibili le due sedicenti “Cartelle di sistema” (#3). Create una “Cartella di sistema” (sysFolder) come avete creato una pagina “Not in menu” - scegliete semplicemente “sysFolder” come tipo di pagina (vedere più indietro). 

Ma questo cosa significa? Ebbene, per default le pagine create in TYPO3 contengono del contenuto web. Esse appaiono nel menu e possono avere un titolo nel 95% dei casi. Ma le pagine possono anche servire da semplici contenitori di elementi di database che non sono destinati ad essere mostrati. È a questo che servono le "Cartelle di sistema"! Usatele come le cartelle nel file system del vostro computer per immagazzinare files organizzati in maniera diversa. Nello stesso modo le "Cartelle di sistema" sono cartelle che organizzano elementi di database all’interno di TYPO3! 

In questo caso specifico la “Cartella di sistema” “Users” contiene gli utenti web che possono connettersi al sito. Potete vedere il contenuto della “Cartella di sistema” utilizzando il modulo “List” (che è l’ “Explorer” all’interno di TYPO3...): 

 

Scorciatoie (shortcuts) 

Oltre ai tipi di pagina che non sono mostrati nel menu vi sono anche due pagine misteriose con “un’icona di scorciatoia”: 

 

Una scorciatoia è una funzione che, se voi avete una pagina vuota (senza contenuto), salta semplicemente a un’altra pagina! È molto comoda se volete per esempio che il link appaia ancora nel menu! 

Nel nostro caso la pagina “Home” salta alla pagina di partenza e la pagina “Results” a “This week”. Provate voi stessi! 

 

Create delle scorciatoie modificando il tipo di pagina. Per la pagina “Home” avete: 

 

Utilizzate il Browser di Elementi per scegliere la pagina a cui volete riferirvi. Il Browser di Elementi è utilizzato per creare delle relazioni tra records e files nei forms di modifica di TYPO3. Potete leggere qui maggiori dettagli sul Navigatore di Elementi.

Per la pagina “Results” la scorciatoia (shortcut) è un po' più fantasiosa - poiché salta semplicemente alla prima sotto-pagina che trova! Nel nostro caso si tratta della pagina "This week": 

 

“Modo Scorciatoia” è una opzione secondaria del campo “Shortcut to page” - il che significa che è mostrata (nella palette in alto) solo quando selezionate “More options...” (vedi immagine precedente).

Aiuto sulla punta delle dita! 

Ora, che cosa permettono di fare tutti gli altri tipi di pagina? Potete scoprirlo direttamente se cliccate sull’icona “?” accanto al campo: 

 

 

Compare una finestra come questa: 

 

È chiamato Aiuto Contestuale e può essere aperta da quasi tutti gli elementi in TYPO3 quando avete bisogno di una certa informazione sulle loro funzioni! Utilizzatela! È facile e veloce da raggiungere quando lavorate all’interno del sistema!

Contenuto della pagina

Abbiamo esaminato l’albero delle pagine, ora vediamo come l’albero si riflette nella gerarchia del menu del sito web e come le pagine possono essere viste, ecc. 

Ora la domanda è - com’è organizzato il contenuto di una pagina? Rivediamo la pagina “This week”: 

 

Il contenuto della pagina è formato da tre elementi, qui numerati da 1 a 3. E poiché ciascun elemento di contenuto può avere un tipo differente, potete creare delle pagine con strutture molto flessibili! Nell’esempio, la pagina consiste in un elemento di contenuto di tipo “Testo”, poi vi sono due elementi di contenuto di tipo “Tabella”. 

Nota: TYPO3 - un CMS basato su elementi 

Questo metodo di costruzione di pagina è un concetto fondamentale nella maggior parte dei siti web creati con TYPO3. Altri CMS oggi utilizzano questo metodo di creazione di pagina. Questo fa di TYPO3 un CMS “basato sugli elementi”. Questo consente molta flessibilità e permette di costruire pagine in maniera ordinata - è uno degli obiettivi di un CMS! L’altro metodo è un approccio più determinato in cui una pagina ha un numero fisso di contenuti - per esempio uno per il titolo, il corpo e l’immagine. TYPO3 può fare anche questo (può fare tutto quello che volete) ma non è molto probabilmente il vostro scopo. Se avete qualche domanda riguardo all’implementazione professionale di template-designs, di elementi di contenuto, ecc. date un’occhiata se volete ai manuali chiamati "Modern Template Building", Part 1 e Part2+3. Tenete presente che questi documenti sono di un livello molto più complesso rispetto a quello di questo manuale e dovreste percorrere le tappe le une dopo le altre se siete principianti su TYPO3.

Ordine degli elementi di contenuto 

Bene, torniamo agli elementi di contenuto della pagina web, diamo uno sguardo al backend: 

 

Fate ora un confronto tra le viste del frontend e quelle del backend. Riuscite a vedere come gli elementi del backend siano chiaramente gli stessi di quelli del frontend? 

Provate a riorganizzare gli elementi del backend spostandoli verso l’alto: 

 

Questo riporterà questo elemento verso la cima: 

 

...e sulla pagina Web si ottiene questo: 

 

 

Pagina genitore degli elementi di contenuto 

Questa parte riguarda le persone che vogliono comprendere il lato tecnico degli elementi di contenuto e delle pagine: 

Vi ricordate che i records di pagina avevano un “pid” che indicava la loro pagina genitore? Ebbene, lo hanno anche i records degli elementi di contenuto di pagina - e tutti gli altri records di database configurati per il backend di TYPO3. Guardando di nuovo nel modulo PhpMyAdmin vediamo che i contenuti di pagine con uid 18-20 puntano tutti verso l’uid di pagina “13”, (l’uid della pagina "This week"): 

 

Ed è logico! 

 

Getting Started -

 

4 / 15