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 addar du specialtecken i publicerade posts i WordPress

Vill du add to specialtecken till posts och pages i WordPress?

Att lägga till populära specialtecken, inklusive varumärket ™, registrerade ®, valuta eller © copyright-symbol, kan vara lite svårt eftersom de inte finns på ett genomsnittligt tangentbord.

I den här artikeln visar vi hur du enkelt kan add to specialtecken till WordPress posts.

Adding special characters to your WordPress posts and pages

Varför add to specialtecken i WordPress publicerade posts?

Genom att lägga till specialtecken i blogginläggen på din website i WordPress kan du göra ditt content visuellt tilltalande.

Det kan också bidra till att göra your content mer lättläst genom att dra läsarens uppmärksamhet till viktiga punkter.

Om du till exempel använder ditt företagsnamn i ett blogginlägg kan du genom att lägga till ett varumärkestecken bredvid det hjälpa till att lyfta fram ditt företag för läsarna.

Preview for special characters

Om du använder specialtecken i dina headlines och meta descriptions kan du dessutom förbättra din websites sökmotorsoptimering genom att göra ditt content mer intressant och attraktivt för användarna. Detta kan i sin tur förbättra din click through rate.

Med detta sagt, låt oss se hur du enkelt kan add to specialtecken till dina WordPress posts. Vi kommer att täcka tre olika metoder, och du kan använda snabblänkarna under för att hoppa till den metod du vill använda:

Metod 1: Add specialtecken med hjälp av WordPress Block Editor

Om du letar efter ett enkelt sätt att add to specialtecken i block editor med hjälp av HTML-entiteter, då är den här metoden något för dig.

När du skriver ett blogginlägg formaterar WordPress det automatiskt i HTML. Det är det märkspråk som används av nästan all website.

HTML levereras med en lista över HTML-entiteter. Det är specialkoder som du kan använda för att displayed tecken, symboler, pilar med mera.

De tillåter dig också att add to specialtecken i HTML som normalt inte finns i tangentbordets layouts.

Om du till exempel vill add to en varumärkessymbol ™ kan du använda HTML-entitetskoden ™ för att visa den.

På samma sätt, om du vill add to en copyright © symbol, då kan du använda © kod i din artikel.

Add to specialtecken med hjälp av blocket Custom HTML

För att add to specialtecken måste du först öppna en new eller befintlig post i WordPress i block editor.

När du är där klickar du på knappen add block ”+” högst upp till vänster på vyn för att öppna blockmenyn.

Härifrån letar du upp och addar blocket Custom HTML till posten. Därefter skriver du helt enkelt in HTML-enhetskoden för specialtecknet i blocket.

Add HTML entities in the block

You will notice that each HTML entity code begins with an ampersand sign and ends with a semicolon.

När du är klar klickar du på knappen ”Update” eller ”Publicera” för att save your changes.

Nu kan du besöka ditt blogginlägg för att kontrollera vilka specialtecken som visas på din WordPress blogg.

HTML entities converted into special characters

Ett stort antal specialtecken finns tillgängliga som HTML-entiteter, inklusive latinska tecken, matematiska symboler, valutor, vetenskapliga mätsymboler med mera.

För en komplett guide kan du kontrollera W3.org:s HTML teckenenhetsreferens tabell.

Add to specialtecken med hjälp av Code Editor

Du kan också add to specialtecken i WordPress posts genom att växla till code editor.

Det här alternativet i Block Editor gör det möjligt för användare att viewa och editera den underliggande HTML-, CSS- eller JavaScript-koden för olika block. Detta gör det enkelt att add to HTML-enheter.

Öppna först ett nytt eller befintligt WordPress post i block editor.

Väl där klickar du på den treprickiga menyn högst upp till höger på vyn för att öppna en dropdown-meny. Här klickar du på alternativet ”Code Editor”.

Switch to code editor

Detta kommer att öppna textredigeraren, där du enkelt kan add to HTML-enheterna mellan texten.

Om du till exempel vill add to ett varumärkesspecialtecken bredvid ett produkt- eller företagsnamn kan du enkelt göra det genom att byta till code editor.

Add HTML entity in the code editor

När du är klar kan du save your changes genom att clicka på knappen ”Update” eller ”Publicera”.

Nu kan du besöka din WordPress site för att se specialtecknen i dina posts.

Preview for special characters

Metod 2: Add specialtecken med hjälp av ett plugin

Om du behöver add to specialtecken regelbundet kan det vara bättre att använda ett plugin istället för att kontrollera HTML-enhetsreferensdiagrammet varje gång.

Först måste du installera och aktivera pluginet Insert Special Characters. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett WordPress plugin.

Efter aktivering öppnar du ett post eller en page i block editor för att add to specialtecken.

Väl där väljer du ett styckeblock och klickar sedan på omega-ikonen i blockets toolbar högst upp för att få upp en popup som visar specialtecken.

Add special characters using a plugin

Här hittar du helt enkelt det specialtecken du vill add to och klickar sedan på det för att insert det i Editorn.

När du är klar, glöm inte att klicka på knappen ”Update” eller ”Publicera” för att save your changes.

Metod 3: Add specialtecken med hjälp av den klassiska WordPress Editor

Om du fortfarande använder den gamla klassiska Editorn i WordPress kan du använda den här metoden för att add to specialtecken när du skriver blogginlägg.

Tänk på att den klassiska Editorn kommer med en built-in funktion för specialtecken.

Först måste du öppna ett nytt eller befintligt post i Editorn. Därefter klickar du på knappen diskbänk.

Detta förstorar den andra raden med alternativ för format, där du måste klicka på knappen ”Specialtecken”.

Special characters button in the old editor

Om du klickar på den visas en popup med några vanliga specialtecken.

Det finns valutasymboler, matematiska, copyright, registrerade tecken, varumärkessymboler och mycket mer.

Special characters popup in old WordPress editor

Kom ihåg att den här metoden bara fungerar om du använder den gamla editor för post i WYSIWYG-läge.

Om du använder den i textredigeraren måste du antingen byta till Visual editor eller använda den metod för HTML-enheter som beskrivs ovan.

Härifrån behöver du bara klicka på den symbol eller det tecken du vill använda, så läggs det till i din post.

Glöm inte att klicka på knappen ”Update” eller ”Publicera” för att save your changes.

Bonus: Add Emojis i dina blogginlägg i WordPress

Förutom specialtecken kanske du också vill add emojis till dina blogginlägg i WordPress.

Emojis är små image icons som kan användas med text för att uttrycka känslor och andra expression.

Genom att infoga dessa icons på din website kan du addera färg och personlighet till ditt content, öka engagemanget och göra dina posts mer läsbara.

Du kan enkelt lägga till emojis i din WordPress Block Editor (Gutenberg) genom att trycka på Windows + . (Punkt) genvägstangenter på ditt tangentbord.

När du har gjort det öppnas en popup på vyn där du kan välja en emoji för ditt blogginlägg. Tänk dock på att den här metoden bara fungerar om du använder en Windows-dator.

Insert emojis

Om du är Mac-användare måste du trycka på tangenterna Command + Control + Space samtidigt för att öppna emojis-prompten.

Detaljerade instruktioner finns i vår tutorial om hur du enkelt lägger till emojis i din WordPress blogg.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till specialtecken till WordPress-poster och pages. Du kanske också vill se vår Beginner’s guide om hur du customize färger på din WordPress website och våra expertval för de bästa gratis WordPress themes för bloggar.

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

26 kommentarerLämna ett svar

  1. Dennis Muthomi

    I have a site that I write about interior design and was wondering: what is the best way to add the square feet symbol (ft2) when mentioning floor areas?
    For example, if I want to note ”The room has a total floor area of 64 ft2.”
    I want to add a Square(2).
    thanks :-)

  2. Jiří Vaněk

    Thank you for the table of special characters, or for the link. I saved it to my favorites for personal use. Just a few weeks ago, I was looking for a special copyright symbol like this.

  3. Roderick Young

    This worked great for me, but at first, I clicked on the dropdown in the block editor, and didn’t see the Omega sign or ”Special Characters”. The Omega was actually added to the toolbar just to the left of the Bold and Italic, right out in the open.

    • WPBeginner Support

      Thanks for sharing where it moved for you :)

      Administratör

  4. Gina Leggio

    Actually, I kept playing around with your advice and it finally worked somehow. Thanks.

    • WPBeginner Support

      Glad our recommendations were helpful :)

      Administratör

  5. Gina Leggio

    It didn’t seem to work for me. When I preview my page, it still shows &copy. I tried highlighting it and then pushing the ”keyboard input” button. What am I doing wrong?

    • WPBeginner Support

      You would want to ensure you are adding it as HTML and not in a paragraph block for the most common reason.

      Administratör

      • Gina Leggio

        Thanks for your response. That worked, but when I open a preview in a new tab, it didn’t show the symbol; it only showed &copy. Please advise.

        • WPBeginner Support

          If that is the case, you would want to check with the support for your specific theme to ensure a setting in your theme is not overriding how it should work.

  6. Jur Jurr

    Hey! Can i just copy the symbol from somewhere and past it on my website?

    • WPBeginner Support

      You can certainly try that but that is not guaranteed to work every time.

      Administratör

  7. amir ebadi

    Thank you for this awesome article

    • WPBeginner Support

      You’re welcome, glad you liked our article :)

      Administratör

  8. shafique

    nice to read this such great article. nicely written. very good information. Thank you
    keep it up.

    • WPBeginner Support

      Thank you, glad you liked our content :)

      Administratör

  9. Ms. Anika Tyrone

    This symbol which I’m seeking is: in a square box, in the square box is a almost complete circle, with a tiny line attached to the right side of the almost complete circle. This is found in the WordPress.com where the heading: ”Subscription Management” and have 5 sites. The last one on the list is called DF Blog and prior to these words is a symbol as mentioned above. Now the others have a choice of weekly, /immediate ”under delivery frequency”, but for DF Blog it’s blank and not given the chance to state my choice. Could you possibly help me in this matter? Monday, July 31, 2017 @ 1:18 pm. Waiting patiently for your response. Thank you for taking the time to read this email.

  10. Mark Gandy

    I never have an issue adding the TM within a post, it’s the Blog and Post titles where they will not show up. Any suggestions?

  11. Marissa

    So simple! Thank you for having this free, handy tool available for people like me…starting a professional site, learning step by step.

  12. Bella

    How can you bring up special characters on the WordPress app?

  13. JMunce

    Could you please do a tutorial on added a special Characters?

    I can code unicode to my blog, but not everyone can view these. I can on my pc, but on my phone I don’t see them, for example.

    It would be great to know how to display them to all site users.

    Thanks, Justin

    • Anchit Shethia

      I have already mailed to WP team to update support for Rupee character. What is the probability of it being updated?

  14. alasdairpage

    On a Mac it’s easy, press ctrl+cmd+space for emoticons and special characters (scroll right for the special character options).

    On Windows it isn’t easy, but it is possible using the Character Map tool. I’ve never used Windows 8 but in Windows 7 and below it’s usually in Start, Programs, Accessories, System Tools. Use it to copy/paste characters into any application.

  15. Anchit Shethia

    Almost all special characters can be added in WP post but I want to add the official symbol of Rupee on my blog How can I add it? Even if I copy the symbol from Wikipedia and paste it, it won’t render. Help?

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.