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.
- Használjon egzotikus színeket.
- Használjon pontozott vagy színes szegélyt.
- Helyezzen be egy "Kiválasztás" űrlapot közvetlenül a szöveg alá. Ezekre az Aweber-t használom.
- Adjon hozzá linkeket a munkahelyeire.
- 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.