News

Scrivere su uBC for Dummies

di
La Redazione
pubblicato
04.02.2017
lettura
15 minuti
in questa pagina · 20 sezioni
  1. Login
  2. Ruoli
  3. Gestione articoli
  4. Inserire articolo.
  5. Salvare e pubblicare
  6. Modificare articolo
  7. Inserire Citazioni
  8. Inserire Citazioni a Destra (avanzato)
  9. Inserire collegamenti
  10. Caricare immagini
  11. Inserire immagine in evidenza
  12. Inserire immagini nell'articolo
  13. Modificare immagini inserite
  14. Tag
  15. Categorie
  16. Descrizione o riassunto
  17. YOAST SEO
  18. YOAST SEO - SOCIAL
  19. Articoli su Elementor
  20. Short Review

Login

Effettuare il login all'indirizzo magazineubcfumetti.com/wp-login.php . Solo Collaboratori, Autori, Editori e Amministratori possono scrivere articoli.

Ruoli

Autore: può creare i suoi articoli e pubblicarli. Editore: può creare gli articoli, pubblicarli e modificarli anche se non suoi. Amministratori: possono fare quanto sopra e in più, potenzialmente, distruggere tutto!

Gestione articoli

Effettuato il login, a seconda del ruolo, si visualizzerà la "Bacheca". Sul lato sinistro sarà presente il menù della bacheca. Selezionando "Articoli" apparirà la lista degli articoli su cui si ha competenza.

Inserire articolo.

Facile: clickare su "aggiungi nuovo". Si aprirà l'editor articoli, come quello nell'immagine qui sotto.

In alternativa si può duplicare un articolo esistente. Sarà sufficiente andare nella schermata "tutti gli articoli", trovare l'articolo interessato, e cliccare su "duplica" nel menu rapido presente sotto il titolo.

Suggeriamo di utilizzare questa modalità quando si sta andando a scrivere un articolo simile ad uno già esistente così da conservare i tag, le categorie etc.

Ovviamente fate attenzione, in questo caso, a modificare tutte le sezioni precompilate con le info dell'articolo precedente.

Il font predefinito per gli articoli è il ROBOTO. Verificate, selezionando tutto il testo che avete scritto, che non sia cambiato per un qualche motivo. Nel caso, selezionando tutto appunto, potete andare nella tendina in alto e selezionare Roboto dall'elenco.

Salvare e pubblicare


Nella colonna di destra la prima finestra di opzioni gestisce il salvataggio e lo stato dell'articolo.
Appena creato, l'articolo è in stato di "bozza". Sarà quindi visibile il tasto "Salva bozza" ed il tasto "Anteprima" (che apre l'articolo in una scheda nuova e permette di verificarne l'aspetto).

Si consiglia, ovviamente, di salvare il più spesso possibile anche se la modalità "salvataggio automatico" è sempre attiva. In fondo all'articolo troverete anche l'elenco dei salvataggi. Cliccandoci troverete la comparazione prima/dopo e, se necessario, potrete anche ripristinare una versione precedente.

Una volta completato l'inserimento, l'articolo è pronto per la pubblicazione. La pubblicazione può essere effettuata dall'autore, ma NON FATELO. Si consiglia prima di chiedere una rilettura dell'articolo e di lasciare che siano gli editori ad impostarne la pubblicazione. Quindi dovrete impostare l'articolo come "in attesa di revisione" dal menù a tendina. 

Una volta pubblicato, l'articolo può essere ancora modificato dall'autore e salvato grazie al tasto "Aggiorna". Questo è consigliato sopratutto nel caso si scoprano refusi sfuggiti alla rilettura o Tag non inseriti o scorretti.

Meglio invece discutere insieme l'opportunità di qualsiasi altra modifica.

Modificare articolo


Assumiamo che un redattore abbia un minimo di conoscenza degli editor di testo, quindi ci soffermeremo su alcune indicazioni "specialistiche".
Sottotitolo: se si vuole inserire un sottotitolo al proprio articolo, utilizzare l'opzione Titolo 3 (h3). 
Interlinea standard:
l'interlinea standard è "doppia", questo significa che ogni volta che si va a capo con "invio", viene preso lo spazio di una riga. Se si vuole tenere il testo di un paragrafo più compatto, usare la combinazione "tasto maiuscolo (shift)"+"invio(enter)".

Inserire Citazioni


Le citazioni possono essere inserite utilizzando il tasto " apposito.

La citazione verrà messa a sinistra della prima riga successiva al testo della citazione.

“Questa è una citazione!”


Verificate sempre in "anteprima" se il risultato vi soddisfa e nel caso andate a capo per creare il giusto spazio e modificate la grandezza del font.

Inserire Citazioni a Destra (avanzato)


“Citazione a destra”


E' anche possibile inserire la citazione a destra, ma richiede un minimo di fatica in più.

  1. Inserite la citazione normalmente

  2. Nella parte alta dell'editor attivate la visualizzazione "Testo"


  • Nell'HTML della pagina cercate il tag <blockquote>corrispondente con la vostra citazione ed aggiungete il seguente codice class="right"


  • Inserire collegamenti

    Per inserire un collegamento, selezionare il testo che si intende associare al link e premere il tasto "inserisci/modifica link"

    Apparirà l'interfaccia di inserimento del link.

    E' importante ricordarsi, assieme l'inserimento del collegamento, di selezionare la funzione "opzioni link" e marcare la casella "Apri il link in una nuova scheda" nella finestra che si apre

    Nota bene: se si dimentica qualche passaggio, clickando sul collegamento inserito dalla schermata di edit, si aprirà il menù da cui è possibile selezionare l'opzione di modifica

    o quella di rimozione del collegamento



    Caricare immagini


    Prima di inserire una immagine è necessario caricarla nella libreria media: trattiamo questa operazione separatamente, anche se è sempre accessibile durante l'operazione di inserimento immagini.

    Clickare sul link "media" nella barra di sinistra. Si aprirà la libreria media. La visualizzazione può essere ad elenco o come bacheca anteprime. La visualizzazione si può cambiare con i tasti presenti nella fascia in alto a sinistra.

    Clickare sul tasto "Aggiungi nuovo", si aprirà lo spazio di inserimento media in cui si può:


    • trascinare il file che si intende caricare dalla cartella in cui si trova sul proprio computer;

    • clickare su Seleziona File, che aprirà il gestore file che normalmente utilizzate per trovare il file da caricare;


    Una volta completato il caricamento, il file apparirà nella libreria media e potrà essere utilizzato.

    Ti preghiamo di inserire immagini di peso max 1 MB (un megabyte) salvo rare eccezioni.
    Primo per non riempire il server di immagini pesanti (e quindi pesare sui futuri costi di gestione) e secondo per rendere l'articolo agile per tutti i tipi di connessioni e dispositivi.

    Nota bene: se per qualsiasi motivo si vuole sostituire l'immagine caricata, meglio rimuovere l'immagine e caricare l'immagine sostituta con un nome diverso (usare un numero o altro). L'eliminazione definitiva infatti non sembra funzionare benissimo e, spesso, se immagine originale e immagine sostituta hanno lo stesso nome, il sistema sostituisce l'immagine originale alla sostituta.

    In alternativa, andando nella sezione "Media" potete cercare l'immagine che volete sostituire e cliccare su "sostituisci immagine". L'opzione è presente nel menù veloce sotto il nome dellimmagine.

    Inserire immagine in evidenza


    Per ogni articolo è necessario impostare almeno una "Immagine in evidenza" che fungerà da banner dell'articolo sia in intestazione d'articolo, sia nella lista, che nello slider di prima pagina. Solitamente se ne occupa la direzione del sito. Potete farlo in autonomia o inviare una immagine di riferimento a Marco o Pasquale.
    Questa immagine deve avere un rapporto tra larghezza ed altezza pari a 1.8 (circa).
    Le copertine hanno una dimensione di (1560x1040 px), ma è stato provato che vanno bene anche altri dimensionamenti, purché sempre con la medesima ratio.

    Una volta dimensionata l'immagine, clickare sul link "Imposta immagine in evidenza" che troverete scorrendo la colonna laterale destra fino in fondo.
    Si aprirà una versione "semplificata" della libreria media da cui potrete selezionare l'immagine che vi interessa (apparirà un segno di spunta a lato) ed impostare nella scheda a destra le proprietà dell'immagine.

    È anche possibile modificare l'immagine (non consigliato: meglio sempre caricare immagini già delle dimensioni che vogliamo) ed eliminarla definitivamente.

    Con il tasto blu in basso a destra, si conferma l'inserimento, a quel punto una miniatura dell'immagine apparirà nello spazio "immagine in evidenza" dove prima c'era il link.

    Si noti che anche dalla schermata "semplificata" della libreria è possibile accedere alla opzione "carica file" come scorciatoia alla operazione di caricamento immagini già descritta.

    ATTENZIONE: a seconda della tipologia di articoli (recensioni, short review e rubriche) abbiamo ormai raggiunto degli standard per le copertine. Quindi, senza perderci la testa, potete inviare una mail a [email protected] che sarà felice di occuparsene.
    Ma, se proprio volete, per le cover degli articoli, l'unica regola, oltre al formato 1560x1040 px, è il posizionamento del loghino di uBC, che deve essere sempre nella stessa posizione e della stessa dimensione. Per realizzarla potete utilizzare QUESTO TEMPLATE

    Se non avete la possibilità di utilizzare Photoshop c'è questa variante gratuita utilizzabile da browser: Photopea.

    Per le Short Review invece, vi rimandiamo alla sezione che trovate sotto.

    Inserire immagini nell'articolo


    Utilizzando le miniature, non ci sono teoricamente limiti alla dimensione (se non il limite di 1MB per immagine), occorre però tenere presenti le possibili modalità di visualizzazione.
    Allo stato attuale riteniamo che la maggior parte dei dispositivi dovrebbe visualizzare correttamente e senza scorrere un'immagine di 800px di altezza.

    Prima di inserire l'immagine, quindi, ridimensionarla almeno all'altezza consigliata.

    Per inserire l'immagine, posizionarsi alla riga a cui la si vuole inserire e poi clickare sul tasto "Aggiungi media" in alto nella schermata dell'editor.
    Si aprirà la versione semplificata della libreria media, da cui selezionare l'immagine.

    È possibile completare i campi della scheda proprietà (a destra):


    • Titolo immagine

    • Didascalia

    • Testo alternativo (viene utilizzato quando, per qualsiasi motivo, l'immagine non carica: può essere copia del titolo o della didascalia).


    È altrettanto importante verificare che le Impostazioni visualizzazione allegati (in basso a destra) abbiano la voce  "link a" impostata a "File Media". Altrimenti la gestione del pop-up non funzionerà.
    Le altre opzioni sono a discrezione.

    Modificare immagini inserite


    Nel caso si voglia modificare un'immagine inserita per ovviare ad una qualsiasi dimenticanza/refuso/ripensamento, basta clickare sull'immagine nell'editor e apparirà il menù di modifica.

    Tra le opzioni del menù abbiamo, partendo da sinistra:


    • Allinea a sinistra con testo a lato

    • Allinea centralmente con testo sopra e sotto

    • Allinea a destra con testo a lato

    • Allinea a sinistra con testo sopra e sotto

    • Apri finestra di modifica

    • Rimuovi immagine


    Aprendo la finestra di modifica si vedranno le proprietà dell'immagine, tra cui didascalia, testo alternativo, dimensione e "link a", che sono quelle che maggiormente utilizzeremo.

    Tag


    Ad ogni articolo vanno associati dei tag per renderne più facile il recupero e l'associazione ad articoli che abbiano argomenti in comune. I tag possono essere inseriti tramite il selettore dei Tag nella colonna di destra, scorrendo verso il basso.

    È importante, per evitare dispersione, utilizzare il più possibile tag "comuni", per cui come prima cosa aprire nel selettore tag la lista "Scegli tag fra quelli più utilizzati" che permetterà, clickando sul tag, di inserirlo (apparirà sotto il tasto aggiungi).
    Nel caso il tag non esista è possibile inserirlo nella casella e poi clickare aggiungi. È possibile aggiungere più tag insieme separando ogni tag con una virgola. Si noti che un tag può essere qualsiasi testo, quindi anche nome e cognome o frasi (non consigliato a meno che non concordiamo sul fatto che può essere divertente), purché nel testo non compaia punteggiatura.

    È obbligatorio inserire come tag:


    • Editore

    • Autore (nome e cognome e/o pseudonimo)


    Sono opzionali ma possono agevolare le ricerche:

    • Nome del personaggio se è una "star" di fama internazionale: da Tex a Superman a Ken il Guerriero

    • Autori nominati nel testo

    • Fumetti citati nel testo


    Per rimuovere un tag è sufficiente clickare sulla "x" a fianco del tag nella lista dei tag inseriti che appare sotto il tasto "Aggiungi".

    Si noti che i tag non vengono associati all'articolo fino a che non viene salvato l'articolo.

    Categorie


    Ogni articolo viene associato ad una "categoria".
    Se ne occupa in fase di revisione il revisore ma potete ugualmente segnare le vostre intenzioni.

    Per associare un articolo ad una categoria è sufficiente selezionare la categoria corrispondente nella visualizzazione categorie della colonna a lato.


    Descrizione o riassunto


    Per la corretta visualizzazione dell'articolo nelle pagine dei numeri, occorre inserire una descrizione o riassunto. Per poter inserire il riassunto bisogna attivare l'opzione apposita nella schermata di modifica articoli.
    In alto a destra clickate sul menù a tendina "Impostazioni Schermata", si aprirà la tendina impostazioni da cui potrete marcare la casella "Riassunto"

    Questa operazione è necessario farla una volta sola, da quel momento in poi il campo riassunto sarà sempre attivo.

    La lunghezza massima del riassunto è 90 caratteri.

    YOAST SEO


    Una volta completato l'articolo potete ultimare il tutto curando la sezione SEO che trovate in fondo all'articolo.

    Dovete inserire una frase chiave ed una meta descrizione. Queste informazioni servono a google per indicizzare l'articolo. Quindi NON dovete essere artistici o criptici. Ma tecnico tattici. Riportare quindi, ad esempio:


    • il none del fumetto e l'autore nella frase chiave e nella meta descrizione.

    • Nella meta descrizione poi aggiungete altri dettagli come la tipologia fi articolo (recensione, approfondimento, cronologia, etc.) ed altre info sul fumetto (casa editrice, etc.)


    Una volta inserite queste informazioni, il faccino da rosso diventerà arancione o verde
    Potrebbe rimanere anche rosso però. E di solito non è una buona cosa :D
    Per capire cosa e come sistemare per arrivare, almeno, al faccino arancione potete aprire il menù a tendina Analisi SEO.

    Vi compariranno le indicazioni logico/tecniche per ottimizzare il SEO. Provate, se lo ritenete opportuno, a seguire queste indicazioni. Vi anticipo però che noi, per nostra natura, sfuggiamo a queste regole logico/tecniche nel 90% dei nostri articoli e quindi vi sarà molto difficile rispettarle e seguirle pedissequamente. Limitatevi, magari, a quelle più semplici ed immediate.
    Diciamo che un faccino arancione è un buon risultato.

    YOAST SEO - SOCIAL


    Ultimo passo è quello di editare l'aspetto social dell'articolo. Sempre nella sezione YOAST SEO spostatevi sul tab Social.


    Immagine Facebook e Immagine Twitter: inserire la copertina dell'articolo
    Titolo Facebook e Titolo Twitter: inserire il titolo dell'articolo
    Descrizione Facebook e Descrizione Twitter: Inserire il riassunto

    Articoli su Elementor


    Ultimamente stiamo implementando l'impaginazione di articoli tramite Elementor.
    Questo sistema permette una migliore fruibilità degli articoli, in particolare su mobile.
    Le statistiche degli accessi al sito evidenziano infatti, nell'ultimo anno, un enorme aumento in percentuale delle visite da smartphone.
    Per migliorare quindi l'user experience e la frequenza di rimbalzo sarebbe utile, man mano, spostarsi completamente su elementor ed abbandonare il classico editor.

    Queste le semplici istruzioni da seguire:


    Accedendo al sito come descritto sopra dovrete, anche in questo caso, cliccare su "Aggiungi nuovo".
    In alternativa potete duplicare un articolo simile già editato su elementor, ma per la prima volta vi consigliamo di seguire passo per passo le indicazioni che seguono per cominciare da zero. Dalla prossima volta duplicate questo vostro primo articolo e procedere semplicemente a modificarlo.

    Anche in questo caso, come per la modalità classica, sarà necessario compilare tutti i dati: Titolo, riassunto, YOAST SEO e SOCIAL, tag, categorie, copertina, etc.
    Una volta fatto salvate la bozza e cliccate su "Modifica con Elementor".

    Vi si aprirà questa schermata:

    cliccate sul tasto + che vedete cerchiato in rosso per aggiungere lo slot per i moduli.

    qui potete scegliere la struttura del vostro modulo.
    Solitamente le strutture che più vi potrebbero servire sono quella singola (la prima) e quelle a due con una delle due più piccole (la quinta o la sesta).
    Poniamo il caso che scegliate la quinta o la sesta contando da sinistra.

    vi comparirà la vostra bella struttura vuota, pronta ad ospitare gli elementi che vi servono.
    Senza complicarvi troppo la vita, almeno in questa vostre prime esperienze, magari utilizzate solo gli elementi "immagine" e "Editor di testo".
    Vi sarà sufficiente prenderli e trascinarli nelle sezioni appena create per averli a vostra disposizione.

    Vi si configurerà una roba di questo tipo:

    Ora potete modificare e personalizzare queste due sezioni.

    Cominciamo dall'elemento immagine: cliccateci sopra vi si aprirà l'editor sulla sinistra

    cliccando sullo spazio evidenziato in rosso potete inserire l'immagine come da prassi.
    cliccando sullo spazio evidenziato in giallo potete inserire la didascalia e potete scegliere l'opzione "file media" per far ingrandire l'immagine quando l'utente ci clicca o l'opzione "URL personalizzato" se volete che, cliccando sull'immagine, si apra un apposito link esterno

    Passiamo adesso all'elemento testo: cliccateci sopra e vi si aprirà l'editor sulla sinistra

    dovrete modificare il testo agendo in questo spazio di sinistra e NON nella preview dell'articolo sulla destra.
    A meno che non siate sgamati e molto a vostro agio con l'html lavorate nel tab "Visuale" e NON in quello "testo".
    Di default il colore del testo è grigio (prima o poi cambierò questa impostazione), per farlo diventare nero spostatevi su "Stile", "Colore del testo" e selezionate il nero col cursore.

    Tornate su "contenuto" per continuare a modificare e proseguite, in questo box di sinistra, come fareste in un normale editor di testo.

    Quando il testo avrà ormai superato la lunghezza dell'immagine di almeno un paragrafo potete ripetere l'operazione creando un nuovo blocco.
    Per far ciò vi basterà andare sui puntini in alto al blocco, cliccare col tasto destro e scegliere "duplica".

    Adesso dovrete solo modificare l'immagine ed il testo di questo nuovo blocco duplicato seguendo la stessa procedura precedente.

    Se non avete o non volete riempire l'articolo di immagini scegliete un blocco singolo (col tasto +) ed inserite solo l'elemento testo.
    Il resto dei procedimenti rimane invariato.

    Inoltre, se vi serve, potete spostare questi blocchi semplicemente andando sui soliti puntini in alto al blocco, cliccando e trascinando il blocco che vi interessa prima o dopo un altro blocco.

    Quando siete sufficientemente sodisfatti cliccate sul menù in alto:

    vi si aprirà un menù a tendina. Selezionate "Visualizza pagina" col tasto destro del mouse ed apritela in una nuova scheda.

    Se il risultato vi aggrada cliccate sulla freccettina in basso posizionata di fianco a "Pubblica" per aprire il piccolo menù a tendina.

    Cliccate su "Salva Bozza" e poi, sempre da menù in alto, dove avete cercato l'anteprima, troverete il tastino per uscire.

    NON cliccate MAI su "Pubblica"!

    Se per sbaglio pubblicate l'articolo senza volerlo contattate un amministratore.
    Non preoccupatevi troppo però, arriva una notifica ogni qual volta un articolo viene pubblicato, quindi in caso di errori dovremmo avere modo di intervenire abbastanza prontamente. Sempre se non è notte fonda...

    Se avete seguito tutti i passaggi sopra elencati il vostro articolo è bello che pronto!
    Avvisate un amministratore che avete finito e uscite dall'articolo permettendo ai revisori di poter intervenire per programmarlo.

    Short Review


    Discorso un tantino diverso dai normali articoli perché queste sono impaginate SOLO con Elementor.

    ATTENZIONE: Se è la vostra prima Short Review passate prima da un amministratore mandando il testo, il voto e le immagini a [email protected]

    Se non è la vostra prima short potete agilmente duplicare una vostra short review precedente cliccando sul tasto "duplica" che compare tra le opzioni visibili al passaggio del mouse sull'articolo nella sezione Articoli > Tutti gli articoli

    Prima di entrare nell'editor di Elementor abbiate cura di cambiare tutte le info precedenti (Titolo, riassunto, YOAST SEO e SOCIAL, tag, categorie, copertina, etc.).
    ATTENZIONE: non confondetevi, non modificate l'articolo nativo!

    Per le cover delle short potete utilizzare QUESTO TEMPLATE inserendo la cover del fumetto e modificando il colore di fondo.

    Se non avete la possibilità di utilizzare Photoshop c'è questa variante gratuita utilizzabile da browser: Photopea.

    Se non avete modo di produrre l'immagine di copertina inviate una mail a [email protected] e limitatevi SOLO ad eliminare la cover già presente nell'articolo duplicato.

    ATTENZIONE: Per le short review, a differenza dei normali articoli, è necessario inserire il riassunto anche nella sezione che vedete nell'immagine:


     

    Una volta cambiati Titolo, riassunto, YOAST SEO, tag, categorie, copertina, etc. salvate la bozza e cliccate sul tastone blu "Modifica con Elementor".
    Da qui dovrete semplicemente modificare il testo come già spiegato nella sezione precedente.


    Per qualsiasi dubbio contattate un amministratore.


    Buon divertimento.

    La Redazione

    La redazione può esistere o non esistere, ma non potrete mai verificarlo! Il gatto di Schrödinger ci spiccia casa!

    tutti i suoi articoli