Kotisivu » WordPress » Luo Tietoja minusta sivupalkin widget, jossa on editori [WordPress-opetusohjelma]

    Luo Tietoja minusta sivupalkin widget, jossa on editori [WordPress-opetusohjelma]

    Suuret blogit käyttävät erinomaisesti "About Me" -sivuja. Jos haluat saada käyttäjiä sinne, 99% ajasta sisältää lyhyen, kiehtovan "About Me Section" blogin sivupalkissa. Tässä viestissä näytän sinulle, miten luodaan kyseinen osa. Se on yhtä helppoa kuin uuden viestin kirjoittaminen. Itse asiassa käytämme uutta postin editoria WordPressissa luomaan tämän.

    Postieditori on yksi WordPressin monipuolisimmista työkaluista, ja tuskin kukaan ei tiedä sitä. Se, mitä aion näyttää sinulle, on älykäs pieni muotoilu, joka on niin huomaamatta, että sitä ei edes katettu Hongkiat.comin 40 WordPress Hacks -listalla..

    Tämä temppu on myös hieno HTML- ja CSS-perusopetuksen oppimiseen, jos olet juuri aloittamassa.

    Luo viesti

    Tämä opetusohjelma tarvitsee vain "Minusta" -sivun, valokuvan itsestäsi ja tekstistä. "Tietoja minusta" -sivun pitäisi keskittyä saavutuksiin, jotka liittyvät bloggaamiseen, osallistua lukijoihin joidenkin kysymysten kanssa ja sisällyttää kuvia blogistasi. Onko sinulla jo tämä sivu? Täydellinen.

    Nyt aiomme ottaa kaiken tämän WordPress uusi viesti editori. Avaa se ja lataa kuva. Me teemme paljon tästä HTML-välilehti. Kun lähetät kuvan, WordPress luo sille automaattisesti HTML-koodin. Siirry HTML-välilehdelle ja luo tila (osoita Enter) kuvan yläpuolelle. Kirjoita sitten pieni koukkuilmoitus täällä, jotain "Kuka on tämän sivuston takana?" tai jopa vain "Minusta." Ole luova.

    Lisää lyhyt, 3-4 lauseen kuvaus, jonka tarkoituksena on integroida lukija. Kirjoita tämän tekstilohkon lopussa lause kuten "Lue lisää täältä" ja linkki todelliseen Tietoja -sivullesi.

    Työnnä viesti

    Mene nyt Visuaalinen välilehti. Keskitä teksti. Kun palaat HTML-koodiin, huomaat, että WordPress kirjoitti sinulle koodin "p-tyylin" muodossa. Tämä on widgetien luomisen kauneus uudessa postieditorissa; WordPress autowrite koodit sinulle! Sitten lisää vain joitakin CSS: ää!

    Luo näin:

    VIESTISI

    Sulje p-tyyli painamalla a

    .

    Ja lisää muita CSS: ää, joita voit ajatella tai tarvita. Etkö tiedä CSS: ää? Vain Google Search "CSS-koodi ____: lle" ja tyhjössä asettavat mitä yrität tehdä. Kopioi ja liitä sitten p-tyyli. Aseta se tekstilohkon ympärille kuvan alla. Työnnä se kuitenkin haluamallasi tavalla ja sulje se. Jos unohdat sulkea p-tyylin, se ei ole iso juttu. Tyyliä sovelletaan useampaan tekstiin, jota haluat, mutta kaikki tekevät tämän virheen ainakin kerran.

    Käytä koodeja kursiivilla ja tekstin rohkeasti ja muista sulkea myös ne.

    Olemme nyt luoneet, ja on aika aloittaa hauskaa.

    Aseta työsi sivupalkkiin

    Kopioi ja liitä HTML-välilehdessä kaikki luotu. Siirry kohtaan Ulkoasu, widgetit-välilehti, ja vedä a tyhjä Teksti-widget sivupalkkiin. Liitä koodi. Napsauta sitten Tallenna ja napsauta blogisi kotisivua. Miltä näyttää?

    Lähes varmasti halua tehdä muutoksia täällä. Kuva ei ehkä ole kokoinen, tai fontit eivät ehkä näy sellaisena kuin olet kuvitellut, mutta ei huoli, voit muokata tätä suoraan suoraan Teksti-widgetissä tai vielä paremmin uudessa postinkäsittelyohjelmassasi, jossa voit esikatsella muutoksia helpommin.

    Hauskat muotoiluominaisuudet ja muut lisäykset

    CSS on todella hauska peli. Seuraavassa on muutamia tapoja tehdä tästä About Me -osiosta todella pop.

    1. Käytä eksoottisia värejä.
    2. Käytä katkoviivaa tai värirajaa.
    3. Laita "Opt In" -lomake suoraan tekstin alle. Käytän Aweberia näihin.
    4. Lisää linkkejä paikkoihin, joissa työsi oli esillä.
    5. Heitä vitsi tai ole salaperäinen.

    Video-opetusohjelma

    Voit myös katsella tämän oppaan videopalvelua alla tai YouTubessa.

    Mitä seuraavaksi?

    Nyt, kun sinulla on perustiedot About Me ja About Me -sivulta, mene selaamaan muita blogeja nähdäksesi, mitkä strategiat ja mallit toimivat heille. Ota muutamia muistiinpanoja. Tee sitten lisää tutkimuksia omilta lukijoiltasi.

    Räätälöi About Me tarkalleen, mitä lukijat haluavat, ja alat nähdä lopulta enemmän lukijoita, kommentteja ja uskollisia tilaajia. Laita itsesi sivupalkkiin ja sen arvo on sen arvoinen.

    Toimittajan huomautus: Tämä viesti on kirjoittanut Greg Narayan varten Hongkiat.com. Greg on 25-vuotias New Yorkin kaveri, joka vastaa noin 150 blogikysymykseen ennen aamiaista.

    © Savtec
    Hyödyllisiä tietoja ja verkkokehitysvinkkejä. Ohjelmointi, web-suunnittelu, CSS, HTML, JAVASCRIPT. Määritä ja asenna WINDOWS uudelleen. Sivustojen ja sovellusten luominen tyhjästä.