Hur man använder en Wordpress-innehållsmall för att skriva snabbare

Annons

Att driva en blogg kan till en början verka som en ganska romantisk idé. Du föreställer dig att trycka ut två eller tre blogginlägg om dagen, och hundratals eller förhoppningsvis tusentals fans kollar in vad du har att säga.

Dagarna blir till veckor och sedan blir veckorna till månader. Att blogga blir ett jobb. Du inser att du spenderar det mesta av din tid på att försöka formatera dina inlägg så att de ser professionellt gjorda ut.

Sedan anställer du en författare, och sedan två. Snart har du ett team av skribenter som skickar inlägg till dig varje vecka, och du spenderar nu Allt av din tid på att redigera och formatera dessa inlägg så att de ser ut som du vill att de ska se ut på bloggen som har blivit ett kärleksarbete.

Problemet är att all denna redigering och formatering har tagit bort all tid som du brukade ha för det du älskade att göra mest – skriva.

WordPress är en lysande uppfinning, och har gjort det möjligt för fler och fler människor att ha fantastiska webbplatser, med vackra

teman Hur du ändrar ditt WordPress-bloggtema i 3 enkla steg Läs mer . Men det finns fortfarande frågan om innehållsområdet, som fortfarande måste formateras för bilder, annonser och väl fördelat innehåll.

Formatera ditt WordPress-innehåll med en mall

För ett tag sedan beskrev jag för dig hur du automatiskt kunde infoga en annons i varje enskilt inlägg med hjälp av In-Post Template Add-on för WordPress.

Det här fungerar utmärkt om du börjar med en ny blogg – men om du redan har lagt in det annonser i dina inlägg, kommer den att gå tillbaka och infoga en ny annons igen och förstöra alla dina gamla inlägg.

Oroa dig inte – det finns en annan lösning som är ännu bättre. Genom att helt enkelt redigera en av dina vanliga WordPress PHP-filer och sedan skapa en stilmall kan du skapa din alldeles egna noggrant formaterade innehållsmall som dyker upp varje gång du klickar på "Lägg till ny". WordPress. Allt ditt gamla innehåll kommer att förbli orört.

Här är ett exempel på allt formateringsarbete som jag har pågått i min egen blogg.

Jag har en rubrikbild som måste dimensioneras noggrant, med stoppning runt den och vänsterjusterad. Jag har "mer"-pausen, följt av min Google-annons i posten. Sedan, genom varje inlägg, har jag ytterligare bilder som är anpassade och rätt motiverade. För det mesta skäms jag över att säga att jag har gjort allt detta manuellt – inklusive alla artiklar som mina skribenter skickar in.

Så här ser ett sådant inlägg ut när det publiceras.

Som ni ser är formateringen lite knepig eftersom jag i ett område har bilden vänsterjusterad och i nästa avsnitt har jag annonsen högerjusterad. Då är alla ytterligare bilder högerjusterade också. Jag gillar den här inställningen för min egen blogg eftersom den är lättare för ögonen och flyter bra. Du kan ha dina egna preferenser för just din WordPress-blogg.

Det första steget för att skapa din mall är att säkerhetskopiera din functions.php-fil (du hittar den i rotkatalogen för ditt tema) och sedan öppna den för redigering.

Du kommer att se en massa kod här – alla funktioner som för närvarande används av ditt nuvarande bloggtema. Du kommer att infoga ett nytt avsnitt mellan dessa funktioner. Hitta slutet av den första funktionen och infoga sedan koden som jag ska detaljera härnäst.

Nu måste jag ge kredit där det är värt det – jag fick faktiskt den här idén från David Hansen på Smashing Magazine, som skrev en artikel om detta redan i oktober. I det här fallet kommer jag att utöka hans idé genom att visa dig hur du justerar den mallen för saker som annonser och bilder.

add_filter('default_content','custom_editor_content'); add_editor_style('editor-style.css'); function custom_editor_content( $content ) { $content = ' 
 Infoga din introduktion här 
 Ange Google Script här 
 Här är innehållet i andra avsnittet 
 Här är innehållet i tredje avsnittet 
 Här är innehållet i tredje avsnittet 
 '; returnera $innehåll; } 

Lägg märke till hur justeringen faktiskt fungerar bäst med hjälp av bildjusteringen som är inbyggd i din temastil och i När det gäller Google-annonsen bör du använda den andra div med stilattributet för att justera där du vill ha den gå. Det fungerar bara bäst. Men när det gäller storlek, stoppning och placering måste du skapa css-filen.

Här är stylingen för varje avsnitt som definieras ovan.

body { bakgrund: #f5f5f5; } .content-col-main { flyta: höger; bredd: 70%; stoppning: 1%; kantlinje: 1px prickad #ccc; bakgrund: #fff; } .content-col-side { flyta till vänster; bredd: 210px; stoppning: 1%; kantlinje: 1px prickad #ccc; bakgrund: #fff; } .content-google-ad { flyta: höger; bredd: 20%; stoppning: 1%; kantlinje: 1px prickad #ccc; bakgrund: #fff; } .content-section-two { flyta till vänster; bredd: 70%; stoppning: 1%; kantlinje: 1px prickad #ccc; bakgrund: #fff; } .content-image-three { flyta: höger; bredd: 210px; stoppning: 1%; kantlinje: 1px prickad #ccc; bakgrund: #fff; } .content-section-three { flyta till vänster; bredd: 70%; stoppning: 1%; kantlinje: 1px prickad #ccc; bakgrund: #fff; } img { /* Ser till att dina bilder stannar inom sina kolumner */ max-width: 100%; bredd: auto; höjd: auto; }

Du kan använda antingen procent eller pixlar för storlek. Jag föredrar pixlar för bilder, men det beror verkligen på preferenser. Om det finns för mycket utrymme mellan bilder och text, justera bara innehållsprocenten lite tills det ser bra ut.

När du har sparat din .css-fil öppnar du ett nytt inlägg så ser du att din perfekt formaterade innehållsmall redan finns på plats för dig.

Allt du behöver göra är att klicka på bilden och ladda upp den du vill använda, och fyll sedan i alla innehållsområden. Så enkelt är det verkligen. Allt justeras automatiskt och placeras där de behöver gå.

Alla rättjusterade Google-koder eller bilder finns redan där – allt du behöver göra är att uppdatera innehållet. Tiden det tar dig att sätta ihop ett inlägg med allt detta redan gjort för dig kommer garanterat att minska med en enorm faktor.

Att uppdatera alla bilder på mallen är lika enkelt att ladda upp bilderna som du vill använda till din blogg använda verktyget för uppladdning av media och sedan klicka på bilden och klistra in webbadressen till dessa bilder i "Källa" fält.

Naturligtvis vill du också uppdatera titeln och alt-taggarna. Som du kan se här i min testartikel är att skriva en artikel nu bara en fråga om att fylla i vart och ett av innehållsområdena. Jag kan inte berätta hur sött det är att bara kunna koncentrera sig på att skriva, med vetskapen om att all rätt formatering redan är på plats för att få artikeln att se så bra ut som möjligt.

Slutresultatet? Här är min första testartikel med den nya WordPress-innehållsmallen. Alla bilder och annonskod infogas, justeras och placeras perfekt.

Om du inte visste bättre skulle du tro att ingenting alls har förändrats på bloggen. Formateringen ser identisk ut som den såg ut när jag slavade över dem i en timme eller mer. Nu är all denna ansträngning och trial-and-error-formatering redan införd direkt i WordPress-innehållsmallen.
Så nu är allt som återstår att luta sig tillbaka och göra det du alltid har älskat att göra – att skriva.
Minskar denna WordPress-innehållsmall belastningen på din egen blogg? Har du några andra formateringstips som folk kan använda i sina egna mallar? Dela dina tankar och insikter i kommentarsfältet nedan.
Bildkredit: Shutterstock