Stvorite About Me Widget Sidebara s uređivačem postova [WordPress tutorial]

Veliki blogovi izvrsno koriste stranice "O meni". Da bi korisnici bili tamo, u 99% slučajeva oni uključuju kratku, intrigantnu "O meni" u njihovoj sidebar na blogu. U ovom će vam postu pokazati kako stvoriti taj odjeljak. Jednostavno je kao pisanje novog posta. Zapravo, koristit ćemo novi uređivač postova u WordPressu kako bismo ga stvorili.

Post editor je jedan od najsvestranijih alata u WordPressu, i teško da ga itko zna. Ono što ću vam pokazati je pametan mali dizajnerski hack, trik koji je tako previđen da nije ni pokriven na popisu od 40 WordPress Hacks..

Ovaj trik je također odličan za učenje nekih osnovnih HTML-ova i CSS-a, ako ste tek počeli.

Izradite svoju poruku

Sve što vam je potrebno za ovaj tutorial je vaša stranica "About Me", fotografija sebe i teksta. Vaša stranica "O meni" trebala bi se usredotočiti na vaša postignuća u blogovanju, uključiti čitatelja s nekim pitanjima i uključiti slike vašeg bloganja. Već imate ovu stranicu? Savršen.

Sada ćemo sve ovo odnijeti WordPress novi post editor. Otvorite ga i prenesite sliku. Većinu toga ćemo raditi od Kartica HTML. Kada uploadate sliku WordPress automatski generira HTML kod za njega. Idite na karticu HTML i stvorite razmak (pritisnite Enter) iznad slike. Zatim, napišite ovdje malu poruku s kukom, nešto poput "Tko se nalazi iza ove stranice?" ili čak samo "O meni". Budi kreativan.

Dodajte kratki opis 3-4 rečenice koji bi zaintrigirao čitatelja. Na kraju ovog bloka teksta napišite rečenicu poput "Saznajte više ovdje" i povežite se na svoju stranicu About.

Stilizirajte svoju poruku

Sada idi Kartica Visual. Centrirajte tekst. Kada se vratite u HTML, primijetit ćete da je WordPress za vas napisao neki kod, u obliku "p stila". To je ljepota izrade widgeta u novom uredniku postova; WordPress autowrite kodovi za vas! Zatim dodajete samo neke osnovne CSS-ove!

Izradite nešto poput ovoga:

TVOJA PORUKA

Provjerite jeste li zatvorili stil s a

I dodajte bilo koji drugi CSS koji se možete sjetiti ili trebati. Ne znate CSS? Samo Google pretraživanje "CSS kod za ____" i na prazno staviti ono što pokušavate učiniti. Zatim kopirajte i zalijepite p stil. Stavite ga u tekstnu poruku ispod slike. Napravite stil kako god želite i zatvorite ga. Ako zaboravite zatvoriti p stil, to nije ništa posebno. Stil će se primijeniti na više teksta koji želite, ali svatko će napraviti ovu pogrešku barem jednom.

Koristite kodove u kurziv i da biste podebljali tekst i ne zaboravite da ih zatvorite.

Za sada smo gotovi s stvaranjem i vrijeme je za početak zabave.

Stavite svoj rad na bočnu traku

Na kartici HTML kopirajte i zalijepite sve što ste stvorili. Idite na Izgled, kartica Widgeti, i povucite a prazan tekst widget u bočnu traku. Zalijepite kôd. Zatim kliknite Spremi i kliknite na početnu stranicu bloga. Kako to izgleda?

Gotovo ćete sigurno htjeti napraviti neke izmjene ovdje. Slika možda nije u veličini ili se fontovi možda ne prikazuju kao što ste zamišljali, ali ne brinite, sve to možete urediti izravno u widgetu za tekst, ili još bolje, u novom uređivaču posta gdje možete pregledati izmjene lakše.

Fun Styling značajke i druge dodatke

CSS je stvarno zabavna igra. Evo nekoliko načina kako napraviti ovu rubriku O meni.

Koristite egzotične boje.

Koristite isprekidani ili obrub u boji.

Stavite obrazac "Uključi se" odmah ispod teksta. Koristim Aweber za njih.

Dodajte veze na mjesta na kojima je prikazan vaš rad.

Bacite šalu ili budite tajanstveni.

Video vodič

Također možete pogledati video tutorial za ovaj post kao ispod ili na usluzi YouTube.

Što je sljedeće?

Sada kada ste dobili osnovni dio O meni i O meni, idite na druge blogove da biste vidjeli koje strategije i dizajni rade za njih. Uzmite nekoliko bilješki. Zatim, napravite još istraživanja na svojim čitateljima.

Prilagodite svoj About Me točno onome što vaši čitatelji žele, a na kraju ćete početi vidjeti više čitatelja, komentatora i vjernih pretplatnika. Stavite se u bočnu traku i na kraju se isplati.

Napomena urednika: Ovaj post je napisao / la Greg Narayan za Hongkiat.com. Greg je 25-godišnji tip iz New Yorka koji prije doručka odgovara na oko 150 pitanja na blogu.