Crea widget Barra laterale About Me con Post Editor [Esercitazione WordPress]
I blog di grandi dimensioni fanno un uso eccellente delle pagine "About Me". Per ottenere utenti lì, il 99% delle volte include una breve e intrigante sezione "Informazioni personali" nella barra laterale del blog. In questo post ti mostrerò come creare quella sezione. È facile come scrivere un nuovo post. In effetti, useremo il nuovo editor di post in WordPress per creare questo.
L'editor di post è uno degli strumenti più versatili in WordPress e quasi nessuno lo sa. Quello che sto per mostrarvi è un abile piccolo design, un trucco così trascurato che non è stato nemmeno trattato nella lista di Hongkiat.com di 40 WordPress Hack.
Questo trucco è ottimo anche per l'apprendimento di alcuni HTML e CSS di base, se hai appena iniziato.
Crea il tuo messaggio
Tutto ciò di cui hai bisogno per questo tutorial è la tua pagina "Su di me", una tua foto e del testo. La tua pagina "Informazioni su di me" dovrebbe concentrarsi sulle tue realizzazioni nei blog, coinvolgere il lettore con alcune domande e includere immagini del tuo blog. Hai già fatto questa pagina? Perfezionare.
Ora, porteremo tutto questo al WordPress nuovo post editor. Aprilo e carica la tua immagine. Faremo molto di questo dal Scheda HTML. Quando carichi un'immagine, WordPress genera automaticamente il codice HTML per esso. Vai alla scheda HTML e crea uno spazio (premi invio) sopra l'immagine. Quindi, scrivi qui un piccolo messaggio, qualcosa come "Chi c'è dietro questo sito?" o anche solo "About Me". Essere creativo.
Aggiungi una breve descrizione di 3-4 frasi per incuriosire il lettore. Alla fine di questo blocco di testo, scrivi una frase come "Scopri di più qui" e collega alla tua pagina Informazioni su.
Stile il tuo messaggio
Ora vai Scheda visiva. Centra il tuo testo. Quando torni all'HTML, noterai che WordPress ha scritto del codice per te, sotto forma di uno "stile p". Questa è la bellezza della creazione di widget nel nuovo editor di post; Codici di autowrite WordPress per te! Quindi aggiungi solo alcuni CSS di base!
Creare qualcosa come questo:
IL TUO MESSAGGIO
Assicurati di chiudere lo stile p con a
E aggiungi qualsiasi altro CSS a cui puoi pensare o bisogno. Non conosci i CSS? Solo Ricerca Google "Codice CSS per ____" e nello spazio vuoto metti quello che stai cercando di fare. Quindi copia e incolla lo stile p. Mettilo intorno al tuo messaggio di blocco di testo sotto l'immagine. Modificalo come preferisci e chiudilo. Se ti dimentichi di chiudere uno stile p, non è un grosso problema. Lo stile si applica a più testo che vuoi, ma tutti commettono questo errore almeno una volta.
Utilizzare i codici in corsivo e per mettere in grassetto il tuo testo e ricorda di chiudere anche quelli.
Abbiamo finito di creare, per ora, ed è ora di iniziare il divertimento.
Posiziona il tuo lavoro nella barra laterale
Nella scheda HTML, copia e incolla tutto ciò che hai creato. Vai al Aspetto, scheda Widget, e trascinare a Widget di testo vuoto nella tua barra laterale. Incolla il tuo codice Quindi premi Salva, quindi fai clic sulla home page del tuo blog. Come sembra?
Quasi sicuramente vorrai apportare alcune modifiche qui. L'immagine potrebbe essere fuori misura, o i caratteri potrebbero non apparire come hai immaginato ma non ti preoccupare, puoi modificare tutto questo direttamente nel widget Testo, o meglio ancora, nel tuo nuovo editor di post in cui puoi visualizzare l'anteprima delle modifiche più facilmente.
Fun Styling Features e altre aggiunte
CSS è davvero un gioco divertente. Ecco alcuni modi per rendere davvero pop questa sezione About Me.
- Usa colori esotici.
- Usa un bordo punteggiato o colorato.
- Metti un modulo "Opt In" proprio sotto il tuo testo. Io uso Aweber per questi.
- Aggiungi link ai luoghi in cui è stato pubblicato il tuo lavoro.
- Getta uno scherzo o sii misterioso.
Video Tutorial
Puoi anche guardare il tutorial video per questo post come di seguito o su YouTube.
Qual'è il prossimo?
Ora che hai una sezione Informazioni su di me e Informazioni su di me, consulta altri blog per vedere quali strategie e progetti funzionano per loro. Prendi alcuni appunti. Quindi, fai qualche altra ricerca sui tuoi stessi lettori.
Personalizza il tuo About Me esattamente su ciò che vogliono i tuoi lettori e alla fine inizierai a vedere più lettori, commentatori e abbonati leali. Mettiti nella barra laterale e ne varrà la pena alla fine.
Nota dell'editore: Questo post è scritto da Greg Narayan per Hongkiat.com. Greg è un ragazzo di 25 anni di New York che risponde a circa 150 domande sul blog prima di colazione.
