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 add to undertexter för posts och pages i WordPress (steg för steg)

Undertexter är den lilla text som visas direkt efter huvudrubriken. Efter att ha bloggat i flera år har vi funnit att detta är ett användbart element för att uppmuntra användare att dyka djupare in i vårt innehåll.

En väl utformad undertext kan ge det extra sammanhang eller den intrig som förvandlar en tillfällig webbläsare till en engagerad läsare. Tyvärr har WordPress inte ett standardblock för undertexter (även om vi tycker att det borde ha det).

Tack och lov har vi hittat ett enkelt sätt att lägga till undertexter till dina WordPress-inlägg och sidor, och vi ska visa dig hur i den här guiden.

How to add subtitles for posts and pages in WordPress (step by step)

Varför Add Subtitles till Posts och Pages i WordPress?

Subtitles, eller sekundära rubriker, allow you to show more information about your blogginlägg, vilket uppmuntrar visitorerna att läsa mer.

Många populära bloggar använder undertexter på det här sättet, bland annat Medium, Buzzfeed, Mashable, Brain Pickings med flera.

Post subtitle example

Undertexter ger dig en chans att förklara din rubrik och berätta för läsarna vad de kommer att få genom att läsa ditt blogginlägg i WordPress.

De kommer också att uppmuntra visitorerna att stanna kvar på din site längre och läsa mer content, vilket kan öka sidvisningarna och minska avvisningsfrekvensen. Detta sänder positiva signaler till sökmotorerna, så det kan till och med förbättra din WordPress SEO.

Med det sagt, låt oss visa dig hur du enkelt kan add to undertexter till dina WordPress posts och pages.

Så här addar du undertexter till WordPress posts och pages

Det enklaste sättet att add to undertexter till din website i WordPress är att använda Secondary Titles.

Detta plugin låter dig enkelt add subtitles till dina posts och pages och sedan customize hur dessa subtitles ser ut.

Final post subtitle example

Det första du behöver göra är att installera och aktivera pluginet Secondary Titles. För mer detaljer, se vår guide för nybörjare om hur man installerar ett plugin för WordPress.

Efter aktivering, heada till Settings ” Secondary Rubrik, där du kan konfigurera plugin-inställningarna.

The WordPress subtitle settings

Sekundär Rubrik kan automatiskt visa undertiteln för varje page eller post genom att slå samman den med standardtiteln. Ett annat alternativ är att visa undertexten endast för specifika pages och posts.

Eftersom det är det enklaste alternativet, låt oss börja med att automatiskt visa en undertext för alla pages och posts. I ”Auto show” section, välj helt enkelt ”On”.

Efter det kan you ändra hur undertexten ser ut. Som standard visar Secondary Rubrik huvudheadline och undertitel separerade med ett kolon, gillar detta:

Den sekundära rubriken:The Post Rubrik

För att ändra detta, edit HTML i ”Rubrik format” boxen.

Du kan till exempel göra undertiteln mindre. I det här fallet kan du använda H1-taggar för rubriken och en lägre tagg som H2 eller H3 för undertexten.

Du kan också ändra dess färg och ta bort eller ersätta kolon med någon annan symbol som du vill använda.

”Preview” uppdateras automatiskt när du gör ändringar, så att du kan prova olika settings för att se vad som ser bäst ut på din WordPress blogg.

Configuring the title format in the Secondary Title plugin

Efter det kan you control var undertexterna visas i ”Display Rules” section.

Först väljer vi ”On” i ”Only show in main post” section, eftersom det innebär att undertexterna bara visas om de finns i huvudblogginlägget.

Only show in main post on

I ”Post types” section kan du välja de post types där du vill visa undertexter.

Om du vill visa undertexter på både posts och pages kontrollerar du båda boxarna.

Select post types to display subtitles

Därefter kan du välja de inläggskategorier där du vill tillåta undertexter.

I ”Categories” section, kontrollera eller avmarkera de olika kategorierna för post.

Check boxes for post category display

Vill du bara visa undertexter för specifika posts?

Sedan skriver du bara in deras ID:n i boxen ”Post ID”. För Step-by-Step-instruktioner om hur du hittar den här informationen, se vår guide om hur du hittar ID:n i WordPress.

Enter unique IDs for post or page

I den sista boxen ”Miscellaneous Settings” kan you allow visitors to search for posts using their subtitles genom att välja radio-knappen ”On”.

Beroende på din webbplats kan detta vara ett bra sätt att förbättra WordPress search.

Making your WordPress subtitles searchable

Slutligen kan du ändra om undertexten ska visas till vänster eller höger om den primära titeln med hjälp av inställningarna för ”Column position”.

När du är nöjd med hur undertexten är inställd klickar du bara på knappen ”Save Changes”.

Miscellaneous settings box and save changes

När du har gjort det är du redo att skapa din första undertext genom att öppna en post eller page.

Här skriver du helt enkelt in din undertitel i boxen ”Secondary Rubrik” i menyn till höger. Klicka sedan på ’Update’ eller ’Publicera’ för att göra dina ändringar live.

Add subtitle and save post

Nu kommer besökarna att se undertexten när de viewar your post.

Manuellt displaying av undertexter på WordPress posts och pages

You can also add subtitles to your posts and pages manually. Detta ger dig mer control över var dina undertexter visas på de enskilda posts och pages.

För att göra detta går du bara till Settings ” Sekundär Rubrik. Välj sedan alternativet ”Off” i sektionen ”Auto show”.

Turn off auto show subtitles

Ett sätt att göra detta är att använda kortkoder för att visa den sekundära titeln. Detta gör att du bara kan visa sekundära titlar på specifika sidor och inlägg.

Detta är den shortcode som pluginet tillhandahöll:

[secondary_title]

För mer information om shortcodes, kontrollera vår guide om hur du lägger till shortcodes i WordPress.

Du kan också manuellt visa sekundära titlar i ditt WordPress-tema genom att lägga till kod i temamallfilerna.

Om du vill göra detta rekommenderar vi att du använder WPCode. Detta plugin för kodsnuttar gör det säkert och enkelt att lägga till kod i dina webbplatsfiler utan att direkt justera dem.

Först måste du installera pluginet på din WordPress website. Gå sedan till Code Snippets ” + Add Snippet.

På den här sidan väljer du ”Add Your Custom Code (New Snippet)” och klickar på knappen ”Use snippet”.

Add a new custom snippet in WPCode

Efter det rekommenderar pluginet att du lägger till följande kodsnutt för malltaggen:

echo get_secondary_title();

När vi testade koden såg den sekundära rubriken inte ut att vara i linje med innehållet i posten. Så vi rekommenderar att du lägger till div-taggarna i koden.

Det är så här det ska gilla att se ut:

echo '<div>';
echo get_secondary_title();
echo '</div>';

Om du inte har lagt till kod tidigare, se vår guide för nybörjare om hur du klistrar in snippets från webben i WordPress.

När du har gjort det kan du namnge ditt code snippet. Det kan vara något som gillar ”Secondary Rubrik Snippet.

Ändra också kodtypen till ”PHP Snippet” så att koden fungerar korrekt.

Inserting the secondary title echo code in WPCode

Efter det, se till att rulla ner och lämna metoden för insert som ”Auto Insert”.

När det gäller Location kan du växla till tabben ’Page-Specific’ och click your önskade location. Vi valde ”Infoga före content” så att den sekundära titeln visas efter titeln och före första stycket i posten.

Du kan också hänvisa till vår WordPress mall-hierarki fuskblad för att bestämma den bästa platsen att visa den sekundära titeln.

Choosing Insert Before Content location in WPCode

Det coola med WPCode är att den har en villkorlig logikfunktion. Detta gör att du kan skapa regler för att visa undertexterna som är mer detaljerade än plugin-programmet Secondary Title.

För att göra detta är det bara att bläddra ner till funktionen ”Smart villkorlig logik”. Växla sedan på knappen ”Aktivera logik”.

Du kan sedan skapa regler för att visa eller dölja undertexten. Dessa regler kan baseras på olika villkor som typen av besökare som tittar på sidan, typen av sida i sig, specifika URL-slutsatser och mer.

WPCode's conditional logic feature

När du är klar gör du bara koden aktiv och klickar på ”Save Snippet” högst upp. Och så är det klart!

Om du vill ha fler tips och tricks för att hantera dina WordPress-inlägg och sidor kan du kolla in dessa guider nedan:

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till undertexter till dina inlägg och sidor i WordPress. Du kanske också vill se våra expertval av de bästa relaterade inlägg-pluginsen för WordPress och vår guide om hur du omdirigerar användare till ett slumpmässigt inlägg i WordPress.

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

16 kommentarerLämna ett svar

  1. Pixi Arnoso

    The plug-in with elementor does not work well. When you use a post grid the second title appears spoiling the whole design. I haven’t managed to remove it from there yet. It’s a pity because the plug-in is very good.

    • WPBeginner Support

      Thank you for sharing, for plugins interacting with other plugins, we would recommend reaching out to the authors to see if there is a possibility of them working together in the future.

      Administratör

  2. Vanessa

    What if I want secondary title appear everywhere except on the top of a single blog page ?
    Thank you

    • WPBeginner Support

      If we’re understanding what you want correctly then you could use header blocks to add your subtitle in the article itself.

      Administratör

  3. Dionne

    Hi guys,

    How can I style just the secondary title?

    Please reply…

    • Kavinthan

      You can insert inline CSS in Title format input.
      If you using the manual method, you can add custom style or class like

  4. Sahriar Sykat

    Any way to do it manually? I can use a custom metabox for this but I want it like this plugin, next to title. Not bottom of editor with other metaboxes

  5. Ellis Sutehall

    It appears that the subtitle is inserted into the tag where the main title exists.

    This means that styling it can only be done with span tags and inline styles. This causes problems with things like sidebars that list recent posts.

    For example, I wanted the subtitle smaller and underneath the main title but font-size: 20px meant that it displayed this size in the sidebar too.

    Anyone else experienced this or know of a work around?

  6. WPBeginner Staff

    No, currently you don’t need to join WPBeginner you can simply use coupon code provided for the hosting to avail the discounts.

  7. Miss Amia

    Do you have to pay to join ”Wpbegginer” ? I see your referrers to hosting says, ”wpbegginer users get such & such off”

  8. WPBeginner Staff

    Depending how you format the secondary title, it will certainly have a little impact on the SEO of the page. Yes you can leave the secondary title blank.

  9. Declan Wilson

    Does the secondary title have any impact on SEO?

    Also, I second @disqus_M7pLX0hgAp:disqus’s question.

  10. Kelly

    Secondary Title is a great plugin! And your article was especially helpful re: for secondary title appearing below the primary title. Thanks very much.

  11. Carolann

    Oh wow I just installed this plugin….can’t wait to start using it. It looks awesome. Thanks so much for the heads-up….love this site!!!!

  12. Amy Russell

    If we have this plugin activated, but don’t need a secondary title can we just leave the secondary title line blank? Will it look different than just the basic title & post without the plugin?

  13. miriam

    thank you for this article. exactly what I needed. do you know whether the subtitle shows on facebook?

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.