Loo Minust külgriba vidin postkasti redigeerijaga [WordPress tutorial]
Suured blogid kasutavad suurepäraselt "Meist" lehekülgi. Selleks, et saada kasutajaid, sisaldab 99% ajast nende blogi külgribal lühike, intrigeeriv "About Me Section". Selles postituses näitan sulle, kuidas seda sektsiooni luua. See on sama lihtne kui uue postituse kirjutamine. Tegelikult kasutame selle loomiseks WordPressis uut postituste redaktorit.
Postitoimetaja on üks kõige mitmekülgsemaid tööriistu WordPressis ja vaevalt keegi teab seda. Mida ma näitan sulle, on targad väike disaini häkk, trikk nii tähelepanuta, et Hongkiat.comi 40 WordPress Hacks'i loendis seda ei kaetud.
See trikk on suurepärane ka mõne HTML-i ja CSS-i õppimiseks, kui te just alustate.
Looge oma sõnum
Kõik, mida vajate selle juhendaja jaoks, on teie leht "Minust", foto enda ja mõne teksti kohta. Leheküljel "Minust" peaks keskenduma teie blogimist puudutavatele saavutustele, kaasama lugeja mõningate küsimustega ja lisama pilte teie blogimisest. Kas see leht on juba tehtud? Täiuslik.
Nüüd me võtame selle kõik üle WordPress uus postituste redaktor. Avage see üles ja laadige üles oma pilt. Me teeme sellest palju HTML-kaart. Pildi üleslaadimisel loob WordPress automaatselt sellele HTML-koodi. Minge HTML-vahekaardile ja loo oma pildi kohal tühik (vajuta Enter). Siis kirjutage siin väike konks, midagi sellist nagu "Kes on selle saidi taga?" või isegi lihtsalt "Minust." Ole loominguline.
Lisage lühike, 3-4 lause lause, mis on mõeldud lugeja intrigeerimiseks. Kirjutage selle tekstiploki lõpus lause nagu "Rohkem teada siit" ja lingi oma tegelikule lehele.
Sõnumi stiil
Nüüd mine Visual Tab. Oma teksti keskele. Kui lähete tagasi HTML-i, märkate, et WordPress kirjutas teile mõne koodi „p-stiili” kujul. See on vidinate loomisel uues postiredaktoris ilu; WordPress autowrite koodid teile! Seejärel lisage lihtsalt mõned põhilised CSS-id!
Looge midagi sellist:
SINU SÕNUM
Veenduge, et sulgeksite p-stiili a-ga
Ja lisage mõni muu CSS, mida saate mõelda või vajate. Ei tea CSS? Lihtsalt Google Search "CSS kood ____" ja tühjaks panid seda, mida sa üritad teha. Seejärel kopeerige ja kleepige p-stiil. Asetage see pildi all oleva tekstiploki sõnumi ümber. Stiilige see, mida soovite, ja sulgege see. Kui unustate p-stiili sulgeda, pole see suur asi. Stiil kehtib rohkem tekstile, mida soovite, kuid kõik teevad selle vea vähemalt üks kord.
Kasutage koode kursiiviks ja teksti julgustamiseks ja ka nende sulgemiseks.
Oleme nüüd valmis, ja on aeg lõbusalt alustada.
Asetage töö külgriba
Kopeerige ja kleepige HTML-vahekaardil kõik, mida olete loonud. Mine Välimus, Vidinad, ja lohista tühi Teksti vidin oma külgriba. Kleebi oma kood. Seejärel vajuta Salvesta ja kliki oma blogi kodulehele. Kuidas see välja näeb?
Sa peaaegu tahad siin mõned muudatused teha. Pilt võib olla ebaühtlane või fonte ei pruugi näidata nii, nagu te ette kujutasite, kuid mitte muretsema. Saate seda kogu redigeerimise redaktoris, kus saate muudatusi eelvaate muuta, seda otse teksti vidina redigeerida. lihtsamalt.
Lõbusad stiilifunktsioonid ja muud lisad
CSS on tõesti lõbus mäng. Siin on mõned viisid selle kohta, kuidas see osa on tõesti pop.
- Kasutage eksootilisi värve.
- Kasutage punktiir- või värvipiiri.
- Pange oma teksti alla valiku „Sisesta” vorm. Ma kasutan nende jaoks Aweberit.
- Lisage linke kohtadele, kus teie töö oli nähtav.
- Viska nali või olge salapärane.
Videoõpetus
Samuti saate selle postituse videoõpetust vaadata allpool või YouTube'is.
Mis järgmiseks?
Nüüd, kui sul on põhiotsing Meist ja Minust, minge sirvida teisi blogisid, et näha, millised strateegiad ja kujundused neile sobivad. Võta mõned märkmed. Seejärel tehke oma lugejatega rohkem uurimusi.
Kohandage oma mulle täpselt seda, mida teie lugejad tahavad, ja hakkate lõpuks nägema rohkem lugejaid, kommentaare ja püsikliente. Pane ennast külgribale ja see on lõpuks seda väärt.
Toimetaja märkus: See postitus on kirjutatud Greg Narayan Hongkiat.com jaoks. Greg on New Yorgist pärit 25-aastane mees, kes vastab enne hommikusööki umbes 150 blogiküsimusele.
