Hoe een WordPress-inhoudsjabloon sneller kan worden geschreven

Het runnen van een blog kan in eerste instantie een redelijk romantisch idee lijken. Je stelt je voor twee of drie blogposts per dag te pushen en honderden of hopelijk duizenden fans die kijken wat je te zeggen hebt.

De dagen worden weken en daarna worden de weken maanden. Bloggen wordt een hele klus. U realiseert zich dat u het grootste deel van uw tijd besteedt aan het proberen uw berichten te formatteren zodat ze er professioneel uitzien.

Dan huur je een schrijver in, en dan twee. Binnenkort heb je een team van schrijvers dat je elke week berichten stuurt, en je bent nu aan het uitgeven allemaal van uw tijd aan het bewerken en opmaken van die berichten om er zo uit te zien zoals u wilt dat ze eruit zien op de blog die een liefdeswerk is geworden.

Het probleem is dat al deze bewerkingen en opmaak de hele tijd hebben weggenomen die je had voor wat je het liefst deed - schrijf.

WordPress is een briljante uitvinding, en heeft het voor steeds meer mensen mogelijk gemaakt om geweldige websites te hebben, met prachtige thema's. Hoe je je Wordpress Blog-thema kunt veranderen in 3 eenvoudige stappen Hoe je jouw Wordpress Blog-thema kunt veranderen in 3 eenvoudige stappen Lees meer. Er is echter nog steeds de kwestie van het inhoudsgebied, dat nog steeds moet worden opgemaakt voor foto's, advertenties en goed gespreide inhoud.

Uw WordPress-inhoud opmaken met een sjabloon

Een tijdje terug beschreef ik hoe je automatisch een advertentie in elk bericht kon invoegen met behulp van de In-Post Template Add-on voor WordPress.

Dit werkt uitstekend als u begint met een nieuwe blog - maar als u al advertenties in uw berichten heeft geplaatst, gaat deze terug en voegt u een nieuwe advertentie in en verprutst u al uw oude berichten volledig.

Maak je geen zorgen - er is nog een oplossing die nog beter is. Door simpelweg een van uw standaard WordPress PHP-bestanden te bewerken en vervolgens een stylesheet te maken, kunt u uw eigen, zorgvuldig opgemaakte contentsjabloon maken die elke keer dat u klikt, verschijnt “Voeg nieuw toe” in WordPress. Al je oude inhoud blijft onaangeroerd.

Hier is een voorbeeld van alle opmaakwerkzaamheden die ik in mijn eigen blog heb gedaan.

Ik heb een headerafbeelding die zorgvuldig moet worden aangepast, met vulling eromheen en links uitgelijnd. Ik heb de “meer” pauze, gevolgd door mijn Google-advertentie in de post. Vervolgens heb ik gedurende elk bericht extra afbeeldingen die qua grootte en recht gerechtvaardigd zijn. Voor het grootste deel schaam ik me om te zeggen dat ik dit allemaal handmatig heb gedaan - inclusief alle artikelen die mijn schrijvers versturen.

Dit is hoe zo'n bericht er uitziet als het wordt gepubliceerd.

Zoals u kunt zien, is de opmaak een beetje lastig, omdat ik op een bepaald gebied de afbeelding laat rechtvaardigen, en in de volgende sectie heb ik de advertentie rechts uitgevuld. Alle aanvullende afbeeldingen zijn dan ook goed gerechtvaardigd. Ik vind deze opstelling leuk voor mijn eigen blog omdat het makkelijker is voor de ogen en goed kan stromen. Je hebt misschien je eigen voorkeur voor je specifieke WordPress-blog.

De eerste stap om uw sjabloon te maken, is een back-up te maken van uw functions.php-bestand (u vindt het in de hoofdmap van uw thema) en opent het vervolgens om te bewerken.

Je ziet hier een aantal codes - alle functies die momenteel worden gebruikt door je huidige blogthema. Je gaat een nieuw gedeelte invoegen tussen deze functies. Zoek het einde van de eerste functie en voer vervolgens de code in die ik hierna ga beschrijven.

Nu moet ik de eer opbrengen waar het lef is. Ik kreeg dit idee van David Hansen in Smashing Magazine, die daarover in oktober al een artikel schreef. In dit geval ga ik zijn idee uitbreiden door je te laten zien hoe je die sjabloon kunt aanpassen voor dingen zoals advertenties en afbeeldingen.

 add_filter (default_content ',' custom_editor_content); add_editor_style ( 'editor-style.css'); function custom_editor_content ($ content) $ content = 'Voeg hier uw inleiding in Voer hier Google Script in Hier is de inhoud van de tweede sectie Hier is de inhoud van de derde sectie Hier is de inhoud van de derde sectie'; return $ inhoud;  

Merk op hoe de uitlijning het best werkt met behulp van de beelduitlijning die is ingebouwd in uw themastijl en in het geval van de Google-advertentie moet u de tweede div gebruiken met het stijlkenmerk om uit te lijnen waar u het wilt hebben. Het werkt gewoon het beste. Voor wat betreft dimensionering, opvulling en plaatsing moet u echter het CSS-bestand maken.

Dit is de stijl voor elke sectie die hierboven is gedefinieerd.

body background: # f5f5f5;  .content-col-main float: right; width: 70%; padding: 1%; rand: 1px gestippeld #ccc; achtergrond: #fff;  .content-col-side float: left; width: 210px; padding: 1%; rand: 1px gestippeld #ccc; achtergrond: #fff;  .content-google-ad float: right; width: 20%; padding: 1%; rand: 1px gestippeld #ccc; achtergrond: #fff;  .content-section-two float: left; width: 70%; padding: 1%; rand: 1px gestippeld #ccc; achtergrond: #fff;  .content-image-three float: right; width: 210px; padding: 1%; rand: 1px gestippeld #ccc; achtergrond: #fff;  .content-section-three float: left; width: 70%; padding: 1%; rand: 1px gestippeld #ccc; achtergrond: #fff;  img / * Zorgt ervoor dat uw afbeeldingen binnen hun kolommen blijven * / max-width: 100%; breedte: auto; hoogte: auto; 

U kunt percentages of pixels gebruiken voor het dimensioneren. Ik geef de voorkeur aan pixels voor afbeeldingen, maar het komt echt neer op voorkeur. Als er te veel ruimte tussen de afbeeldingen en tekst is, past u de inhoudspercentages een beetje aan totdat het er goed uitziet.

Nadat u uw .css-bestand hebt opgeslagen, opent u een nieuw bericht en ziet u dat uw perfect opgemaakte inhoudssjabloon al op uw plaats is.

Het enige wat u hoeft te doen, is op de afbeelding klikken en degene die u wilt gebruiken uploaden en vervolgens alle inhoudsgebieden invullen. Het is echt zo eenvoudig als dat. Alles wordt automatisch uitgelijnd en geplaatst waar ze moeten gaan.

Alle goed gemotiveerde Google-code of afbeeldingen zijn er al - het enige dat u hoeft te doen, is de inhoud bijwerken. De tijd die je nodig hebt om een ​​post samen te stellen met alles wat je al hebt gedaan, zal gegarandeerd een enorme factor zijn.

Het bijwerken van alle afbeeldingen op de sjabloon is net zo eenvoudig als het uploaden van de foto's die u naar uw blog wilt gebruiken met behulp van de media uploadtool, en dan op de afbeelding te klikken en de URL te plakken naar die afbeeldingen in de “Bron” veld-.

Natuurlijk wilt u ook de titel- en alt-tags bijwerken. Zoals u hier in mijn testartikel kunt zien, is het schrijven van een artikel nu slechts een kwestie van het invullen van elk van de inhoudgebieden. Ik kan je niet vertellen hoe fijn het is om je gewoon te kunnen concentreren op schrijven, wetende dat al de juiste opmaak al aanwezig is om het artikel er absoluut goed uit te laten zien.

Het eindresultaat? Hier is mijn eerste testartikel met behulp van de nieuwe WordPress-contentsjabloon. Alle afbeeldingen en advertentiecode worden perfect ingevoegd, uitgelijnd en uit elkaar geplaatst.

Als je niet beter wist, zou je denken dat er helemaal niets is veranderd op de blog. De opmaak ziet er identiek uit als hoe hij eruitzag toen ik er een uur of langer overheen kneep. Nu is al die moeite en het formatteren van vallen en opstaan ​​al ingebracht in de inhoudsjabloon van WordPress.
Dus alles wat nu nog over is, is achterover leunen en doen wat je altijd al hebt gedaan - schrijven.
Verlaagt dit WordPress Content-sjabloon de belasting van je eigen blog? Heeft u andere opmaak tips die mensen kunnen gebruiken in hun eigen sjablonen? Deel uw mening en inzichten in de opmerkingen hieronder.
Beeldcredits: Shutterstock

Ontdek meer over: Bloggen, Wordpress, Schrijftips.