Slik bruker du en WordPress-innholdsmal for å skrive raskere

Slik bruker du en WordPress-innholdsmal for å skrive raskere / Wordpress og webutvikling

Kjører en blogg kan virke som en ganske romantisk ide først. Du kan tenke deg å skyve ut to eller tre blogginnlegg om dagen, og hundrevis eller forhåpentligvis tusenvis av fans sjekker ut hva du må si.

Dagene blir til uker, og så blir ukene til måneder. Blogging blir en oppgave. Du innser at du bruker mesteparten av tiden på å prøve å formatere innleggene dine slik at de ser profesjonelt ut.

Deretter ansetter du en forfatter, og deretter to. Snart har du et team av forfattere som sender deg innlegg hver uke, og du bruker nå alle av tiden din redigerer og formaterer disse innleggene for å se på måten du vil at de skal se på bloggen som har blitt et arbeid av kjærlighet.

Problemet er at alt denne redigering og formatering har tatt bort hele tiden du pleide å ha for det du elsket mest, skrive.

WordPress er en strålende oppfinnelse, og har gjort det mulig for flere og flere mennesker å ha fantastiske nettsteder, med vakre temaer. Slik endrer du Wordpress Blog Theme i 3 enkle trinn. Slik endrer du Wordpress Blog Theme i 3 enkle trinn Les mer. Det er imidlertid fortsatt spørsmål om innholdsområdet, som fortsatt må formateres for bilder, annonser og godt avstand.

Formatering av WordPress-innholdet med en mal

En stund tilbake beskrev jeg deg hvordan du automatisk kan sette inn en annonse i hvert enkelt innlegg ved hjelp av Add-on i innlegget for WordPress.

Dette fungerer briljant hvis du starter med en ny blogg - men hvis du allerede har lagt inn annonser i innleggene dine, vil den gå tilbake og sette inn en ny annonse og helt rote alle dine gamle innlegg.

Ikke bekymre deg - det er en annen løsning som er enda bedre. Ved å redigere en av dine standard WordPress PHP-filer, og deretter lage et stilark, kan du lage din egen, nøye formaterte innholdsmal som vises hver gang du klikker “Legg til ny” i WordPress. Alt ditt gamle innhold vil forbli uberørt.

Her er et eksempel på alt formateringsarbeidet som jeg har pågått i min egen blogg.

Jeg har et headerbilde som må være nøye dimensjonert, med polstring rundt det og forlatt rettferdiggjort. Jeg har “mer” pause, etterfulgt av min in-post Google-annonse. Deretter har jeg gjennom hvert innlegg flere bilder som er tilpasset og rettferdiggjort. For det meste skammer jeg meg for å si at jeg har gjort alt dette manuelt - inkludert alle artiklene som mine forfattere sender inn.

Det er slik et innlegg ser ut når det blir publisert.

Som du kan se, er formateringen litt vanskelig, fordi jeg i et område har bildet som er berettiget, og i neste avsnitt har jeg annonsen riktig begrunnet. Da er alle tilleggsbilder også rettferdiggjorte. Jeg liker dette oppsettet for min egen blogg fordi det er lettere på øynene og renner godt. Du kan ha din egen preferanse for din spesielle WordPress-blogg.

Det første trinnet for å lage din mal er å sikkerhetskopiere din functions.php-fil (du finner den i rotkatalogen av temaet ditt), og deretter åpne den for redigering.

Du ser en haug med kode her - alle funksjoner som nå brukes av ditt nåværende blogg tema. Du skal sette inn en ny seksjon mellom disse funksjonene. Finn slutt på den første funksjonen, og sett inn koden som jeg kommer til å detaljere neste.

Nå må jeg gi kreditt hvor kreditt skyldes. Jeg har faktisk fått denne ideen fra David Hansen over på Smashing Magazine, som skrev en artikkel på denne siden i oktober. I dette tilfellet skal jeg utvide på ideen hans ved å vise deg hvordan du kan justere den malen for ting som annonser og bilder.

 add_filter ( 'default_content', 'custom_editor_content'); add_editor_style ( 'editor-style.css'); funksjon custom_editor_content ($ content) $ content = 'Sett inn introduksjonen din her Skriv inn Google Script Her Her er det andre avsnittet innhold Her er det tredje avsnittet innhold Her er det tredje avsnittet innhold'; returnere $ content;  

Legg merke til hvordan justeringen egentlig fungerer best ved hjelp av bildejusteringen som er innebygd i temastilen din, og i tilfelle av Google-annonsen, bør du bruke den andre diven med stilattributtet til å justere hvor du vil at den skal gå. Det fungerer bare best. Men så langt som dimensjonering, utfylling og plassering, må du opprette css-filen.

Her er stylingen for hver seksjon som er definert ovenfor.

kropp bakgrunn: # f5f5f5;  .content-col-main float: right; bredde: 70%; padding: 1%; grense: 1px prikket #ccc; bakgrunn: #fff;  .content-col-side float: left; bredde: 210px; padding: 1%; grense: 1px prikket #ccc; bakgrunn: #fff;  .content-google-annonsen float: right; bredde: 20%; padding: 1%; grense: 1px prikket #ccc; bakgrunn: #fff;  .content-section-two float: left; bredde: 70%; padding: 1%; grense: 1px prikket #ccc; bakgrunn: #fff;  .content-image-three float: right; bredde: 210px; padding: 1%; grense: 1px prikket #ccc; bakgrunn: #fff;  .content-section-three float: left; bredde: 70%; padding: 1%; grense: 1px prikket #ccc; bakgrunn: #fff;  img / * Pass på at bildene dine befinner seg innenfor deres kolonner * / maksimal bredde: 100%; bredde: auto; høyde: auto; 

Du kan bruke enten prosentandeler eller piksler for dimensjonering. Jeg foretrekker piksler for bilder, men det kommer virkelig til preferanse. Hvis det er for mye mellomrom mellom bildene og teksten, må du bare justere innholdsandelene litt til det ser bra ut.

Når du har lagret din CSV-fil, åpner du et nytt innlegg, og du ser at din perfekt formaterte innholdsmal er allerede på plass for deg.

Alt du trenger å gjøre er å klikke på bildet og laste opp det du vil bruke, og fyll deretter ut alle innholdsområdene. Det er så enkelt som det. Alt er automatisk justert og plassert der de trenger å gå.

All right-justified Google Code eller bilder er allerede der - alt du trenger å gjøre er å oppdatere innholdet. Tiden det vil ta deg til å sette sammen et innlegg med alt dette allerede gjort for deg, vil falle med en stor faktor, garantert.

Oppdatering av alle bildene på malen er så enkelt å laste opp bildene du vil bruke til bloggen din ved hjelp av mediaopplastingsverktøyet, og deretter klikke på bildet og lime inn nettadressen til bildene i “Kilde” felt.

Selvfølgelig vil du også oppdatere tittel og alt-koder. Som du kan se her i min testartikkel, er det bare å skrive en artikkel om å fylle ut hvert av innholdsområdene. Jeg kan ikke fortelle deg hvor søt det er å kunne bare konsentrere seg om å skrive, og vite at all riktig formatering allerede er på plass for å få artikkelen til å se sin absolutt beste.

Det endelige resultatet? Her er min første testartikkel ved hjelp av den nye WordPress-innholdsmalen. Alle bilder og annonsekoder er satt inn, justert og fordelt perfekt.

Hvis du ikke visste noe bedre, ville du tro at ingenting i det hele tatt har endret seg på bloggen. Formateringen er identisk med måten den så ut da jeg slaved over dem i en time eller mer. Nå er all den innsatsen og prøve-og-feilformatering allerede satt inn rett inn i WordPress-innholdsmalen.
Så nå er alt som er igjen, sittende tilbake og gjør det du alltid har elsket å gjøre - skriving.
Mister denne WordPress Content-malen belastningen på din egen blogg? Har du andre formateringstips som folk kan bruke i egne maler? Del dine tanker og innsikt i kommentarfeltet nedenfor.
Bilde Kreditt: Shutterstock

Utforsk mer om: Blogging, Wordpress, Skrivetips.