Introduzione
Impara i concetti base, per iniziare a sviluppare con Webflow.
La Dashboard in Webflow
ENTRIAMO IN PIATTAFORMA
La Dashboard di Webflow è la sezione dove tutto ha inizio. In questa sezione possiamo gestire tutti i siti web che abbiamo creato in precedenza e crearne di nuovi.
Inoltre, per ogni singolo sito web (o Project, come lo chiama Webflow) possiamo accedere alle funzionalità Designer, CMS e Project Setting. Queste 3 funzionalità di Webflow le affronteremo nelle lezioni successive.
Ogni qualvolta accediamo alla piattaforma (dopo esserci registrati) saremo catapultati all'interno della Dashboard.
Questa sezione, quindi, è molto importante per avere una visione dall'alto di tutti i progetti attivi o che stiamo sviluppando in quel momento.
All'interno della Dashboard potrai:
- Creare nuovi siti web
- Accedere a tutti i siti web
- Ricercare i siti web attraverso la barra di ricerca
- Creare cartelle per ordinare i siti web
- Gestire Workspace (account e team)
- Modificare le impostazioni dell’account
- Accedere al tutorial
Schermata principale Dashboard
Iniziamo a prendere confidenza con le principali funzionalità che troviamo nella Dashboard.
Creare nuovi siti web
Con questo bottone possiamo iniziare a creare i nostri siti web. Vediamo assieme i passaggi che portano alla creazione del nostro sito web:
Una volta cliccato sul tasto “+ New Site” comparirà una nuova schermata che ci permetterà di:
- iniziare a lavorare ad un sito web totalmente vergine (opzione blank site)
- scegliere template preimpostati: template con una struttura semplice già impostata.
- scegliere template già creati da altri utenti (gratuiti o pagamento)
- vedere i template che abbiamo reso pubblici (condivisi con altri utenti)
Una volta selezionato il template saremo reindirizzati al Designer dove potremo iniziare con lo sviluppo del nostro sito web.
Accedere ai siti web
Come già anticipato nei paragrafi precedenti, la Dashboard è dove troviamo l’elenco dei siti web a cui stiamo lavorando.
Sono mostrati nel centro pagina in maniera semplice e ordinata sotto forma di quadrati ed ognuno di essi è un sito web a sé.
Per poter modificare il nostro sito web, basterà cliccare nel riquadro del sito web desiderato.
Una volta cliccato saremo catapultati nel Designer (ne parliamo nella lezione successiva) dove potremo apportare i cambiamenti desiderati al sito web.
(Se avete appena creato il vostro account, tutto ciò chiaramente non sarà visibile)
3 elementi importanti da notare nel riquadro di ogni sito web sono:
- Il razzetto verde o grigio:
questo razzo ci indica se il sito web è live o no. Se verde il sito web è live, se grigio è ancora da pubblicare.
- Il riquadro viola con l’indicazione del piano attivo in quel momento:
indica quale tipologia di hosting, o piano come lo chiama Webflow, abbiamo attivo nel sito web di riferimento.
Nell’esempio dello screenshot in basso:
- nel sito web “webflowfacile.it”, è attivo il piano CMS
- nel sito “01. Test”, è attivo il piano Starter (gratuito)
- I 3 puntini nel lato destro (quadratino giallo) con la quale potremo:
- eliminare il sito web
- duplicarlo
- spostarlo in una cartella
- condividerlo
- accedere all’Editor
- accedere alle impostazioni del sito web (project settings)
Barra di ricerca
La barra di ricerca ci torna utile nel caso abbiamo molti progetti. Grazie alla barra possiamo digitare le parole chiavi con le quali abbiamo rinominato il nostro sito web e trovare rapidamente i nostri siti web.
Creazione cartelle
In alto a destra troviamo il bottone per creare una nuova cartella. Grazie a questo bottone nella parte alta-destra della schermata, possiamo creare una cartella. Dopo aver cliccato, potremo rinominare la cartella e creare la nuova cartella cliccando su “Create folder”. Nella Dashboard apparirà la nostra nuova cartella:
Dopo aver creato la nostra nuova cartella potremo spostare i nostri siti web al proprio interno, attraverso i 3 puntini che troviamo nel riquadro del sito web e cliccando su “Move to folder”:
Gestione Workspace
Partiamo dal menù a tendina che troviamo in alto a SX.
In questo menù troviamo visualizzato il nome dell’account con la quale ci siamo loggati in Webflow, possiamo accedere ai diversi Workspace in cui siamo presenti, e crearne di nuovi.
I Workspace permettono agli utenti di decidere chi deve collaborare a un determinato sito web.
Possiamo avere dei Workspace in cui sono presenti solamente sviluppatori dello stesso team, oppure sviluppatori più il cliente, freelance, etc.
Impostazioni dell’account
Spostandosi alla destra del menù a tendina, troviamo il bottone per le impostazioni dell’account.
⚠️ É molto importante non confondere le impostazioni dei workspace con le impostazioni dell’account e quelle dei nostri siti web (Project Settings).
Sono 3 impostazioni diverse.
Dobbiamo tenere a mente che ogni sito web alla quale stiamo lavorando ha le proprie impostazioni dalla quale possiamo gestire Hosting, SEO, etc.
Le impostazioni dell’account fanno riferimento al solo account e non fanno riferimento ai siti web.
Ordinamento
Questo menù a tendina permette di ordinare i nostri siti web, presenti nella Dashboard per:
- Data di creazione
- Ordine alfabetico
- Ultima modifica
Tutorial
Questa sezione può esserci di aiuto se siamo nuovi in Webflow e non sappiamo dove mettere mano.
Webflow ci lascia alcuni tutorial che possono essere di supporto qualora fossimo nuovi nella piattaforma. I contenuti forniti da Webflow sono in inglese.
Nella lezione successiva vedremo un altro strumento molto importante di Webflow: il Designer. É il luogo dove avviene la magia, dove possiamo dare vita ai nostri siti web.
Per andare alla lezione successiva clicca nel bottone in basso.
LEZIONE PRECEDENTE
LEZIONE SUCCESSIVA