Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

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.

Copying and pasting text into WordPress

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.

Copying text from your Word document by highlighting it and right-clicking

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:

Pasting your copied text into WordPress

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:

The Word document that we will be copying into 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.

The text from Word has now been copied into our WordPress post

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.

The Google Doc with the text we're going to copy

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.

The Google Docs text in the WordPress block editor

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:

The Google Docs text copied into the classic editor

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”:

Switching to the HTML view of a block in WordPress

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>.

Viewing the HTML code for your block in the block editor

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”.

Switching back to the visual view of your block

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:

Viewing the HTML code of your post in the classic editor

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.

The HTML code produced when copying a document from Word into the classic editor

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>:

Using Notepad to quickly and easily correct the unwanted HTML code

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.

The corrected formatting code in the classic editor

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.

Plain text pasted into the block editor using the Ctrl+Shift+V command

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”:

Right click and use the "Paste as plain text" optin in your browser

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:

The toolbar toggle button in the WordPress classic editor

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

Det gillar en clipboard med bokstaven T på:

Use the 'Paste as text' WordPress button to toggle plain text mode on

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:

The Google docs text pasted as plain text in the WordPress classic editor

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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

20 kommentarerLämna ett svar

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk

    If I have problems with text formatting, I use CTR+C and then CTR+SHIFT+V under Windows. When text is pasted into WordPress with the help of the SHIFT key, it is pasted without formatting and I can then edit it myself as I wish.

  3. Teresa Cuervo

    This is a great post! I usually do the cutting and pasting from Word for one reason, before I ever hit the Publish button in WordPress, I make quite a lot of revisions and every update that I make, even if it is a comma, it gets stored on the database occupying unnecessary space. But the format was an issue so this post cleared it out for me.

  4. Rosemary

    Could you tell me why when I paste from a word document onto block editor on my mac that the image block doesn’t appear as suggested in your article? I’ve been copying and pasting block by block which is very time consuming. It would be great to solve the problem of not having to this when copying from Word.
    Thanks a lot

  5. Muhammad Ishfaq

    Pretty informative article, like always learned a few important things. But my problems is that I blog in Urdu which is a right to left language. When I right an article in MS Word, I simply choose RTL and it works great, but when I paste it into WP Editor it automatically turns it left to right. So I have to set the formatting all over again. What should I do? Change the Word Press language ?

    • WPBeginner Support

      Yes, for RTL you would want to change your settings to have WordPress be in RTL.

      Administratör

  6. Dipak Singh

    Which WordPress editor is best to use classic editor or block editor??

    • WPBeginner Support

      That is a personal preference question, as the block editor is the current default it would be better to learn that one normally

      Administratör

  7. Trinidad Pascual

    Now, I understand how to use and apply the copy and paste in the article. Thank you for this information..

    • WPBeginner Support

      You’re welcome, glad our article was helpful :)

      Administratör

  8. Paul

    I always write pages and posts in a plain text editor (such as Notepad) and then paste that into the WordPress editor before styling it.

    • WPBeginner Support

      Thanks for sharing what you use :)

      Administratör

  9. The 'Staunch

    Thanks for this guide on how to paste plain texts in WordPress editors.

    I never noticed the feature on classic editor though, now i can easily write and edit texts very well on WordPress.

    • WPBeginner Support

      You’re welcome, glad our guide was helpful :)

      Administratör

  10. Malati Shankar

    Thank you for the post. It’s very useful and informative.
    Could you please help in coping and pasting the ad code in my WordPress site?

  11. Kurt

    I usually copy and paste to a text editor first when I want to avoid formatting issues when copying and pasting into any application.

    • WPBeginner Support

      Thanks for sharing that, the issue is some text editors add their own formatting depending on the editor.

      Administratör

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.