Vytvořit O mně Sidebar Widget S Post Editor [WordPress tutorial]
Velké blogy skvěle využívají stránky "O mně". Chcete-li získat uživatele tam, 99% času, které obsahují stručné, zajímavé "O mně sekce" v jejich blogu postranním panelu. V tomto příspěvku vám ukážeme, jak tuto sekci vytvořit. Je to stejně snadné jako psaní nového příspěvku. Ve skutečnosti, budeme používat nový post editor v WordPress vytvořit.
Post editor je jedním z nejvšestrannějších nástrojů ve WordPressu a sotva to někdo zná. To, co se chystám ukázat, je chytrý malý designový hack, trik tak přehlížený, že to nebylo ani zahrnuto do seznamu 40 slov WordPress Hacks v Hongkiat.com.
Tento trik je také skvělý pro učení některých základních HTML a CSS, pokud jste právě začíná.
Vytvořte svou zprávu
Vše, co potřebujete pro tento tutoriál, je stránka "O mně", fotografie a text. Vaše stránka "O mně" by se měla zaměřit na vaše úspěchy v blogování, zapojit čtenáře s některými otázkami a zahrnout obrázky z vašich blogů. Už jste vytvořili tuto stránku? Perfektní.
Teď to všechno vezmeme WordPress nový post editor. Otevřete jej a nahrajte obrázek. Z toho budeme dělat hodně Karta HTML. Když nahrajete obrázek, WordPress automaticky vygeneruje HTML kód. Přejděte na kartu HTML a vytvořte nad obrázkem mezeru (stiskněte klávesu Enter). Pak napište tu malou zprávu, něco jako "Kdo je za touto stránkou?" nebo dokonce jen "O mně." Být kreativní.
Přidejte krátký popis 3-4 věty, který by měl čtenáře zaujmout. Na konci tohoto textového bloku napište větu jako „Zjistit více zde“ a odkaz na vaši aktuální stránku O aplikaci.
Styl Vaše zpráva
Teď jdi Vizuální tab. Vycentrujte svůj text. Když se vrátíte do HTML, všimnete si, že WordPress pro vás napsal nějaký kód, ve formě "p stylu". Toto je krása vytváření widgetů v novém editoru příspěvků; WordPress autowrite kódy pro vás! Pak stačí přidat několik základních CSS!
Vytvořte něco takového:
VAŠE ZPRÁVA
Ujistěte se, že jste zavřeli styl p
A přidejte další CSS, na které můžete myslet nebo které potřebujete. Nevíte CSS? Jen Google Search "CSS kód pro ____" a v prázdném dát to, co se snažíte udělat. Pak zkopírujte a vložte styl p. Umístěte jej kolem zprávy textového bloku pod obrázek. Styl je však chcete a zavřete ho. Pokud zapomenete zavřít styl p, není to velký problém. Styl bude platit pro více textu, který chcete, ale každý udělá tuto chybu alespoň jednou.
Použijte kódy na kurzívu a tučný text a nezapomeňte je také zavřít.
Dosud jsme vytvořili a je čas začít tuto zábavu.
Umístěte svou práci na postranní panel
V záložce HTML zkopírujte a vložte vše, co jste vytvořili. Přejděte na stránku Vzhled, karta Widgety, a přetáhněte prázdný Text widget do postranního panelu. Vložte kód. Poté stiskněte Uložit a klikněte na domovskou stránku svého blogu. Jak to vypadá?
Téměř určitě chcete provést nějaké úpravy. Obrázek může být mimo rozsah, nebo se písma nemusí zobrazit tak, jak jste si představovali, ale neměli byste se bát, toto vše můžete upravit přímo ve widgetu Text nebo ještě lépe v novém editoru příspěvků, kde můžete zobrazit náhled změn jednodušeji.
Funkce Fun Styling a další doplňky
CSS je opravdu zábavná hra. Zde je několik způsobů, jak tuto sekci About Me opravdu pop.
- Použijte exotické barvy.
- Použijte tečkovaný nebo barevný okraj.
- Umístěte formulář „Opt In“ přímo pod text. Používám Aweber pro tyto.
- Přidejte odkazy na místa, na kterých jste pracovali.
- Hoď vtip, nebo být tajemný.
Video výuka
Můžete také sledovat video tutorial pro tento příspěvek, jak je uvedeno níže nebo na YouTube.
Co bude dál?
Nyní, když máte základní sekci O mně a stránku O mně, jděte procházet další blogy, abyste zjistili, jaké strategie a návrhy pro ně pracují. Vezměte si pár poznámek. Pak proveďte další výzkum na svých vlastních čtenářích.
Přizpůsobte si o mně přesně to, co vaši čtenáři chtějí, a nakonec začnete vidět více čtenářů, komentátorů a věrných předplatitelů. Postavte se do postranního panelu a nakonec to stojí za to.
Poznámka editora: Tento příspěvek je napsán Greg Narayan pro Hongkiat.com. Greg je 25letý chlapík z New Yorku, který odpoví na 150 otázek před snídaní.
