Divi: Det bästa WordPress-temat hela tiden!

mer 901.000-nedladdningar, Divi är det mest populära WordPress-temat i världen. Den är komplett, lätt att använda och levereras med mer än 62 gratis mallar.

Nyligen frågade en läsare oss hur man kopierar och klistrar in text i WordPress utan att orsaka formateringsproblem?

Ofta när du kopierar och klistrar in innehåll från en stationär app eller en webbsida, klistrar du också in oönskad formatering. Det matchar inte teckensnitt och färger på ditt WordPress-tema som nu ser helt enkelt konstigt ut.

I den här artikeln kommer vi att dela med oss ​​av hur man enkelt kopierar och klistrar in i WordPress utan någon oönskad formatering och stilar.

Men tidigare, om du aldrig har installerat WordPress-upptäckt Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg 

Tillbaka till varför vi är här.

Förstå metoden för kopiering och klistra in i WordPress

Copy Paste-metoden betyder att du kopierar text från en plats till en annan utan att behöva skriva allt igen.

För att kopiera text från ett dokument eller en webbsida måste du markera den med musen. Högerklicka sedan och välj 'Att kopiera' i menyn. Du kan också använda kortkommandot Ctrl + C (Kommando + C på en Mac) för att kopiera den markerade texten.

Förstå kopiera klistra in wordpress

För att klistra in text i WordPress kan du högerklicka och välja "Klistra" i menyn. Eller använd kortkommandot Ctrl + V (Command + V på en Mac) att klistra in den kopierade texten:

Hur man kopierar klistra in wordpress classic editor

När du kopierar text kopieras formateringen av texten med den. Problemet är att du ibland kommer att sluta med den formatering som du inte vill ha.

Läs också: Hur copyright fungerar på din WordPress-webbplats

Denna oönskade formatering kan påverka visningen av din text på andra enheter.

Vissa WordPress-användare väljer att undvika att kopiera och klistra in allt. Istället skriver de sina artiklar direkt på sin WordPress-webbplats.

Du kanske dock föredrar att skriva med ett separat verktyg, till exempel Microsoft Word eller Google Docs. Detta gör att du kan arbeta offline och kan göra det lättare att dela ditt arbete för kommentarer och revisioner innan du publicerar.

Upptäck Varför och hur man organiserar virtuella evenemang i WordPress

Det är också viktigt att undvika att lägga till onödig formatering eftersom det påverkar din sidstorlek vilket innebär lägre webbplatshastighet.

Det är därför vi har skapat den här ultimata guiden för hur man korrekt kopierar och klistrar in text i WordPress.

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

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

Läs också Vissa Wordpress tips för att förbättra indexeringen av din blogg

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

Om du kopierar ditt inlägg från Word till WordPress kan du behålla saker som rubriker, fet, kursiv text, länkar och listor. Det kommer att bli av med alla stylingsalternativ som färger, avstånd etc.

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

Wordpress Microsoft Word Copy Paste

Detta dokument är formaterat i två avsnitt och har fet, kursiv text, en punktlista och en länk.

Vi ska bara kopiera allt innehåll från Word-dokumentet och klistra in det i WordPress-blockredigeraren.

Wordpress Microsoft Word klistra textredigerare block

Observera att viss formatering inte kopierades. Bilden utelämnades, men WordPress skapade ett bildblock på rätt plats.

Att läsa också Hur man bäddar in PDF-filer i WordPress

Tips: Använd alltid "Rubrikstilar" i Word för att skapa dina bildtexter. Markera inte texten och öka inte teckenstorleken manuellt.

Skapa enkelt din webbplats med Elementor

Elementor låter dig skapa Enkelt och gratis vilken webb- eller bloggdesign som helst med ett professionellt utseende. Sluta betala mycket för en webbplats du kan göra själv.

Så här kopierar du och klistrar 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 kopiera och klistra in från Google Docs till WordPress-blockredigerare.

Här är vår text i Google Dokument. Den är identisk med den vi använde i Word ovan.

wordpress google doc copy paste - kopiera och klistra in text i wordpress

När vi kopierar och skickar texten från Google Docs till WordPress, formaterade WordPress igen texten korrekt.

Den här gången har bilden också laddats upp till WordPress.

Wordpress google docs klistra redigeringsblock

Kopiera och klistra in i den klassiska redigeraren

Har du fortfarande formateringsproblem och fel efter att du har kopierat och klistrat in text i WordPress? Så du använder antagligen den klassiska redigeraren.

Upptäck också Vissa Wordpress plugins att engagera besökare

Den klassiska redigeraren hanterar Word-dokument bra och bör inte lägga till onödig kod. Men det gör inte så bra jobb med text som kopieras från Google Docs.

Så här ser vår text från Google Docs ut när den klistras in i den klassiska redigeraren:

Wordpress google docs klistra in den klassiska redigeraren

Rubriker, länk, fet text och kursiv text har alla luft korrekt.

Men onödig extra formatering har lagts till och är inte synlig.

Så här kontrollerar och fixar du kopiera och klistra in formateringsfel

Låt oss ta en titt på hur du granskar och åtgärdar formateringsfel nu.

All text i dina WordPress-inlägg är formaterad med HTML (Hypertext Markup Language). HTML-taggar omger ord som är formaterade på ett visst sätt.

Exempelvis ser fet text i WordPress-inlägg ut så här i HTML-kod:

Ceci est un <strong>en gras</strong> dans cette phrase.

Orden "i fetstil" visas i fetstil.

För att hitta och fixa formateringsfel efter kopiering och klistra måste du kontrollera HTML-koden för din artikel.

Kontrollerar HTML-koden i blockredigeraren

I blockredigeraren är det enkelt att visa HTML-koden för vilket block som helst. Klicka först på blocket. Klicka sedan på de tre vertikala punkterna till höger om blockmenyn.

Du kommer att se en rullgardinsmeny. Här behöver du bara klicka på alternativet 'Redigera som HTML':

wordpress google docs gutenberg html editor - kopiera och klistra in text i wordpress

Nu ser du HTML-koden för blocket. Med Block Editor bör du normalt se att ingen oönskad formatering har lagts till.

Här börjar stycket korrekt med öppningstaggen och slutar med stängningstaggen. <p></p>

Frasen i fetstil är också korrekt. Det börjar med en öppningstagg och slutar med en avslutande tagg.<strong></strong>

Wordpress google docs html editor gutenberg 1

Vill du sälja dina produkter på internet?

Ladda ner WooCommerce gratis, de bästa plugins för e-handel för att sälja dina fysiska och digitala produkter på WordPress och enkelt skapa din onlinebutik. Perfekt för nybörjare.

För att återgå till den normala vyn för ditt block, klicka bara igen på de tre vertikala punkterna. Fortsätt sedan och välj alternativet 'Redigera visuellt".

Wordpress google docs html editor gutenberg 2

Kontrollerar HTML-koden i den klassiska redigeraren

I den klassiska redigeraren är det enkelt att visa HTML-koden för en artikel genom att klicka på fliken "Text" högst upp i området som innehåller texten i publikationen. Detta är HTML-koden för vår artikel kopierad från Google Dokument:

Wordpress google docs klassiska HTML-redigerare

De viktigaste taggarna här är extra, onödig kod.

Som jämförelse är här koden som produceras när du kopierar Word istället för Google Docs i den klassiska redigeraren. Det finns inga onödiga formateringstaggar, och de feta och kursiva taggarna återges korrekt.

wordpress google docs html classic editor - kopiera och klistra in text i wordpress

Om du kopierade ditt inlägg från Google Docs måste du gå igenom HTML-koden och korrigera formateringen manuellt.

För att påskynda processen måste du först kopiera och klistra in HTML-koden i en textredigerare.

Kopiera och klistra in vanlig text

Vanlig text är oformaterad text. För att undvika risken för felaktig formatering kanske du föredrar att kopiera och klistra in vanlig text.

Detta är också ett mycket användbart alternativ om du kopierar en textavsnitt från en annan webbplats. Du kan till exempel inkludera en offert från någon annan i ditt innehåll.

Kopiera och klistra in vanlig text i blockredigeraren

WordPress-blockredigeraren har ingen knapp eller möjlighet att klistra in vanlig text. Det är dock lätt att göra det själv.

Den snabbaste metoden är att använda kortkommandot Ctrl + Skift + V (PC) eller Kommando + Skift + V (Mac) för att klistra in din text. Detta klistras automatiskt i klartextformat.

Alternativt erbjuder vissa webbläsare möjlighet att klistra in i vanlig text. Om du använder Google Chrome, högerklicka bara och välj alternativet "Klistra in som vanlig text"

Båda dessa metoder fungerar för att klistra in vanlig text i ett enda styckeblock.

Proffstips: Kopiera, klistra in och klona hela WordPress-webbplatser

Även om nybörjarhandboken ovan visar grunderna för kopieringspasta, erbjuder WordPress också många avancerade funktioner för kopiering, klistra in och klona.

Det finns också ett sätt att skapa en duplicerad WordPress-sida med bara ett klick.

Om du använder Block Editor kan du också skapa återanvändbara block som du kan använda i flera publikationer.

Andra ytterligare premium WordPress-plugins 

Upptäck också andra premium WordPress-plugins som optimerar prestanda för din WordPress-blogg eller webbplats.

1. Foodify

Foodify är det snabbaste och lättaste sättet för kunder att beställa mat från en butik. Det är helt mottaglig och innehåller ytterligare funktioner som bild, sökalternativ, produktinformation. Foodlify restaurang matmeny för woocommerce

Det lägger också till knappar i korgen för att förbättra användarupplevelsen. Denna WooCommerce-förlängning är en snabb och omfattande beställningslösning som kan läggas till på vilken WooCommerce-webbplats som helst.

Här för dig 5 WordPress plugins för att optimera kategoribeskrivningar och etiketter

Det har fördelen att det är mycket flexibelt och kompatibelt med många befintliga plugins i WordPress-katalogen.

Ladda ner | demo | webbhotell

2. Pan Zoom Bild

Detta plugin låter dig enkelt lägga till en panoramafunktion för bilder på din WordPress-blogg via en kortkod. Du kan till exempel integrera det i din artikel eller din sida.

Image zoom pan wordpress plugin för zoom

Som funktioner har du bland annat: panoramazoom på en enda bild eller ett galleri med obegränsade bilder, kontrollstångens läge kan vara topp, höger, botten och vänster, botten på behållaren kan vara mörk, ljus och inget av det; liveförhandsgranskningen i instrumentpanelen, exemplet med flera panoreringszoom på samma sida, etc.

Upptäck också vår 5 kortkoder premium WordPress plugins

Ladda ner | demo | webbhotell

3. Slider Pro

Slider Pro-lösningen erbjuder dig en allt-i-ett-plattform som hjälper dig att skapa och redigera bilder eller reglage som inte bara kommer att tilltala bloggare, utan även de som inte bara publicerar artiklar.

Slider pro-responsivt wordpress-skjutreglage-plugin

Denna premium WordPress-plugin undviker onödiga fantasier, som ofta är en barriär för användare som letar efter den information de behöver. Dessutom fokuserar det på enkelhet och prestanda, samtidigt som det erbjuder ett brett utbud av anpassningsmöjligheter.

Upptäck också Hur man skapar ett bildspel med Slider Revolution på WordPress

Hans hantering av Urls i webbläsarens sökfält är en av de funktioner som stod ut för oss på den senare. Som namnet antyder är detta den professionella lösningen du behöver.

Läs också vår 5 WordPress-plugins för att skapa vanliga frågor på en blogg

Dess funktioner är: optimerad bildbelastning, enkel anpassning, smidiga animationer, flera layouter och mer.

Ladda ner | demo | webbhotell

Rekommenderade resurser

Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.

Slutsats

Här! Det är det för vår artikel som visar hur du kopierar och klistrar in text i WordPress utan formateringsproblem. Små detaljer som detta kan hjälpa dig att bli mer produktiv.

Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.

Om du har kommentarer eller förslag, tveka inte att meddela oss i det reserverade avsnittet. Men under tiden, dela den här artikeln på dina olika sociala nätverk