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.
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.
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
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.
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”.
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.
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.
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.
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”.
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.
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.
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).
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.
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.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jiří Vaněk says
When I hide the widget title, is there a way to make the margins smaller?
WPBeginner Support says
For that you would need to use Inspect element to modify your CSS:
https://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
Administratör
Jiří Vaněk says
Ok, so I need to find the CSS class of widget and make for this special CSS via theme editor or WP Code. Thanks for answer. Now its make sense.
Joe says
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.
WPBeginner Support says
Hi Joe,
We have discussed this in our article on How many WordPress plugins should you install on your site.
Administratör
Willie says
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
H0NEYL00PS says
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;
.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.
Bonita says
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?
Laurie says
Doesn’t work for all widgets, such as Google AdSense, still searching for a solution.
Felipe says
Do you know how can i do this manually, without a plugin?
WPBeginner Support says
It is not a very neat solution but should work:
function remove_widget_title() { $titleNew = ""; return $titleNew; } add_filter ( 'widget_title', 'remove_widget_title' );1-click Use in WordPress
Administratör
Jerdison says
I am trying to remove all of my widget titles. The function you suggested did not remove them.
Scott says
Great post! Additionally, in a related topic, to also hide page and post titles in singular views there is a Hide Title Plugin as well. http://wordpress.org/extend/plugins/hide-title/
Ibrahim says
Wow! Thank you, Scott, for mentioning this plugin. I’ve been searching for more than a week now for something like this. Thank you.
Alan Hughes says
What is the code? I’m not trying to install an entire plugin just for this.
Kathy Henderson-Sturtz says
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.
Editorial Staff says
Probably doesn’t need to be updated
Administratör
Gautam Doddamani says
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
Trenton Miller says
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.
Editorial Staff says
Try using either one of these plugins:
http://wordpress.org/extend/plugins/widget-title-links/screenshots/
http://wordpress.org/extend/plugins/linkable-title-html-and-php-widget/
Administratör
Rich Owings says
If you leave the Title area blank it will do this without a plugin.
Editorial Staff says
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