Opprett Om meg Sidefelt Widget Med Post Editor [WordPress tutorial]

Store blogger gjør utmerket bruk av "Om meg" -sidene. For å få brukere der, inneholder 99% av tiden en kort, spennende "Om meg seksjon" i deres sidebar i bloggen. I dette innlegget vil jeg vise deg hvordan du lager den delen. Det er like enkelt som å skrive et nytt innlegg. Faktisk bruker vi den nye innleggeditoren i WordPress for å lage dette.

Postredigereren er et av de mest allsidige verktøyene i WordPress, og nesten ingen vet det. Det jeg skal vise deg er en smart liten design hack, et triks så oversett at det ikke engang var dekket i Hongkiat.com's liste over 40 WordPress Hacks.

Dette trikset er også flott for å lære noen grunnleggende HTML og CSS, hvis du bare er i gang.

Lag meldingen din

Alt du trenger for denne opplæringen er "Om meg" -siden, et bilde av deg selv og litt tekst. Din "Om meg" -side bør fokusere på dine resultater i blogging, engasjere leseren med noen spørsmål, og inkludere bilder av blogging. Har du allerede gjort denne siden? Perfekt.

Nå skal vi ta alt dette over til WordPress ny postredigerer. Åpne den opp, og last opp bildet ditt. Vi skal gjøre mye av dette fra HTML-fanen. Når du laster opp et bilde, genererer WordPress automatisk HTML-koden for den. Gå til HTML-fanen, og opprett et mellomrom (trykk enter) over bildet ditt. Deretter skriver du en liten krokmelding her, noe som "Hvem er bak dette nettstedet?" eller bare "Om meg." Vær kreativ.

Legg til en kort, 3-4 setningsbeskrivelse ment å intrigere leseren. På slutten av denne tekstblokken skriver du en setning som "Finn ut mer her" og lenke til din faktiske Om side.

Stil meldingen din

Gå nå Visningsfane. Senter teksten. Når du går tilbake til HTML, vil du legge merke til at WordPress skrev noen kode for deg, i form av en "p-stil". Dette er skjønnheten i å lage widgets i den nye innleggredigeren; WordPress autowrite koder for deg! Du legger bare til noen grunnleggende CSS!

Lag noe slikt:

DIN BESKJED

Pass på å lukke p-stilen med a

Og legg til noen andre CSS du kan tenke på eller trenger. Vet ikke CSS? Bare Google Search "CSS kode for ____" og i det tomme legger du det du prøver å gjøre. Kopier og lim inn p-stilen. Plasser den rundt tekstblokkmeldingen under bildet. Stil det, men du vil, og lukk den av. Hvis du glemmer å lukke en p-stil, er det ikke så farlig. Stylingen gjelder for mer tekst som du vil ha den til, men alle gjør denne feilen minst en gang.

Bruk koder å kursivisere og å dristig teksten din, og husk å lukke dem også.

Vi er ferdige med å skape, for nå, og det er på tide for moroa å begynne.

Plasser arbeidet i sidefeltet

I HTML-fanen, kopier og lim inn alt du opprettet. Gå til Utseende, Widgets-fanen, og dra a tom tekstdisplay inn i sidebjelken din. Lim inn koden din. Deretter klikker du på Lagre, og klikker på bloggens hjemmeside. Hvordan ser det ut?

Du vil nesten sikkert gjøre noen endringer her. Bildet kan ikke være i størrelse, eller skrifter kan ikke dukke opp som du trodde, men ikke bekymre deg. Du kan redigere alt dette direkte i tekst-widgeten, eller enda bedre, i den nye innleggredigeren der du kan forhåndsvise endringer lettere.

Fun Styling Funksjoner og andre tillegg

CSS er virkelig et morsomt spill. Her er noen måter å gjøre dette om meg seksjonen virkelig pop.

Bruk eksotiske farger.

Bruk en stiplet eller fargegrens.

Sett inn et "Opt In" -skjema rett under teksten. Jeg bruker Aweber for disse.

Legg til koblinger til steder arbeidet ditt ble omtalt.

Kast i en spøk, eller vær mystisk.

Videoopplæring

Du kan også se videoopplæringen for dette innlegget som under eller på YouTube.

Hva blir det neste?

Nå som du har en grunnleggende Om meg-seksjon og Om meg-side, kan du bla gjennom andre blogger for å se hvilke strategier og design som fungerer for dem. Ta noen notater. Deretter gjør du litt mer forskning på dine egne lesere.

Skreddersy din om meg akkurat til det leserne vil ha, og du vil til slutt begynne å se flere lesere, kommentatorer og lojale abonnenter. Sett deg i sidefeltet og det er vel verdt det til slutt.

Redaktørens notat: Dette innlegget er skrevet av Greg Narayan for Hongkiat.com. Greg er en 25 år gammel fyr fra New York som svarer på 150 bloggspørsmål før frokost.