Skapa Om mig Sidofält Widget Med Post Editor [WordPress handledning]
Stora bloggar gör utmärkt användning av "Om mig" -sidor. För att få användare där, innehåller 99% av tiden en kort, spännande "Om mig avsnitt" i deras sidbalk på bloggen. I det här inlägget visar jag hur du skapar den sektionen. Det är lika lätt som att skriva ett nytt inlägg. Faktum är att vi använder den nya postredigeraren i WordPress för att skapa detta.
Postredigeraren är ett av de mest mångsidiga verktygen i WordPress, och nästan ingen vet det. Vad jag ska visa dig är en smart liten designhack, ett knep så förbisedde att det inte ens var täckt i Hongkiat.coms lista med 40 WordPress Hacks.
Det här tricket är också bra för att lära dig några grundläggande HTML och CSS, om du bara har börjat.
Skapa ditt meddelande
Allt du behöver för denna handledning är din "Om mig" -sida, ett foto av dig själv och lite text. Din "Om mig" -sida ska fokusera på dina resultat i bloggar, engagera läsaren med några frågor och inkludera bilder av din bloggning. Har du redan gjort den här sidan? Perfekt.
Nu ska vi ta allt detta över till WordPress ny postredigerare. Öppna den och ladda upp din bild. Vi kommer göra mycket av detta från HTML-fliken. När du laddar upp en bild genererar WordPress automatiskt HTML-koden för den. Gå till HTML-fliken och skapa ett mellanslag (hit enter) ovanför din bild. Skriv sedan ett litet krokmeddelande här, något som "Vem är bakom denna webbplats?" eller bara "Om mig". Vara kreativ.
Lägg till en kort 3-4-meningen beskrivning som är avsedd att intrigera läsaren. I slutet av det här textblocket skriver du en mening som "Ta reda på mer här" och länk till din faktiska Om sida.
Stil ditt meddelande
Gå nu Visuell flik. Centrera din text. När du går tillbaka till HTML märker du att WordPress skrev några koden för dig, i form av en "p-stil". Det här är skönheten att skapa widgets i den nya postredigeraren. WordPress autowrite koder för dig! Du lägger bara till några grundläggande CSS!
Skapa något så här:
DITT MEDDELANDE
Se till att stänga av p-stilen med a
Och lägg till någon annan CSS du kan tänka på eller behöver. Känner inte CSS? Bara Google Search "CSS-kod för ____" och i blanket sätta vad du försöker göra. Kopiera och klistra sedan in p-stilen. Placera det runt ditt textblockmeddelande under bilden. Stil det men du vill, och stäng av det. Om du glömmer att stänga en p-stil är det inte så mycket. Styling kommer att gälla mer text som du vill ha det till, men alla gör detta misstag åtminstone en gång.
Använd koder att kursivera och att djärva din text och kom ihåg att stänga av dem också.
Vi är redo att skapa, för nu, och det är dags för det roliga att börja.
Placera ditt arbete i sidofältet
På HTML-fliken kopiera och klistra in allt du skapade. Gå till Utseende, fliken Widgets, och dra a tom text widget in i sidofältet. Klistra in din kod. Tryck sedan på Spara och klicka på din blogg hemsida. Hur ser det ut?
Du kommer nästan säkert att göra några ändringar här. Bilden kan vara otillräcklig, eller skrifterna kanske inte dyker upp som du trodde men inte oroa dig. Du kan redigera allt detta direkt i Text-widgeten, eller bättre än, i din nya postredigerare där du kan förhandsgranska ändringar enklare.
Fun Styling Funktioner och andra tillägg
CSS är verkligen ett roligt spel. Här är några sätt att göra detta om mig avsnitt pop verkligen.
- Använd exotiska färger.
- Använd en prickad eller färggräns.
- Ange en "Opt In" -form nedanför din text. Jag använder Aweber för dessa.
- Lägg till länkar till platser där ditt arbete presenterades.
- Kasta ett skämt, eller vara mystisk.
Video Tutorial
Du kan också titta på videoprovet för det här inlägget som nedan eller på YouTube.
Vad kommer härnäst?
Nu när du har en grundläggande Om mig-sektion och Om mig-sida, gå igenom andra bloggar för att se vilka strategier och mönster som fungerar för dem. Ta några anteckningar. Gör sedan lite mer forskning på dina egna läsare.
Skräddarsy din om mig exakt vad dina läsare vill ha, och så småningom börjar du se fler läsare, kommenterare och lojala abonnenter. Sätt dig i sidofältet och det är väl värt det i slutändan.
Redaktörens anteckning: Det här inlägget är skrivet av Greg Narayan för Hongkiat.com. Greg är en 25-årig kille från New York som svarar på 150 bloggfrågor före frukost.
