Come modificare le pagine in WordPress: padroneggia l'editor di WordPress

Per modificare le pagine in WordPress, non è necessario essere molto tecnici: se hai esperienza con un editor di testo, lo troverai abbastanza semplice. Usa l'editor di WordPress sia per i post che per le pagine.

Vedi anche: Come modificare il nome di una pagina >

Gli esempi che ho usato qui sono nel sistema WordPress.org , ma WordPress.com è molto simile nel modo in cui le pagine vengono modificate. Il post sarà utile per i due.

AGGIORNARE. Questo post si riferisce all'editor classico di WordPress, non ai blocchi di WordPress alias l'editor di WordPress Glutenberg utilizzato dal 2018. Tuttavia, questo post sarà comunque utile per alcuni.

Diamo un'occhiata a cosa imparerai.

Alla fine di questo post, dovresti capire come formattare e modificare le pagine in WordPress:

• Modifica e salvataggio nell'area di amministrazione,
• visualizzazione delle modifiche sul front-end,
• e utilizzando gli strumenti di formattazione nell'editor di WordPress.

Prima di aggiornare qualsiasi articolo o pagina, esegui il backup del database di WordPress. Uso DB Migrate, un plug-in di backup e migrazione disponibile gratuitamente.

Di cosa hai bisogno per modificare le pagine in WordPress

• Un nome utente e una password WordPress dal tuo sviluppatore web.
• L'URL dell'area di amministrazione (noto anche come indirizzo web, o eventualmente link).

Una volta che li hai, accedi al tuo URL digitandolo nel browser o facendo clic sul collegamento.

Digita il nome utente e la password e premi Accedi . Arriverai alla dashboard di WordPress.

Visualizza il sito Web di WordPress in una nuova scheda

La prima cosa che faccio è aprire la parte pubblica del sito Web in una nuova scheda del browser. Ho quindi l'area di amministrazione (back-end) visibile in una scheda e lo spazio pubblico (front-end) visibile nell'altra. In questo modo posso passare dall'una all'altra.

Il modo più semplice per aprire il front-end del tuo sito Web WordPress in una nuova scheda è;

• Nell'area di amministrazione: passa il mouse sull'icona della casa, in alto a sinistra dello schermo.
• Dal menu a tendina, CLICCA DESTRO su 'Visita il sito'.
• Fare clic su "Apri collegamento in una nuova scheda". L'ho sottolineato in rosso qui sotto.

NB. Potrebbero esserci variazioni di parole a seconda del browser che stai utilizzando.

Ora sono aperte due schede del browser, il che significa che puoi passare da una all'altra.

Continua a modificare la pagina di WordPress in una scheda, utilizzando l'area di amministrazione.

Dall'altro, visualizzerai il front-end del tuo sito Web per controllare ogni modifica apportata.

Quando apporti modifiche e le salvi, puoi passare al front-end del sito. Premi il tasto F5 per aggiornare la pagina: questo richiede al browser di mostrare la versione aggiornata.

Modificare il contenuto della pagina in WordPress

Ora che hai impostato la tua area di lavoro, iniziamo nell'area di amministrazione. Qui troverai l'editor di WordPress.

Fare clic su PAGINE nel menu a sinistra. Le pagine all'interno del tuo sito sono elencate.

Ulteriori opzioni vengono visualizzate quando si passa con il mouse sul nome di una pagina.

EDIT ti porterà alla schermata di modifica completa.

QUICK EDIT ti permetterà di cambiare titolo, slug, data, privacy, genitore, ordine, modello e stato da questa schermata.

BIN invierà la pagina nel cestino. La pagina non sarà più visibile sul sito.

VIEW ti consente di vedere questa particolare pagina, la parte anteriore (o pubblica).

Per modificare una pagina, fai clic sulla prima opzione, MODIFICA. Oppure clicca sul nome della pagina.

Arriverai alla schermata di "modifica della pagina" di WordPress.

Modifica delle pagine nel tutorial di WordPress

Devo prima portare la tua attenzione sui temi e sui plugin all'interno di WordPress a volte personalizzare la schermata di "modifica della pagina".

Ad esempio, DIVI utilizza un'interfaccia chiamata DIVI Builder; Avada si chiama Fusion Builder.

Che versione stai usando?

L'ultimo editor di WordPress è il Block Editor di Gutenberg. Se la tua pagina è simile all'immagine qui sotto, stai utilizzando i blocchi: visita il mio post sull'editor dei blocchi.

Se l'editor di WordPress è simile all'immagine qui sotto, stai utilizzando l'editor WordPress classico.

Se non stai utilizzando un generatore personalizzato, possiamo iniziare.

Spiegazione delle icone dei pulsanti dell'editor di WordPress

Nell'editor classico, la prima icona del pulsante è l'icona TOOLBAR TOGGLE, una volta chiamata "lavello della cucina". Nell'immagine sopra, puoi vedere che è attivato perché è invertito.

L'icona della barra degli strumenti ha il seguente aspetto:

Questa icona del pulsante mostra o nasconde opzioni di formattazione aggiuntive. Tienilo attivato.

Formattazione del testo in WordPress

Come la maggior parte degli editor di WordPress, puoi evidenziare il testo e formattarlo.

Da sinistra a destra sulla barra di modifica principale sono:

B – rende il testo in grassetto o forte.
I – metto il testo evidenziato in corsivo.
ABC – questo aggiungerà una barratura al testo come per cancellarlo. Comodo per gli articoli venduti.

L'icona del pulsante per un elenco non ordinato in Web Talk, ma WordPress lo chiama elenco puntato. Usalo per creare elenchi. Per esempio:

• Questo è il primo punto.
• Questa è la seconda mozione d'ordine.

Alla fine di ogni riga, fai clic su Invio (o Invio) ogni volta che desideri un nuovo punto elenco.

Un suggerimento rapido: facendo clic su MAIUSC-INVIO si crea un'interruzione di riga, che è utile negli elenchi puntati, poiché è possibile scorrere una riga senza creare un nuovo punto elenco.

• Questo è il titolo del mio primo punto.
  Dico un po' di questo sotto premendo SHIFT-ENTER.
• Ora ho il mio secondo punto.
  Un po' su questo.

Per interrompere un elenco, premi Invio due volte dopo l'ultima riga. Oppure premi l'icona una seconda volta. WordPress tornerà ai paragrafi normali.

Il progettista del tuo sito web, o tema, potrebbe aver utilizzato CSS per definire lo stile degli elenchi. Non sei sempre in grado di cambiare lo stile nella schermata di modifica di WordPress.

Questa icona è l'elenco dei numeri, chiamato elenco ordinato nella lingua di Internet. Usalo allo stesso modo dell'elenco puntato sopra, tranne che l'elenco sarà numerato.

Le virgolette fanno rientrare una riga di testo. Di nuovo, il tema o gli sviluppatori web potrebbero averli stilizzati, quindi potresti non essere in grado di modellarli.

Il prossimo è la linea orizzontale. Usa la linea orizzontale per creare interruzioni in blocchi di testo. Il tema controlla gli stili. Quello sopra è lo stile predefinito: una linea grigia a 1 pixel.

Allineare i paragrafi in WordPress

Il layout per i paragrafi e le intestazioni è spesso impostato all'interno di un foglio di stile, rendendo questi pulsanti di allineamento un po' irregolari.

Tendo a lasciare che il foglio di stile governi i miei paragrafi, ma se aggiungo un'immagine, la allineo all'interno dell'editor di WordPress.

Fai clic su una riga di testo, quindi fai clic su uno strumento di allineamento: l'allineamento si applica a un intero paragrafo.

Molto spesso, il paragrafo seguente seguirà l'allineamento di quello sopra. Di solito, ciò accade quando è stata utilizzata un'interruzione di riga al posto dei tag "paragrafo". C'è una soluzione semplice.

• Posiziona il cursore alla fine del primo paragrafo.
• Ora premi DELETE (backspace) per tirare su il secondo paragrafo.
• Premi INVIO per finire un paragrafo e iniziarne uno nuovo.
• Due possono allinearsi separatamente.

Creazione e modifica di collegamenti in WordPress

L'icona del collegamento: sia il testo che le immagini possono collegarsi a pagine, articoli o un sito Web esterno.

Per collegare il testo in WordPress, assicurati di evidenziare prima il testo.

Un suggerimento rapido: fai doppio clic su una parola per evidenziare l'intera parola. Tieni premuto MAIUSC e fai clic sulla seconda parola per evidenziarla.

Ora fai clic sull'icona del tuo collegamento.

Se stai collegando a una pagina/post sul tuo sito, inizia a digitare il titolo.
NB. digita il TITLE della pagina, non la lumaca.

Modifica il titolo di una pagina WordPress

Una volta trovata la pagina nell'elenco, premi la freccia blu "Invio" alla fine del campo per applicarla.

Per personalizzare maggiormente il collegamento, fai clic sull'icona a forma di ingranaggio alla fine del campo prima di fare clic su Applica.

L'icona a forma di ingranaggio apre una casella contenente OPZIONI DI COLLEGAMENTO: scegli quale pagina desideri collegare.

Non consigliato, ma i collegamenti possono aprire una nuova finestra (o scheda). Basta selezionare "Apri collegamento in una nuova scheda" nella schermata delle opzioni di collegamento. Google penalizza i link che aprono una finestra diversa: gli utenti devono essere in grado di prendere questa decisione.

Un consiglio veloce: nell'ultima versione di WordPress, non è nemmeno necessario premere l'icona del collegamento quando si collega il testo. Copia il link negli appunti, evidenzia il testo e premi control-v per incollare il link.

Collegare un'immagine in WordPress è un processo simile.

Seleziona l'immagine, quindi fai clic sull'icona del collegamento. Segui i passaggi precedenti.

Come modificare un collegamento in WordPress

Per MODIFICARE i collegamenti, segui passaggi simili.

Evidenzia il testo o seleziona l'immagine. Usa la stessa icona e cambia il link con quello nuovo. Oppure fai clic sull'icona a forma di matita che appare.

Come rimuovere un collegamento in WordPress

Questa icona completa rimuove il collegamento. Basta fare clic in qualsiasi punto del collegamento di testo o selezionare l'immagine, quindi premere questo pulsante.

L'icona Leggi di più è quella che non uso mai. WordPress ti consente di inserire del testo all'interno di un tag READ MORE, nascondendolo nella pagina finché l'utente non fa clic per leggere di più. Il testo sarà ancora disponibile per la scansione dei motori di ricerca, ma Google non apprezza i contenuti nascosti.

Paragrafi e titoli in WordPress

All'interno della barra degli strumenti, vedrai un menu a discesa.

Per formattare una riga, fai clic sul testo nella riga o nel paragrafo e utilizza il menu a discesa per selezionare un paragrafo, un'intestazione 1 o un'intestazione 2.

Il tema imposta lo stile per titoli e paragrafi, che mantiene coerente il design del sito web.

Usa i tag corretti per le intestazioni e il design continuerà attraverso il sito web.

Che cos'è la scrittura SEO?

Altri strumenti di formattazione in WordPress

Usa questa icona per sottolineare il testo nel tuo contenuto WordPress, farlo risaltare o fare una dichiarazione.

Evidenzia semplicemente il testo e fai clic sull'icona di sottolineatura.

Uno strumento di allineamento del testo e creerà un paragrafo giustificato. La spaziatura viene regolata tra lettere e parole in modo che il testo sia allineato con il margine destro e con i margini sinistro. Conosciuto anche come giustificazione completa o giustificazione completa e ottimo per il testo all'interno delle colonne.

Come web designer di WordPress, ti consiglio di usare questa icona con cautela. Il pulsante cambia il colore del testo. Ho visto clienti creare frasi luminose e colorate con l'intenzione di attirare l'attenzione. Non sembra buono. Mantieni il testo uniforme.

Perché avere l'icona "incolla come testo" in WordPress? Anche il testo copiato da un sito Web o da un documento Word ha il formato. Incollalo su una pagina di WordPress e incolli la formattazione. La pagina finisce per sembrare orribile a causa del codice che si trova in posizioni non utili.

Quindi la prossima volta che copi e incolli, copia; quindi posiziona il cursore e fai clic sullo strumento "Incolla come testo" per aggiungere testo senza formattazione. Quindi formattalo all'interno di WordPress.

Se trovi il tuo testo ovunque su una pagina, spesso è in formattazione. Se sai cosa stai facendo e hai un backup, usa lo strumento "cancella formattazione" per eliminare tutta la formattazione, rimuovendo il testo in modo da poterlo formattare da solo.

L'icona successiva, l'omega greco, apre la mappa dei caratteri sottostante, consentendoti di aggiungere caratteri speciali, come acuto, grave e circonflesso. Utile se stai creando una pagina multilingue.

Queste sono le icone di rientro. Usandoli puoi aumentare o diminuire il rientro di un paragrafo o di un'intestazione.

E infine, le icone di annullamento/ripetizione. Quello a sinistra serve per annullare ed è davvero utile. È grigio più scuro in questa immagine perché c'è una mossa di annullamento che posso fare. Il pulsante Ripeti è disabilitato: non c'è niente che io possa "rifare" in questo momento. Per ripetere, devi prima annullare qualcosa.

Salva una pagina WordPress

Quando apporti modifiche sostanziali alla tua pagina o post di WordPress, fai clic sul pulsante AGGIORNA per salvare la pagina. Questo aggiorna la pagina pubblica. Aggiorna sempre la tua pagina quando visualizzi le modifiche sul front-end per controllare il tuo lavoro.

Salvataggi automatici e revisioni in WordPress

WordPress salva spesso automaticamente le bozze della pagina.

Le revisioni della tua pagina possono essere richiamate, utilizzando il link revisioni. Si trova nelle impostazioni POST. Se le impostazioni del post sono chiuse, premi l'ingranaggio in alto a destra per aprirle. Quindi premi la scheda Pagina (o Posta a seconda di cosa stai modificando) in alto.

• Fare clic sul collegamento "Revisioni" per visualizzare le bozze e le revisioni che sono state archiviate per tutta la durata del documento.
• Arriverai alla schermata "Confronta revisioni".
• C'è una barra della timeline nella parte superiore di questa schermata, che rappresenta la vita della pagina. Più a sinistra prendi il cursore, più vecchie sono le revisioni della pagina.
• WordPress evidenzia le modifiche che sono state apportate, confrontando l'ultimo post con un post che scegli sulla timeline.
• Per recuperare la versione più recente, sposta il cursore completamente a destra.

Modificare i permalink in WordPress

I permalink, noti anche come slug, creano l'URL della pagina Web in WordPress. I collegamenti alla pagina possono essere interrotti quando modifichi un permalink, quindi modifica con cautela .

Se hai intenzione di cambiare e modificare i permalink, ti ​​consiglio di utilizzare un plug-in di reindirizzamento come Redirection.

Un consiglio veloce: se hai commesso un errore e hai modificato un permalink ma non ricordi l'URL originale, cerca la pagina utilizzando la ricerca Google. Aggiungi il nome dell'azienda alla ricerca e probabilmente troverai l'URL originale elencato. Riporta il permalink al nome originale.

ultima parola

Spero che il post ti sia piaciuto. WordPress può essere frustrante se non capisci con cosa stai lavorando. Sono sicuro che queste istruzioni ti aiuteranno insieme al resto dei tutorial di WordPress sul mio blog.