Sådan bruger du en Wordpress-indholdsskabelon til at skrive hurtigere

Reklame

At drive en blog kan umiddelbart virke som en ret romantisk idé. Du forestiller dig at skubbe to eller tre blogindlæg ud om dagen, og hundredvis eller forhåbentlig tusindvis af fans tjekker ud, hvad du har at sige.

Dagene bliver til uger, og så bliver ugerne til måneder. Blogging bliver en opgave. Du indser, at du bruger det meste af din tid på at forsøge at formatere dine indlæg, så de ser professionelt udførte ud.

Så hyrer du en forfatter og så to. Snart har du et team af forfattere, der sender dig indlæg hver uge, og du bruger nu alle af din tid på at redigere og formatere disse indlæg, så de ser ud, som du vil have dem til at se ud på bloggen, der er blevet et kærlighedsarbejde.

Problemet er, at al denne redigering og formatering har taget al den tid, du plejede at have til det, du elskede at lave - at skrive.

WordPress er en genial opfindelse, og har gjort det muligt for flere og flere mennesker at have fantastiske hjemmesider, med smukke temaer Sådan ændrer du dit Wordpress-blog-tema i 3 nemme trin Læs mere

. Der er dog stadig spørgsmålet om indholdsområdet, som stadig mangler at blive formateret til billeder, annoncer og godt fordelt indhold.

Formatering af dit WordPress-indhold med en skabelon

For et stykke tid tilbage beskrev jeg for dig, hvordan du automatisk kunne indsætte en annonce i hvert enkelt indlæg ved hjælp af In-Post Template Add-on til WordPress.

Dette fungerer glimrende, hvis du starter med en ny blog - men hvis du allerede har indsat annoncer i dine indlæg, vil den gå tilbage og genindsætte en ny annonce og fuldstændig ødelægge alle dine gamle indlæg.

Bare rolig - der er en anden løsning, der er endnu bedre. Ved blot at redigere en af ​​dine standard WordPress PHP-filer og derefter oprette et typografiark, kan du oprette din helt egen omhyggeligt formaterede indholdsskabelon, der vises hver gang du klikker på "Tilføj ny" ind WordPress. Alt dit gamle indhold forbliver uberørt.

Her er et eksempel på alt det formateringsarbejde, jeg har gang i på min egen blog.

Jeg har et overskriftsbillede, der skal tilpasses omhyggeligt, med polstring omkring og venstrejusteret. Jeg har en "mere" pause, efterfulgt af min in-post Google-annonce. Derefter har jeg gennem hvert indlæg yderligere billeder, der er tilpasset og korrekt begrundet. For det meste skammer jeg mig over at sige, at jeg har gjort alt dette manuelt - inklusive alle artikler, som mine forfattere sender ind.

Sådan ser sådan et indlæg ud, når det udgives.

Som du kan se, er formateringen lidt tricky, fordi jeg i et område har billedet venstrejusteret, og i næste afsnit har jeg annoncen højrejusteret. Så er alle ekstra billeder også højrejusteret. Jeg kan godt lide denne opsætning til min egen blog, fordi den er lettere for øjnene og flyder godt. Du kan have din egen præference for din særlige WordPress-blog.

Det første skridt til at oprette din skabelon er at tage backup af din functions.php-fil (du finder den i rodmappen til dit tema), og derefter åbne den til redigering.

Du vil se en masse kode herinde - alle funktioner, der i øjeblikket bruges af dit nuværende blogtema. Du vil indsætte en ny sektion mellem disse funktioner. Find slutningen af ​​den første funktion, og indsæt derefter koden, som jeg vil detaljere næste gang.

Nu er jeg nødt til at give kredit, hvor der skal krediteres – jeg fik faktisk denne idé fra David Hansen på Smashing Magazine, som skrev en artikel om dette tilbage i oktober. I dette tilfælde vil jeg udvide hans idé ved at vise dig, hvordan du tilpasser den skabelon til ting som annoncer og billeder.

add_filter('default_content','custom_editor_content'); add_editor_style('editor-style.css'); funktion custom_editor_content( $content ) { $content = ' 
 Indsæt din introduktion her 
 Indtast Google Script her 
 Her er andet afsnits indhold 
 Her er tredje afsnits indhold 
 Her er tredje afsnits indhold 
 '; returnere $indhold; } 

Læg mærke til, hvordan justeringen faktisk fungerer bedst ved at bruge billedjusteringen indbygget i din temastil og i i tilfælde af Google-annoncen, skal du bruge den anden div med stilattributten for at justere, hvor du gerne vil have den gå. Det fungerer bare bedst. Men hvad angår størrelse, polstring og placering, skal du oprette css-filen.

Her er stylingen for hver sektion defineret ovenfor.

body {baggrund: #f5f5f5; } .content-col-main { flyde: højre; bredde: 70%; polstring: 1%; kant: 1px prikket #ccc; baggrund: #fff; } .content-col-side { flyde: venstre; bredde: 210px; polstring: 1%; kant: 1px prikket #ccc; baggrund: #fff; } .content-google-ad { flyde: højre; bredde: 20%; polstring: 1%; kant: 1px prikket #ccc; baggrund: #fff; } .content-section-two { flyde: venstre; bredde: 70%; polstring: 1%; kant: 1px prikket #ccc; baggrund: #fff; } .content-image-three { flyde: højre; bredde: 210px; polstring: 1%; kant: 1px prikket #ccc; baggrund: #fff; } .content-section-three { flyde: venstre; bredde: 70%; polstring: 1%; kant: 1px prikket #ccc; baggrund: #fff; } img { /* Sørger for, at dine billeder forbliver inden for deres kolonner */ max-width: 100%; bredde: auto; højde: auto; }

Du kan bruge enten procenter eller pixels til størrelse. Jeg foretrækker pixels til billeder, men det kommer virkelig ned til præference. Hvis der er for meget mellemrum mellem billeder og tekst, skal du bare justere indholdsprocenterne lidt, indtil det ser godt ud.

Når du har gemt din .css-fil, skal du åbne et nyt indlæg, og du vil se, at din perfekt formaterede indholdsskabelon allerede er på plads for dig.

Alt du skal gøre er at klikke på billedet og uploade det du vil bruge, og derefter udfylde alle indholdsområderne. Det er virkelig så nemt som det. Alt justeres automatisk og placeres, hvor de skal hen.

Alle højrejusterede Google-koder eller billeder er der allerede - alt du skal gøre er at opdatere indholdet. Den tid, det vil tage dig at sammensætte et indlæg, hvor alt dette allerede er gjort for dig, vil med garanti falde med en enorm faktor.

At opdatere alle billederne på skabelonen er lige så simpelt at uploade de billeder, du vil bruge, til din blog ved at bruge medieoverførselsværktøjet og derefter klikke på billedet og indsætte URL'en til disse billeder i "Kilde" Mark.

Selvfølgelig vil du også opdatere titlen og alt-tags. Som du kan se her i min testartikel, er det at skrive en artikel nu blot et spørgsmål om at udfylde hvert af indholdsområderne. Jeg kan ikke fortælle dig, hvor sødt det er bare at kunne koncentrere sig om at skrive, velvidende at al den korrekte formatering allerede er på plads for at få artiklen til at se sit absolut bedste ud.

Det endelige resultat? Her er min første testartikel ved hjælp af den nye WordPress-indholdsskabelon. Alle billeder og annoncekode er indsat, justeret og placeret perfekt.

Hvis du ikke vidste bedre, skulle du tro, at intet overhovedet har ændret sig på bloggen. Formateringen ser identisk ud, som den så ud, da jeg drev dem i en time eller mere. Nu er al den indsats og prøv-og-fejl-formatering allerede indsat direkte i WordPress-indholdsskabelonen.
Så nu er der kun tilbage at læne sig tilbage og gøre det, du altid har elsket at gøre - at skrive.
Mindsker denne WordPress Content-skabelon belastningen på din egen blog? Har du andre formateringstip, som folk kan bruge i deres egne skabeloner? Del dine tanker og indsigt i kommentarfeltet nedenfor.
Billedkredit: Shutterstock