Opret Om mig Sidebar Widget Med Post Editor [WordPress tutorial]

Store blogs gør fremragende brug af "Om mig" sider. For at få brugere der, indeholder 99% af tiden en kort, spændende "Om mig Sektion" i deres blogs sidebjælke. I dette indlæg vil jeg vise dig, hvordan du opretter den sektion. Det er lige så nemt som at skrive et nyt indlæg. Faktisk bruger vi den nye postredigerer i WordPress for at oprette dette.

Postredaktøren er et af de mest alsidige værktøjer i WordPress, og næsten ingen ved det. Det jeg skal vise dig er et smart lille design hack, et trick så overset, at det ikke engang var dækket på Hongkiat.com's liste over 40 WordPress Hacks.

Dette trick er også fantastisk til at lære nogle grundlæggende HTML og CSS, hvis du lige er begyndt.

Opret din besked

Alt du behøver for denne tutorial er din "Om mig" side, et billede af dig selv og en del tekst. Din "Om mig" -side skal fokusere på dine resultater i blogging, engagere læseren med nogle spørgsmål og inkludere billeder af dig blogging. Har du allerede lavet denne side? Perfekt.

Nu tager vi alt dette over til WordPress ny indlæg editor. Åbn den op, og upload dit billede. Vi gør meget af dette fra HTML-fanen. Når du uploader et billede, genererer WordPress automatisk HTML-koden til den. Gå til HTML-fanen, og opret et mellemrum (hit enter) over dit billede. Skriv så en lille krokemeddelelse her, noget som "Hvem er bag dette websted?" eller endda bare "Om mig". Vær kreativ.

Tilføj en kort, 3-4 sætningsbeskrivelse med det formål at intrigere læseren. I slutningen af denne tekstblok skriver du en sætning som "Find ud af mere her" og link til din aktuelle Om side.

Stil din besked

Gå nu Visuel faneblad. Centrer din tekst. Når du går tilbage til HTML, vil du bemærke, at WordPress skrev nogle kode til dig i form af en "p-stil". Dette er skønheden ved at oprette widgets i den nye postredaktør; WordPress autowrite koder til dig! Du skal blot tilføje nogle grundlæggende CSS!

Opret noget som dette:

DIN BESKED

Sørg for at lukke p-stil med a

Og tilføj eventuelle andre CSS, du kan tænke på eller har brug for. Kender ikke CSS? Bare Google Search "CSS kode for ____" og i det tomme sætte hvad du forsøger at gøre. Så kopier og indsæt p-stilen. Placer det omkring din tekstblokmeddelelse under billedet. Stil det, men du vil, og luk det. Hvis du glemmer at lukke en p-stil, er det ikke noget stort. Styling vil gælde for mere tekst, som du vil have det til, men alle gør denne fejl mindst en gang.

Brug koder at kursivere og at modige din tekst, og husk at lukke dem også.

Vi er færdige med at skabe, for nu, og det er tid til det sjove at begynde.

Placer dit arbejde i sidefeltet

I HTML-fanen skal du kopiere og indsætte alt, du har oprettet. Gå til Udseende, faner faner, og træk a tom tekst widget ind i din sidebjælke. Indsæt din kode. Klik derefter på Gem, og klik på over på din blogs hjemmeside. Hvordan ser det ud?

Du vil næsten helt sikkert lave nogle ændringer her. Billedet kan være uden for størrelse, eller skrifttyperne måske ikke vises som du kunne forestille dig, men ikke bekymre dig. Du kan redigere alt dette direkte i tekst-widgeten eller bedre endnu i din nye indlæg editor, hvor du kan forhåndsvise ændringer lettere.

Fun Styling funktioner og andre tilføjelser

CSS er virkelig et sjovt spil. Her er nogle måder at gøre dette om mig sektion virkelig pop.

Brug eksotiske farver.

Brug en prikket eller farvet kant.

Sæt en "Opt In" -formular lige under din tekst. Jeg bruger Aweber til disse.

Tilføj links til steder, hvor dit arbejde blev præsenteret.

Kast i en vittighed, eller vær mystisk.

Video Tutorial

Du kan også se videohåndbogen til dette indlæg som nedenfor eller på YouTube.

Hvad er næste?

Nu hvor du har en grundlæggende Om mig sektion og Om mig side, skal du gennemse andre blogs for at se, hvilke strategier og designs der virker for dem. Tag et par noter. Så gør lidt mere forskning på dine egne læsere.

Skræddersy din om mig præcis til hvad dine læsere vil have, og i sidste ende begynder du at se flere læsere, kommentatorer og loyale abonnenter. Sæt dig selv i sidebjælken, og det er vel det værd i sidste ende.

Redaktørens note: Dette indlæg er skrevet af Greg Narayan til Hongkiat.com. Greg er en 25-årig fyr fra New York, der svarer på 150 blog-spørgsmål før morgenmad.