Specialtecken kan förvandla ditt WordPress-innehåll från vanligt till professionellt.
På WPBeginner använder vi ofta ett specialtecken (») i våra blogginlägg för att guida läsare genom specifika sidor eller flikar, som att hänvisa dem till sidan Plugins » Installera plugins.
Den här symbolen gör instruktionerna tydligare och mer visuellt tilltalande, vilket förbättrar läsbarheten för våra användare.
Genom år av att skapa innehåll har vi förfinat de bästa teknikerna för att lägga till upphovsrättssymboler ©, varumärke ™, registrerat ®, och andra specialtecken.
Dessa metoder är enkla, pålitliga och fungerar perfekt varje gång du behöver dem.
I den här guiden går vi igenom de beprövade metoderna som gör det enkelt att lägga till specialtecken.
Varför lägga till specialtecken i WordPress-inlägg?
Att lägga till specialtecken i blogginläggen på din WordPress-webbplats kan göra ditt innehåll visuellt tilltalande.
Det kan också hjälpa till att göra ditt innehåll lättare att läsa genom att rikta läsarens uppmärksamhet mot nyckelpunkter.
Om du till exempel använder ditt företagsnamn i ett blogginlägg, hjälper det att lägga till en varumärkessymbol bredvid det att lyfta fram ditt företag för läsarna.
Dessutom kan användning av specialtecken i dina rubriker och metabeskrivningar förbättra din webbplats SEO genom att göra ditt innehåll mer intressant och attraktivt för användare. Detta kan i sin tur förbättra din klickfrekvens.
Med det sagt, låt oss se hur du enkelt kan lägga till specialtecken i dina WordPress-inlägg. Vi kommer att täcka tre olika metoder, och du kan använda snabblänkarna nedan för att hoppa till den metod du vill använda:
- Metod 1: Lägg till specialtecken med WordPress blockredigerare
- Metod 2: Lägg till specialtecken med ett plugin
- Metod 3: Lägg till specialtecken med den klassiska WordPress-redigeraren
- Bonus: Lägg till emojis i dina WordPress-blogginlägg
Metod 1: Lägg till specialtecken med WordPress blockredigerare
Om du letar efter ett enkelt sätt att lägga till specialtecken i blockredigeraren med 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 märkspråket som används av nästan alla webbplatser.
HTML kommer med en lista över HTML-entiteter. Dessa är speciella koder som du kan använda för att visa tecken, symboler, pilar och mer.
De tillåter dig också att lägga till specialtecken i HTML som normalt inte finns i tangentbordslayouter.
Till exempel, om du vill lägga till en varumärkessymbol ™, kan du använda HTML-entitetkoden ™ för att visa den.
På samma sätt, om du vill lägga till en copyright-symbol ©, kan du använda koden © i din artikel.
Lägg till specialtecken med hjälp av anpassade HTML-blocket
Först måste du öppna ett nytt eller befintligt WordPress-inlägg i blockredigeraren för att lägga till specialtecken.
Väl där, klicka på knappen 'lägg till block' '+' i det övre vänstra hörnet av skärmen för att öppna blockmenyn.
Härifrån, leta upp och lägg till blocket Anpassad HTML i inlägget. Skriv sedan helt enkelt in HTML-entitetkoden för specialtecknet i blocket.
Du kommer att märka att varje HTML-entitetskod börjar med ett et-tecken (&) och slutar med ett semikolon.
När du är klar klickar du på knappen 'Uppdatera' eller 'Publicera' för att spara dina ändringar.
Nu kan du besöka ditt inlägg för att se specialtecknen som visas på din WordPress-blogg.
Ett brett utbud av specialtecken, inklusive latinska tecken, matematiska symboler, valutor, symboler för vetenskapliga mätningar och mer, finns tillgängliga som HTML-entiteter.
För den kompletta referensguiden kan du titta på W3.org:s HTML-teckenentitetreferensdiagram.
Lägg till specialtecken med kodredigeraren
Du kan också lägga till specialtecken i WordPress-inlägg genom att byta till kodredigeraren.
Det här alternativet i blockredigeraren gör det möjligt för användare att visa och redigera den underliggande HTML-, CSS- eller JavaScript-koden för olika block. Detta gör det enkelt att lägga till HTML-entiteter.
Öppna först ett nytt eller befintligt WordPress-inlägg i blockredigeraren.
Väl där, klicka på menyn med tre punkter längst upp till höger på skärmen för att öppna en rullgardinsmeny. Härifrån klickar du på alternativet 'Kodredigerare'.
Detta öppnar kodredigeraren, där du enkelt kan lägga till HTML-entiteter mellan texten.
Om du till exempel vill lägga till en varumärkesspecialtecken bredvid ett produkt- eller företagsnamn kan du enkelt göra det genom att växla till kodredigeraren.
När du är klar kan du spara dina ändringar genom att klicka på knappen 'Uppdatera' eller 'Publicera'.
Nu kan du besöka din WordPress-webbplats för att se specialtecknen i dina inlägg.
Metod 2: Lägg till specialtecken med ett plugin
Om du ofta behöver lägga till specialtecken i dina WordPress-inlägg eller sidor, kan användning av ett plugin spara dig tid och ansträngning jämfört med att leta upp HTML-enhetskoder varje gång.
Vi använder pluginet Insert Special Characters på WPBeginner eftersom det gör det snabbt och enkelt att infoga symboler, direkt från inläggsredigeraren. Det är ett enkelt verktyg som sparar klick och håller skrivflödet oavbrutet.
Först måste du installera och aktivera pluginet Infoga specialtecken. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
Efter aktivering, öppna ett inlägg eller en sida i blockredigeraren för att lägga till specialtecken.
Väl där, välj ett styckesblock och klicka sedan på omega-ikonen i verktygsfältet för blocket högst upp för att öppna ett popup-fönster som visar specialtecken.
Härifrån, leta bara upp specialtecknet du vill lägga till och klicka sedan på det för att infoga det i redigeraren.
När du är klar, glöm inte att klicka på knappen 'Uppdatera' eller 'Publicera' för att spara dina ändringar.
Metod 3: Lägg till specialtecken med den klassiska WordPress-redigeraren
Om du fortfarande använder den gamla klassiska redigeraren i WordPress, kan du använda den här metoden för att lägga till specialtecken när du skriver blogginlägg.
Tänk på att den klassiska redigeraren har en inbyggd funktion för specialtecken.
Öppna först ett nytt eller befintligt inlägg i redigeraren. Klicka sedan på knappen 'köksdiskbänk'.
Detta expanderar den andra raden med formateringsalternativ, där du måste klicka på knappen ‘Specialtecken’.
Att klicka på den öppnar ett popup-fönster som visar några vanliga specialtecken.
Det finns valutasymboler, matematiska tecken, copyright-tecken, registrerade tecken, varumärkessymboler och mer.
Kom ihåg att den här metoden bara fungerar om du använder den gamla inläggsredigeraren i WYSIWYG-läge.
Om du använder det i textredigeringsläget, måste du antingen växla till den visuella redigeraren eller använda metoden med HTML-entiteter som beskrivs ovan.
Härifrån kan du helt enkelt klicka på symbolen eller tecknet du vill använda, så läggs det till i ditt inlägg.
Glöm slutligen inte att klicka på knappen 'Uppdatera' eller 'Publicera' för att spara dina ändringar.
Bonus: Lägg till emojis i dina WordPress-blogginlägg
Förutom specialtecken kanske du också vill lägga till emojis i dina WordPress blogginlägg.
Emojis är små bildikoner som kan användas med text för att uttrycka känslor och andra uttryck.
Att infoga dessa ikoner på din webbplats kan ge ditt innehåll en färgklick och personlighet, öka engagemanget och göra dina inlägg mer läsbara.
Du kan enkelt lägga till emojis i din WordPress blockredigerare (Gutenberg) genom att trycka på Windows +. (punkt) kortkommandon på ditt tangentbord.
När du har gjort det öppnas en popup-ruta på skärmen 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.
Om du är en Mac-användare måste du trycka på tangenterna Command + Control + Mellanslag samtidigt för att öppna emoji-prompten.
För detaljerade instruktioner, se vår handledning om hur man 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 i WordPress-inlägg och sidor. Du kanske också vill se vår nybörjarguide om hur du lägger till knappar för understrykning och justering av text i WordPress och vår nybörjarguide om hur du lägger till en länk i WordPress.
Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.
kzain
Den här artikeln är otroligt användbar för alla som vill förbättra sina WordPress-inlägg med specialtecken! Den ger tydliga, steg-för-steg-instruktioner som är lätta att följa. Att införliva specialtecken kan verkligen höja den visuella attraktionen och läsbarheten av ditt innehåll. Tack för att du delar dessa praktiska tips och verktyg!
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
WPBeginner Kommentarer
Du kan lägga till detta på några olika sätt. Det finns ett sätt att lägga till upphöjt tecken via WordPress-redigeraren, så detta är förmodligen det enklaste alternativet. För att göra det, kolla in Metod #1 här: https://www.wpbeginner.com/beginners-guide/how-to-write-math-equations-in-wordpress/#aioseo-method-1-writing-math-equations-in-wordpress-using-unicode-characters.
Jiří Vaněk
Tack för tabellen med specialtecken, eller för länken. Jag sparade den i mina favoriter för personligt bruk. För bara några veckor sedan letade jag efter en speciell copyright-symbol som denna.
Roderick Young
Detta fungerade utmärkt för mig, men först klickade jag på rullgardinsmenyn i blockredigeraren och såg inte Omega-tecknet eller "Specialtecken". Omega lades faktiskt till verktygsfältet precis till vänster om Fetstil och Kursiv, mitt i prick.
WPBeginner Support
Thanks for sharing where it moved for you
Admin
Gina Leggio
Faktum är att jag fortsatte att experimentera med ditt råd och det fungerade till slut på något sätt. Tack.
WPBeginner Support
Glad our recommendations were helpful
Admin
Gina Leggio
Det verkade inte fungera för mig. När jag förhandsgranskar min sida visas fortfarande ©. Jag försökte markera det och sedan trycka på knappen "inmatning från tangentbordet". Vad gör jag fel?
WPBeginner Support
Du vill se till att du lägger till den som HTML och inte i ett styckesblock av den vanligaste anledningen.
Admin
Gina Leggio
Tack för ditt svar. Det fungerade, men när jag öppnar en förhandsgranskning i en ny flik visades inte symbolen; det visades bara ©. Vänligen ge råd.
WPBeginner Support
Om så är fallet, vill du kontrollera med supporten för ditt specifika tema för att säkerställa att en inställning i ditt tema inte åsidosätter hur det ska fungera.
Jur Jurr
Hej! Kan jag bara kopiera symbolen från någonstans och klistra in den på min webbplats?
WPBeginner Support
Du kan absolut prova det, men det är inte garanterat att det fungerar varje gång.
Admin
amir ebadi
Tack för den här fantastiska artikeln
WPBeginner Support
You’re welcome, glad you liked our article
Admin
shafique
trevligt att läsa en så bra artikel. snyggt skriven. mycket bra information. Tack
fortsätt så.
WPBeginner Support
Thank you, glad you liked our content
Admin
Ms. Anika Tyrone
Denna symbol som jag söker är: i en fyrkantig ruta, i den fyrkantiga rutan finns en nästan komplett cirkel, med en liten linje fäst vid den nästan kompletta cirkelns högra sida. Detta finns i WordPress.com där rubriken: “Prenumerationshantering” och har 5 webbplatser. Den sista på listan heter DF Blog och före dessa ord finns en symbol som nämnts ovan. Nu har de andra valet av veckovis, /omedelbart under leveransfrekvens, men för DF Blog är det tomt och jag får inte chansen att ange mitt val. Kan du möjligtvis hjälpa mig i denna fråga? Måndag, 31 juli 2017 kl. 13:18. Jag väntar tålmodigt på ditt svar. Tack för att du tog dig tid att läsa detta e-postmeddelande.
Mark Gandy
Jag har aldrig problem med att lägga till TM i ett inlägg, det är blogg- och inläggstitlarna där de inte visas. Några förslag?
Marissa
Så enkelt! Tack för att ni har detta gratis, praktiska verktyg tillgängligt för personer som jag... som startar en professionell webbplats och lär sig steg för steg.
Bella
Hur kan du ta fram specialtecken i WordPress-appen?
JMunce
Kan du göra en handledning om att lägga till specialtecken?
Jag kan koda unicode till min blogg, men inte alla kan se dessa. Jag kan på min dator, men på min telefon ser jag dem inte, till exempel.
Det vore bra att veta hur man visar dem för alla webbplatsanvändare.
Tack, Justin
WPBeginner Staff
Antingen teckensnittet eller operativsystemet du använder stöder inte rupie-tecknet.
Anchit Shethia
Jag har redan skickat e-post till WP-teamet för att uppdatera stödet för Rupee-tecknet. Hur stor är sannolikheten att det uppdateras?
alasdairpage
På en Mac är det enkelt, tryck ctrl+cmd+mellanslag för uttryckssymboler och specialtecken (scrolla åt höger för alternativen för specialtecken).
På Windows är det inte lätt, men det är möjligt med hjälp av teckenkartan. Jag har aldrig använt Windows 8 men i Windows 7 och tidigare finns det vanligtvis i Start, Program, Tillbehör, Systemverktyg. Använd det för att kopiera/klistra in tecken i valfri applikation.
Anchit Shethia
Nästan alla specialtecken kan läggas till i WP-inlägg men jag vill lägga till den officiella symbolen för Rupee på min blogg. Hur kan jag lägga till den? Även om jag kopierar symbolen från Wikipedia och klistrar in den, renderas den inte. Hjälp?