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

Hur man enkelt döljer widgets Rubrik i WordPress

Vill du dölja rubriken på en WordPress-widget i din sidebar eller footer?

WordPress widgets gör det enkelt att add to dynamiskt content till ditt theme, till exempel senaste inlägg eller dina mest populära posts. Men om du behöver dölja widgets titel, måste du vanligtvis skriva custom CSS eller HTML.

I den här artikeln visar vi dig hur du enkelt döljer widgets rubrik i WordPress.

Hiding widget title in WordPress

Varför dölja widgets Rubrik i WordPress?

Beroende på ditt WordPress-tema kan din site visa titlar på widgetar som standard. Många teman visar till exempel rubriken i sina sidebar.

Widgets titles displayed in sidebar

Men ibland kanske widgetens rubrik inte passar med din sites design. Vissa widgetar är också onödiga, eftersom widgetens content talar för sig själv. På så sätt kan rubriker ta upp dyrbart utrymme på skärmen på din website, blogg eller store.

Även om det är möjligt att add to custom styles till WordPress widgets eller till och med använda visual editor för att skapa dina egna widgets, finns det snabbare och enklare sätt att ta bort titeln. Med detta sagt, låt oss se hur du kan göra denna enkla förändring.

Video Tutorial

Subscribe to WPBeginner

Om du föredrar skriftliga instruktioner är det bara att fortsätta läsa. Använd bara snabblänkarna under för att hoppa direkt till den metod du vill använda:

Metod 1: Använda hela Site Editor (endast Block-aktiverade teman)

Det enklaste sättet att dölja widgets rubrik är genom att använda hela Site Editor. Detta allow you to customize any WordPress widget, inklusive att remove the title.

Den här metoden fungerar dock bara med blockbaserade themes som gillar Hestia Pro. Om du inte använder ett block aktiverat theme, måste du använda metod 2 istället.

För att komma igång, heada över till Themes ” Editor i WordPress dashpanelen.

Hiding the widget title using the full-size editor (FSE)

Som standard visar hela Site Editor ditt temas hemmamall, men du kan add to widgets till vilken template eller template-del som helst, till exempel header eller footer.

Du kan även add widgets till area på din site som du inte kan edit med WordPress standard content editor. Du kan till exempel använda hela Site Editor för att förbättra templates för din 404 page.

För att se alla tillgängliga alternativ, select ”Templates”.

Choosing a block-enabled WordPress template

Du kan nu klicka på den template eller template-del där du vill ta bort en widgets titel eller lägga till en new widget.

Som ett exempel kommer vi att add to en Latest Post widget till homepage sidebar, men stegen kommer att vara desamma oavsett vilken template och widget du väljer.

När du har valt en template eller en template-del kommer WordPress att visa en preview och en description. För att gå vidare och edit denna layout, click på pencil icon.

Editing the WordPress home template using the full-size editor (FSE)

Om du vill add a new widget, click the blue ’+’ icon in the top left corner. Du kan sedan skriva in namnet på den widget du vill add to och drag and drop rätt widget på din template.

För mer detaljerade instruktioner, vänligen se vår guide om hur man lägger till och använder widgetar.

Adding a widget to WordPress using the full-site editor (FSE)

För att remove widgetens Rubrik, clickar du bara för att selecta rubriken i editorn.

You can now delete all text or replace it with your own customize messaging.

Deleting a widget title using the full-site editor (FSE)

För att dölja rubriken för andra widgetar upprepar du helt enkelt samma steg.

När du är nöjd med hur templatet ser ut klickar du bara på ”Save”.

Publishing a custom widget using the block-based theme and FSE

Nu, om du besöker din WordPress website, kommer du att se widgetar titeln har försvunnit.

Metod 2: Använda tillägget Widget Options Plugin (ingen fullständig Site Editor obligatorisk)

Om du ej använder ett tema som aktiverar block, kan du dölja widgettiteln med hjälp av pluginet Widget Options. Detta är ett komplett plugin för widgethantering som låter dig customize dina widgets och till och med visa eller dölja widgets på specifika WordPress pages.

För mer detaljer, vänligen se vår kompletta guide om hur du installerar ett WordPress plugin.

När pluginet är aktiverat måste du heada över till Appearance ” Widgets. Därefter drar och släpper du en widget till din sidebar eller något annat widget-klart area på din webbplats.

Drag and drop widget into sidebar

I det här exemplet ska vi ta bort widgettiteln från Search-widgeten, men stegen kommer i stort sett att vara desamma oavsett vilken widget du arbetar med.

Tänk bara på att du kan se olika alternativ och rubriker för widgetar beroende på ditt WordPress-tema.

Klicka bara på pilen bredvid widgets rubrik för att se alla inställningar för den widgeten.

Sidebar widget view

I de förstorade Settings, click on the cog icon.

Välj sedan följande box: ”Check to hide widget title” (Kontrollera om widgetens rubrik ska döljas).

Hide widget title settings

Efter det, gå vidare och klicka på knappen ”Save” för att lagra dina ändringar.

Upprepa helt enkelt dessa steg för att customize alla widgetar på din website. Efter det kan du besöka din WordPress blogg för att se de nya widgetarna i action.

Widget title hidden on site

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du enkelt döljer widgets rubriker i WordPress. Du kanske också vill kontrollera våra expertval för de mest användbara widgetarna, eller se vår guide om hur man döljer en WordPress-widget på mobilen.

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

22 kommentarerLämna ett svar

  1. Jiří Vaněk

    When I hide the widget title, is there a way to make the margins smaller?

  2. Joe

    I would urge caution to avoid using plugins for relatively simple edits. Keep in mind that the more dependency you have on plugins the more work it is to manage and troubleshoot when things go wrong.

    Additionally, plugins affect the performance of your WP site and adds overhead, so use only when you need to.

    If you are looking to hide the widget title you can try this approach by adding the CSS to your theme’s custom CSS or to the .css file found in WP.

    Here’s an example, I used in a Divi theme blog:

    .et_pb_sidebar_0.et_pb_widget_area .widgettitle {display:none;}

    Hope this helps.

  3. Willie

    Good day.
    I added ! to all my Widgets.
    The writing is now gone, but i am left with ”Block” where the writing was.
    How do i remove these blocks?
    regards
    Willie

  4. H0NEYL00PS

    If you want to remove a title from a specific widget and you don’t want to download a plugin just to do it, add something like this into your themes’ CSS wherever relevant;

    div.widget.custom-header.last h4 { display: none;}

    .last is obviously optional, relative to what you’re working on – as is ’custom-header’ (points to the specific widget I was working with). If in doubt, Right Click > Inspect Element.

  5. Bonita

    It only removes the title, but not the styling associated with it. Even thouth the text is no longer there, I can still see the title underline and the spacing that is applied to it. How do I remove this completely?

  6. Laurie

    Doesn’t work for all widgets, such as Google AdSense, still searching for a solution.

  7. Felipe

    Do you know how can i do this manually, without a plugin?

    • WPBeginner Support

      It is not a very neat solution but should work:

      function remove_widget_title() {
           $titleNew = "";
          return $titleNew;
      }
      add_filter ( 'widget_title', 'remove_widget_title' );
      

      Administratör

      • Jerdison

        I am trying to remove all of my widget titles. The function you suggested did not remove them.

    • Ibrahim

      Wow! Thank you, Scott, for mentioning this plugin. I’ve been searching for more than a week now for something like this. Thank you.

  8. Alan Hughes

    What is the code? I’m not trying to install an entire plugin just for this.

  9. Kathy Henderson-Sturtz

    Yeah! Wishes do come true. Just installed the Remove Widget Titles on 2 sites (running latest WordPress, Thesis 1.8.5 on one and Genesis/Prose on other) and works like a charm. Oh, the power of a single !

    Just a little concerned that no updates on this widget since 2011.

  10. Gautam Doddamani

    thanks for this i was in need of such a plugin some years ago..i was tweaking up my site and wanted to hide the title…for some reason it was not hiding for a plugin, then i just edited some code using plugin editor and it stopped showing…this is a very good tool and will make the job of hiding title easy! :)

    Cheers,
    Gautam

  11. Trenton Miller

    This is a very useful tip, thanks! Now, is there an easy way to make a widget title into a link? I wish you could just add code into the widget title area, but Wordpress doesn’t allow it.

  12. Rich Owings

    If you leave the Title area blank it will do this without a plugin.

    • Editorial Staff

      Yes, but then you don’t know which widget is there because your title area is blank. Specially if you have multiple widgets in that widget area without titles.

      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.