Úvodná » WordPress » Vytvorte O mne Sidebar Widget s editorom príspevkov [WordPress tutorial]

    Vytvorte O mne Sidebar Widget s editorom príspevkov [WordPress tutorial]

    Veľké blogy vynikajúco využívajú stránky "O mne". Ak chcete získať používateľov tam, 99% času, ktoré obsahujú krátku, zaujímavú sekciu "O mne" v ich bočnom paneli blogu. V tomto príspevku vám ukážem, ako vytvoriť túto sekciu. Je to také jednoduché ako písanie nového príspevku. V skutočnosti použijeme nový editor príspevkov v službe WordPress na vytvorenie tohto príspevku.

    Editor príspevkov je jedným z najrozmanitejších nástrojov v aplikácii WordPress a sotva to vie niekto iný. Čo sa chystám ukázať vám je šikovný malý dizajnový hack, trik tak prehliadnutý, že to nebolo ani pokryté v zozname Hongkiat.com 40 WordPress Hacks.

    Tento trik je tiež skvelý pre učenie niektorých základných HTML a CSS, ak ste práve začali.

    Vytvorte svoju správu

    Všetko, čo potrebujete pre tento tutoriál, je vaša stránka "O mne", fotografia sami a nejaký text. Vaša stránka "O mne" by sa mala sústrediť na vaše úspechy v blogovaní, zapojiť čitateľa do niekoľkých otázok a zahrnúť fotografie z vás blogov. Už ste túto stránku vyrobili? perfektný.

    Teraz to vezmeme všetkým WordPress nový príspevok editor. Otvorte ho a odovzdajte obrázok. Z toho budeme robiť veľa Karta HTML. Keď odovzdáte obrázok, program WordPress automaticky generuje kód HTML. Prejdite na kartu HTML a vytvorte medzeru (stlačte Enter) nad svojim obrázkom. Potom tu napíšte správu s malým háčikom, niečo ako "Kto je za týmto webom?" alebo dokonca len "O mne". Buď kreatívny.

    Pridajte krátky popis vety, ktorý by mal intrigu čitateľa. Na konci tohto textového bloku napíšte vetu, ako je "Získajte viac informácií tu" a prepojte sa s aktuálnou stránkou O stránke.

    Štýl vašej správy

    Teraz ísť Vizuálna karta. Centrum textu. Keď sa vrátite k HTML, všimnete si, že WordPress napísal nejaký kód pre vás, vo forme "p štýlu". Toto je krása vytvárania miniaplikácií v novom príspevkovom editore; WordPress autowrite kódy pre vás! Potom jednoducho pridáte niektoré základné CSS!

    Vytvorte niečo takéto:

    TVOJA SPRÁVA

    Uistite sa, že ste zatvorili p štýl s

    .

    A pridajte akékoľvek iné CSS, ktoré si môžete myslieť alebo potrebujete. Neviem CSS? Len vyhľadávanie Google "CSS kód pre ____" a v prázdne dal čo sa snažíte robiť. Potom skopírujte a prilepte štýl p. Umiestnite ho okolo správy textového bloku pod obrázkom. Stlačte to, čo by ste chceli, a zatvorte ho. Ak zabudnete zatvoriť p štýl, nie je to veľký problém. Štýl sa bude vzťahovať na viac textu, ktorý chcete, ale každý to urobí aspoň raz.

    Použite kódy kurzívou a aby sa váš text odvážil, a nezabudnite ich takisto zatvoriť.

    Teraz sme vytvorili tvorbu a je načase, aby začala zábava.

    Umiestnite svoju prácu do bočného panela

    Na karte HTML skopírujte a vložte všetko, čo ste vytvorili. Prejdite na stránku Vzhľad, kartu Widgety, a potiahnite a prázdny textový widget do bočného panela. Prilepte kód. Potom kliknite na položku Uložiť a kliknite na domovskú stránku svojho blogu. Ako to vyzerá?

    Určite budete chcieť urobiť nejaké úpravy. Obraz môže byť nepodstatný alebo písma sa nemusia zobrazovať ako ste si predstavovali, ale nemusíte sa obávať. Môžete to všetko upraviť priamo v miniaplikácii Text alebo ešte lepšie v novom príspevkovom editore, kde si môžete prezrieť zmeny ľahšie.

    Funkcia Fun Styling a ďalšie doplnky

    CSS je naozaj zábavná hra. Tu sú niektoré spôsoby, ako urobiť túto sekciu O mne skutočne pop.

    1. Použite exotické farby.
    2. Použite bodkovaný alebo farebný okraj.
    3. Vložte formulár "Opt In" priamo pod text. Používam Awebera pre tieto.
    4. Pridajte odkazy na miesta, na ktorých bola vaša práca uvedená.
    5. Hádzať vtip, alebo byť tajomný.

    Video výučba

    Môžete tiež pozrieť video tutoriál pre tento príspevok, ako je uvedené nižšie alebo na YouTube.

    Čo bude ďalej?

    Teraz, keď máte základnú sekciu O mne a O mne, prejdite na iné blogy, aby ste zistili, aké stratégie a návrhy pre nich fungujú. Vezmite si niekoľko poznámok. Potom vykonajte ďalší výskum na svojich čitateliach.

    Upravte svoje presne to, čo vaše čitatelia chcú, a nakoniec začnete vidieť viac čitateľov, komentátorov a lojálnych odberateľov. Dajte sa do bočného panela a nakoniec to stojí za to.

    Poznámka redaktora: Tento príspevok je napísaný používateľom Greg Narayan pre Hongkiat.com. Greg je 25-ročný muž z New Yorku, ktorý odpovedá na asi 150 blogových otázok pred raňajkami.

    © Savtec
    Užitočné informácie a tipy na vývoj webových aplikácií. Programovanie, webdesign, CSS, HTML, JAVASCRIPT. Nakonfigurujte a preinštalujte Windows. Tvorba webov a aplikácií od nuly.