Homepage » WordPress » Hozzon létre „About Me” Sidebar Widget-t postai szerkesztővel [WordPress bemutató]

    Hozzon létre „About Me” Sidebar Widget-t postai szerkesztővel [WordPress bemutató]

    A nagy blogok kiválóan használják a "About Me" oldalakat. Ahhoz, hogy a felhasználók ott legyenek, az idő 99% -a tartalmaz egy rövid, érdekes "About Me Section" -ot a blogoldali sávjában. Ebben a hozzászólásban megmutatom, hogyan hozhatok létre ezt a részt. Olyan egyszerű, mint egy új üzenet írása. Valójában a WordPress új poszt-szerkesztőjét fogjuk használni ennek létrehozásához.

    A poszt-szerkesztő a WordPress egyik legváltozatosabb eszköze, és alig tudja mindenki. Amit most megmutatom, egy okos kis dizájn csapkod, egy olyan trükk, amit annyira elfelejtettünk, hogy még a Hongkiat.com 40 WordPress Hacks listáján sem szerepelt..

    Ez a trükk is nagyszerű néhány alapvető HTML és CSS megismerésére, ha csak elkezdesz.

    Üzenet létrehozása

    Mindössze annyit kell tennie, hogy ez a bemutató az "About Me" oldal, önmagad fotója és néhány szöveg. A "Rólam" oldalnak a blogolás során elért eredményeikre kell összpontosítania, az olvasó néhány kérdésével foglalkoznia, és bele kell foglalnia a blogokról készült képeket. Már elkészítette ezt az oldalt? Tökéletes.

    Most mindezt át fogjuk venni WordPress új üzenetszerkesztő. Nyissa meg, és töltse fel a képet. Sokat fogunk csinálni ebből HTML lap. A kép feltöltésekor a WordPress automatikusan létrehozza a HTML-kódot. Menjen a HTML lapra, és hozzon létre egy helyet (nyomja meg az Entert) a kép felett. Ezután írjon itt egy kis horog üzenetet, valami olyasmit, mint "Ki a webhely mögött?" vagy akár csak "Rólam". Légy kreatív.

    Adjunk hozzá egy rövid, 3-4 mondatú leírást, amely az olvasó behatolására szolgál. A szövegblokk végén írjon egy mondatot, mint "További információ itt", és hivatkozzon a tényleges oldalra.

    Az üzenet stílusa

    Most menj a Visual Tab. Állítsa be a szöveget. Amikor visszatérsz a HTML-hez, észre fogod venni, hogy a WordPress néhány kódot írt neked, "p stílus" formájában. Ez az új szerkesztő szerkesztőjének widgetek létrehozásának szépsége; WordPress autowrite kódok az Ön számára! Ezután csak adjon hozzá néhány alapvető CSS-t!

    Hozzon létre ilyet:

    AZ ÜZENETED

    Győződjön meg róla, hogy bezárja a p stílust a

    .

    És adjon hozzá bármilyen más CSS-t, amire gondolhat vagy szüksége lehet. Nem tudom a CSS-t? Csak a Google Search "CSS kódja a ____" -nak és az üresen az, amit csinálsz. Ezután másolja és illessze be a p-stílust. Helyezze a szövegblokk üzenet köré a kép alatt. Stílus, de szeretné, és zárja le. Ha elfelejtetted bezárni egy p-stílust, ez nem nagy dolog. A stílus több olyan szövegre fog vonatkozni, amelyeket szeretne, de mindenki ezt a hibát legalább egyszer elvégzi.

    Használjon kódokat dőlt és és ne felejtse el bezárni azokat is.

    Most már készen állunk, és itt az ideje, hogy elkezdjük a szórakozást.

    Helyezze el a munkáját az oldalsávba

    A HTML lapon másolja és illessze be mindazt, amit létrehozott. Menj a Megjelenés, Widgetek lap, és húzza a üres Szöveg widget az oldalsávba. Illessze be a kódot. Ezután nyomja meg a Mentés gombot, majd kattintson a blogod kezdőlapjára. Hogy néz ki?

    Majdnem biztosan akarsz néhány módosítást itt. Előfordulhat, hogy a kép mérete nem megfelelő, vagy a betűtípusok nem jelennek meg, mint ahogy elképzelték, de nem kell aggódniuk. Ezt az egészet közvetlenül a Szöveg widgetben, vagy még jobban szerkesztheti az új bejegyzésszerkesztőjében, ahol megtekintheti a módosításokat könnyebben.

    Szórakoztató stílus és egyéb kiegészítések

    A CSS valóban szórakoztató játék. Íme néhány módja annak, hogy ez a About Me szakasz valóban pop legyen.

    1. Használjon egzotikus színeket.
    2. Használjon pontozott vagy színes szegélyt.
    3. Helyezzen be egy "Kiválasztás" űrlapot közvetlenül a szöveg alá. Ezekre az Aweber-t használom.
    4. Adjon hozzá linkeket a munkahelyeire.
    5. Dobj egy viccet, vagy titokzatos.

    Videó bemutató

    A videó bemutatóját ezen az oldalon is megtekintheti az alábbiakban vagy a YouTube-on.

    Mi a következő lépés?

    Most, hogy van egy alapvető rólam és a About Me oldalról, keresse fel a többi blogot, hogy megtudja, milyen stratégiák és tervek dolgoznak nekik. Vegyünk néhány megjegyzést. Ezután végezzen több kutatást saját olvasóival.

    Személyre szabhatja a About Me-t pontosan, amit az olvasók szeretnének, és végül több olvasót, kommentárt és hűséges előfizetőt látni fog. Tedd magad az oldalsávba, és a végén érdemes.

    A szerkesztő megjegyzése: Ezt a bejegyzést írta Greg Narayan Hongkiat.com részére. Greg egy 25 éves New York-i srác, aki a reggeli előtt kb.

    © Savtec
    Hasznos információk és webfejlesztési tippek. Programozás, webdesign, CSS, HTML, JAVASCRIPT. Konfigurálja és telepítse újra a WINDOWS szoftvert. Webhelyek és alkalmazások létrehozása a semmiből.