Så här kopierar och klistrar du in i WordPress utan problem med formatet

Om du kopierar och klistrar in innehåll i WordPress kan det ibland uppstå problem med formateringen.

När du kopierar från en app på skrivbordet eller en sida på webben klistrar du ofta in oönskad formatering också.

Detta kan krocka med WordPress temats typsnitt och färger, vilket gör att din text ser inkonsekvent ut.

Vi har tidigare kämpat med detta, så i den här artikeln visar vi dig hur du kopierar och klistrar in i WordPress utan att föra över någon oönskad formatering eller stil.

Förstå copy and paste i WordPress

Copy and paste innebär att du kopierar text från en plats till en annan utan att behöva skriva all text igen.

För att kopiera text från ett dokument eller en webbsida måste du markera den med din mus. Sedan högerklickar du och väljer ”Copy” i menyn.

Eller så kan du använda tangentbordsgenvägen Ctrl+C (Command+C på Mac) för att kopiera den markerade texten.

För att klistra in texten i WordPress högerklickar du bara och väljer ”Paste” i menyn.

Du kan också använda kortkommandot Ctrl+V (Command+V på Mac) för att klistra in den kopierade texten:

När du kopierar text kopieras textens format med. Problemet är att du ibland får format som du inte vill ha.

Detta oönskade format kan påverka hur din text visas på andra enheter.

Vissa användare av WordPress väljer att undvika copy and paste helt och hållet. Istället draftar de sina posts direkt på sin website i WordPress.

Men du kanske föredrar att göra din draft i ett separat verktyg, till exempel Microsoft Word eller Google Docs. Då kan du arbeta offline och det kan bli lättare att dela ditt arbete för kommentarer och revisioner innan publicering.

Det är också viktigt att undvika att lägga till onödiga format eftersom det påverkar storleken på din page, vilket innebär långsammare hastighet på webbplatsen.

Därför har vi skapat den här ultimata guiden om hur du copy and paste text i WordPress på rätt sätt. Du kan använda länkarna för att hoppa direkt till de sections du behöver:

Så här kopierar och klistrar du in från Word till WordPress (Block Editor)

Att kopiera text från Microsoft Word är ganska enkelt.

WordPress har i flera år tillåtit dig att kopiera rik (formaterad) text från Word-dokument direkt till Editorn. Det är en stor fördel om du gillar att skriva och formatera dina posts i Microsoft Word.

Genom att kopiera your post från Word till WordPress kan du behålla element som gillar headings, fet och kursiv text, links och listor. Det kommer att ta bort alla alternativ för Styling som gillar färger, avstånd etc.

Här är ett dokument som vi ska kopiera från Word till WordPress:

Detta dokument är formaterat med två Heading 2 subheadings för underavsnitt i posten. Det finns fetstil och kursiv text, en punktlista och en link.

Vi kopierar helt enkelt allt content från Word-dokumentet och klistrar in det i WordPress block editor.

Observera att vissa format inte har kopierats över. Imagen har utelämnats, men WordPress har skapat ett block med image på korrekt plats.

Tips: Använd alltid ”Heading styles” i Word för att skapa dina subheadings. Markera inte texten och öka inte storleken på fonten manuellt.

Vill du bekräfta att din text har kopierats över korrekt? Följ instruktionerna längre fram i den här artikeln om hur du kontrollerar och fixar error i formatet.

Så här kopierar och klistrar du in från Google Docs till WordPress (Block Editor)

Google Docs är ett mycket populärt verktyg för ordbehandling. Precis som med Word är det enkelt att copy and paste från Google Docs till WordPress block editor.

Här är vårt textstycke i Google Docs. Det är identiskt med det dokument som vi använde i Microsoft Word ovan.

Du kan kopiera texten i Google Dokument genom att använda CTRL+C på tangentbordet eller genom att välja alternativet ”Kopiera” i menyn med högerklick.

Efter det kan du helt enkelt klistra in texten i block editor. WordPress kommer automatiskt att använda korrekta storlekar på heading och block för innehållet.

Den här gången kommer imagen även att visas i WordPress.

Den kommer dock ej att uppladdas till mediabiblioteket i WordPress utan visas direkt från din Google Drive.

Du måste ladda ner och uppladdare images manuellt till din WordPress website.

Copy and paste med hjälp av Classic Editor

Kämpar du med fel i formateringen när du kopierar och klistrar in text i WordPress? Då använder du förmodligen den gamla klassiska redigeraren.

Den klassiska Editorn hanterar Word-dokument väl och bör inte add to någon onödig kod. Den gör dock inte ett bra jobb med texten som kopieras från Google Docs.

Så här ser vår text från Google Docs ut när vi klistrar in den i den klassiska editorn:

All text – head, link, fetstil och kursiv – ser korrekt ut.

Dock har en del onödig extra format lagts till som inte syns.

Så här kontrollerar och fixar du copy and paste-formatfel

Låt oss nu titta på hur du kontrollerar och fixar error i formatet.

All text i dina WordPress-poster är formaterad med HTML (hypertext markup language). HTML-taggar går runt orden som är formaterade på ett visst sätt.

Till exempel gillar fet text i WordPress posts så här i HTML-kod:

There is <strong>bold text</strong> in this sentence.

Orden ”fet text” kommer att visas i fetstil.

Du måste kontrollera HTML-koden i ditt inlägg för att kontrollera och poprawka fel i inläggsformatet efter att du kopierat och klistrat in.

Kontrollera HTML-koden i Block Editor

I Block Editor är det enkelt att viewa HTML-koden för ett block. Klicka först på blocket. Klicka sedan på de tre vertikala prickarna till höger om blockets meny.

Du kommer att se en dropdown-meny. Här behöver du bara klicka på alternativet ”Edit as HTML”:

Du kommer nu att se HTML-koden för blocket. Med block editor bör du normalt upptäcka att inget oönskat format har lagts till.

Här börjar stycket korrekt med den inledande <p>-taggen och slutar med den avslutande </p>-taggen.

Den fetstilta meningen är också korrekt. Den börjar vid taggen <strong> och slutar med den avslutande taggen </strong>.

För att återgå till normal view av your block, clickar du bara på de tre vertikala prickarna igen.

Gå sedan vidare och välj alternativet ”Edit visually”.

Kontrollera HTML-koden i den klassiska Editorn

I den klassiska redigeraren är det enkelt att visa HTML-koden för ett inlägg genom att klicka på kartan ”Text” högst upp i rutan som innehåller texten i inlägget.

Det här är HTML-koden för vårt inlägg kopierad från Google Docs:

Span taggarna här är extra, onödig kod.

Fet och kursiv text formateras också med taggen <b> i stället för <strong> och taggen <i> i stället för <em>. Det anses allmänt vara bäst att använda taggarna <strong> och <em> eftersom dessa ger dina ord semantisk betydelse, eller ej bara visuell styling.

Som jämförelse, här är koden som produceras när du kopierar från Word istället för Google Docs i den klassiska Editorn. Det finns inga onödiga taggar för format, och fetstil och kursiv stil har återgetts korrekt.

Om du har kopierat ditt post från Google Docs måste du gå igenom HTML-koden och manuellt korrekt formateringen. I det här fallet betyder det:

• Ta bort alla <span style="font-weight: 400;"> och </span> tags.
• Changed all <li style="font-weight: 400;"> till bara <li>.
• Changed <b> och </b> till <strong> och </strong>.
• Changed <i> och </i> till <em> och </em>.

För att påskynda processen måste du först copy and paste HTML-koden i en textredigerare.

Sedan är det bara att använda Sök och ersätt för att ändra felaktigt format. Här är ett exempel med hjälp av Notepad. Vi hittar alla instanser av <li style="font-weight: 400;"> och ersätter dem med <li>:

När du har ersatt alla felaktiga format är det bara att copy and paste texten tillbaka till Text view i den klassiska editorn.

Det ska se ut så här.

Copy and paste av plain text

Plain text är text utan något format. För att undvika risken för felaktiga format kan du föredra att copy and paste plain text.

Det här är också ett mycket användbart alternativ om du kopierar ett avsnitt text från en annan website. You kan till exempel inkludera ett citat från någon annan i your content.

Copy and paste av plain text i Block Editor

Blockredigeraren i WordPress har ej en knapp eller ett alternativ för att klistra in oformaterad text. Det är dock enkelt att göra detta själv.

Den snabbaste metoden är att använda kortkommandot Ctrl+Shift+V (PC) eller Command+Shift+V (Mac) för att klistra in your text. Detta kommer automatiskt att klistra in i formatet plain text.

Alternativt erbjuder vissa webbläsare alternativet att klistra in som plain text.

Om du använder Google Chrome högerklickar du och väljer alternativet ”Klistra in som plain text”:

Båda metoderna fungerar för att klistra in oformaterad text i ett enda paragrafblock.

Copy and paste av plain text i Classic Editor

Om du vill klistra in plain text i den klassiska editorn måste du först clicka på Toolbar Toggle-knappen:

Nu behöver du bara klicka på ikonen ”Klistra in som text”.

Det gillar en clipboard med bokstaven T på:

All text som du klistrar in kommer nu att klistras in i plain text-läge, med formateringen borttagen.

Så här ser det ut när vi klistrar in texten från våra Google-dokument. Rubrikerna, fetstilen, kursiveringen, punktlistorna och länken har tagits bort:

Pro tips: Copy, Paste, and Clone Hela WordPress webbplatser

Medan przewodniken ovan lär dig grunderna i att kopiera och klistra in, erbjuder WordPress också många avancerade funktioner för kopiering, klistring och kloning.

Till exempel kan du enkelt klona en hel WordPress site i 7 enkla steg.

Det finns också ett sätt att skapa en duplicerad WordPress page eller post med ett enskilt inlägg.

Om du använder block editor kan du också skapa återanvändbara block som du kan använda i flera posts.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du copy and paste i WordPress. Du kanske också gillar våra tips om hur du bemästrar WordPress content editor och våra expertval för de måste-ha WordPress tillägg för alla websites.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.