Creați Despre mine Sidebar Widget cu editorul de articole [WordPress tutorial]

Blogurile mari utilizează excelent paginile "Despre mine". Pentru a obține utilizatorii acolo, 99% din timp includ o scurtă, interesantă secțiune "Despre mine" în blog-ul lor lateral. În acest post vă voi arăta cum să creați acea secțiune. Este la fel de ușor ca și scrierea unui post nou. De fapt, vom folosi noul editor de posturi în WordPress pentru a crea acest lucru.

Editorul de posturi este unul dintre cele mai versatile instrumente din WordPress și aproape că nimeni nu-l cunoaște. Ceea ce am de gând să vă arăt este un hack de design inteligent, un truc atât de trecut cu vederea că nu a fost nici măcar acoperită în lista de 40 de WordPress din Hongkiat.com.

Acest truc este, de asemenea, minunat pentru învățarea unor coduri HTML și CSS de bază, dacă tocmai ați început.

Creați-vă mesajul

Tot ce aveți nevoie pentru acest tutorial este pagina dvs. "About Me", o fotografie a dvs. și un text. Pagina dvs. "Despre mine" ar trebui să se concentreze asupra realizărilor dvs. în blogging, să angajeze cititorul cu câteva întrebări și să includă imagini despre blogging-ul dvs. Ați făcut deja această pagină? Perfect.

Acum, vom lua toate astea la WordPress editor nou post. Deschideți-o și încărcați-vă imaginea. Vom face multe din asta de la Fila HTML. Când încărcați o imagine WordPress generează automat codul HTML pentru aceasta. Accesați fila HTML și creați un spațiu (apăsați pe Enter) deasupra imaginii. Apoi, scrie un mesaj de cârlig puțin aici, ceva de genul "Cine este în spatele acestui site?" sau chiar doar "Despre mine". Fii creativ.

Adăugați o descriere scurtă, de 3-4 fraze, menită să intrizeze cititorul. La sfârșitul acestui bloc text, scrieți o propoziție ca "Aflați mai multe aici" și conectați-vă la pagina dvs. Despre Despre.

Stilul mesajului tău

Acum du-te Tab-ul vizual. Centrează-ți textul. Când te întorci la HTML, vei observa că WordPress a scris un cod pentru tine, sub forma unui "stil p". Aceasta este frumusețea creării widget-urilor în noul editor de post; Codurile autowrite WordPress pentru tine! Apoi adăugați doar câteva CSS de bază!

Creați ceva de genul:

MESAJUL TAU

Asigurați-vă că ați închis stilul p cu ajutorul a

Și adăugați orice alt CSS care vă puteți gândi sau aveți nevoie. Nu știu CSS? Doar Căutare Google "Cod CSS pentru ____" și în gol ați pus ceea ce încercați să faceți. Apoi, copiați și lipiți stilul p. Plasați-l în jurul mesajului bloc text de sub imagine. Stilul pe care îl doriți și închideți-l. Dacă uitați să închideți un stil p, nu este mare lucru. Stilul se va aplica la mai multe texte pe care doriți să le faceți, dar toată lumea face această greșeală cel puțin o dată.

Utilizați codurile pentru a italicize și să vă îndrăzneți textul și să vă amintiți să le închideți și pe acestea.

Am terminat de creat, deocamdată, și este timpul ca distracția să înceapă.

Plasați-vă munca în bara laterală

În fila HTML, copiați și lipiți tot ce ați creat. Mergeți la Aspect, fila Widgeturi, și trageți a text widget text în bara laterală. Inserați codul. Apoi apăsați Save (Salvare) și faceți clic pe pagina de pornire a blogului dvs. Cum arata?

Veți dori să faceți anumite modificări aici. Imaginea poate să nu aibă dimensiuni sau fonturile să nu apară așa cum ați imaginat, dar să nu vă faceți griji, puteți edita toate acestea direct în widgetul Text sau mai bine în noul dvs. editor de postare, unde puteți previzualiza modificările mai usor.

Fun Styling Funcții și alte adăugări

CSS este într-adevăr un joc distractiv. Iată câteva modalități de a face această secțiune Despre mine într-adevăr pop.

Utilizați culori exotice.

Utilizați o margine punctată sau de culoare.

Puneți un formular "Opt In" chiar sub text. Eu folosesc Aweber pentru asta.

Adăugați linkuri către locurile în care a fost prezentată munca dvs..

Aruncați o glumă sau fiți misterioși.

Tutorial video

De asemenea, puteți viziona tutorialul video pentru această postare, așa cum apare mai jos sau pe YouTube.

Ce urmeaza?

Acum, când aveți o secțiune de bază despre mine și despre mine, mergeți la alte bloguri pentru a vedea ce strategii și modele lucrează pentru ele. Luați câteva note. Apoi, faceți mai multe cercetări asupra propriilor cititori.

Personalizați-vă exact despre ceea ce doriți cititorii dvs. și veți începe să vedeți mai mulți cititori, comentatori și abonați loiali. Puneți-vă în bara laterală și merită bine în cele din urmă.

Nota editorului: Această postare este scrisă de Greg Narayan pentru Hongkiat.com. Greg este un tip de 25 de ani din New York care răspunde la aproximativ 150 de întrebări pe blog înainte de micul dejun.