Maak 'Over mij' zijbalk Widget met berichteditor [WordPress zelfstudie]
Grote blogs maken uitstekend gebruik van de pagina's 'Over mij'. Om gebruikers daarheen te krijgen, bevatten ze 99% van de tijd een korte, intrigerende 'Over Me-sectie' in hun blogzijbalk. In dit bericht laat ik je zien hoe je dat gedeelte kunt maken. Het is net zo eenvoudig als het schrijven van een nieuw bericht. In feite gebruiken we de nieuwe berichteditor in WordPress om dit te maken.
De berichteditor is een van de meest veelzijdige tools in WordPress en bijna niemand kent het. Wat ik je ga laten zien is een slimme kleine ontwerphack, een truc die zo over het hoofd wordt gezien dat het niet eens is opgenomen in de lijst met 40 WordPress Hacks van Hongkiat.com..
Deze truc is ook geweldig voor het leren van een beetje HTML en CSS, als je net begint.
Maak uw bericht aan
Alles wat je nodig hebt voor deze tutorial is je "Over mij" -pagina, een foto van jezelf en wat tekst. Op de pagina 'Over mij' moet je je concentreren op je prestaties in het bloggen, de lezer betrekken bij enkele vragen en foto's van je bloggen toevoegen. Heb je deze pagina al gemaakt? Perfect.
Nu gaan we dit allemaal overnemen naar de WordPress nieuwe berichteditor. Open het en upload je afbeelding. We doen veel van dit van de HTML-tabblad. Wanneer u een afbeelding uploadt, genereert WordPress automatisch de HTML-code ervoor. Ga naar het HTML-tabblad en maak een spatie (enter) boven je afbeelding. Schrijf dan hier een klein haakje, iets als "Wie zit er achter deze site?" of zelfs alleen 'Over mij'. Wees creatief.
Voeg een korte 3-4-zinsbeschrijving toe die bedoeld is om de lezer te intrigeren. Aan het einde van dit tekstblok schrijf je een zin als "Hier meer informatie" en maak je een link naar je actuele About-pagina.
Stijl je bericht
Ga nu naar de Visueel tabblad. Centreer je tekst. Wanneer je teruggaat naar HTML, zul je merken dat WordPress wat code voor je heeft geschreven, in de vorm van een 'p-stijl'. Dit is het mooie van het maken van widgets in de nieuwe berichteditor; WordPress autowrite codes voor u! Je voegt dan gewoon wat standaard CSS toe!
Maak zoiets als dit:
UW BERICHT
Zorg ervoor dat je de p-stijl sluit met een
En voeg eventuele andere CSS toe die u kunt bedenken of nodig hebt. Weet je CSS niet? Gewoon Google Zoeken "CSS-code voor ____" en in de blanco zet wat je probeert te doen. Kopieer en plak vervolgens de p-stijl. Plaats het rond je tekstblok onder de afbeelding. Style het zoals je zou willen, en sluit het af. Als je vergeet een p-stijl te sluiten, is dat geen probleem. De stijl zal van toepassing zijn op meer tekst die u wilt, maar iedereen maakt deze fout minstens één keer.
Gebruik codes cursiveren en om uw tekst vet te maken en vergeet niet om die ook af te sluiten.
We zijn klaar met het maken van, voor nu, en het is tijd voor het plezier om te beginnen.
Plaats uw werk in de zijbalk
Kopieer en plak op het HTML-tabblad alles wat u hebt gemaakt. Ga naar de Uiterlijk, tabblad Widgets, en sleep een lege tekst widget in je zijbalk. Plak in je code. Tik vervolgens op Opslaan en klik vervolgens op de startpagina van je blog. Hoe ziet het eruit?
Je zult bijna zeker hier wat aanpassingen willen aanbrengen. De afbeelding is mogelijk niet groot of de lettertypen worden mogelijk niet weergegeven zoals je je had voorgesteld, maar maak je geen zorgen, je kunt dit alles rechtstreeks in de tekstwidget bewerken, of beter nog, in je nieuwe berichteditor, waar je een voorbeeld van de wijzigingen kunt bekijken makkelijker.
Fun Styling-functies en andere toevoegingen
CSS is echt een leuk spel. Hier zijn enkele manieren om dit gedeelte Over mij echt populair te maken.
- Gebruik exotische kleuren.
- Gebruik een gestippelde of gekleurde rand.
- Zet een "Opt In" -formulier direct onder je tekst. Ik gebruik Aweber hiervoor.
- Voeg links toe naar plaatsen waar uw werk was opgenomen.
- Gooi in een grap, of wees mysterieus.
Video-instructies
Je kunt ook de videozelfstudie voor deze post bekijken, zoals hieronder of op YouTube.
Wat is het volgende?
Nu u een eenvoudige About Me-sectie en About Me-pagina hebt, gaat u op zoek naar andere blogs om te zien welke strategieën en ontwerpen voor hen werken. Neem een paar opmerkingen. Doe dan wat meer onderzoek naar uw eigen lezers.
Pas uw Over mij aan precies aan wat uw lezers willen en u zult uiteindelijk meer lezers, commentatoren en loyale abonnees gaan zien. Zet jezelf in de zijbalk en het is de moeite waard op het einde.
Opmerking van de uitgever: Dit bericht is geschreven door Greg Narayan voor Hongkiat.com. Greg is een 25-jarige jongen uit New York die voor het ontbijt ongeveer 150 blogvragen beantwoordt.
