Ta kommandot över din sidopanel i WP

Hur ändrar man WordPress default med <h2> i sidopanelen?

Som jag skrev tidigare så känns det dumt, ur SEO-synpunkt, att använda en så pass viktig tagg som <h2> till så oviktig information som man ofta finner i sidopanelens rubriker.

Vad man ska ändra till är väl upp till var och en, men man bör nog sätta dem till <h4> eller ännu hellre ännu lägre.

Vad man väljer beror lite på vad man har för text i sina rubriker. Har man många med relevanta nyckelord kan det ju kanske till och med berättiga en <h3>.

I denna blogg har jag förresten satt dem i en <p>.

Vad du än väljer för html-tagg till dessa rubriker så gör du som följer:

Steg 1 - redigera functions.php

Börja med att öppna filen functions.php som du hittar i ditt-tema/functions.php.

Leta först reda på en rad som ser ut så här:

if (function_exists('register_sidebar'))
register_sidebar(array(

Efter denna kod kommer du antagligen att hitta något som ser ut ungefär så här:

'before_title' => '<h2>',
'after_title' => "</h2>\n",

Ändra de två <h2>-taggarna till exempelvis <h6>, eller vad du nu vill ha, så att det ser ut så här istället.

'before_title' => '<h6>',
'after_title' => "</h6>\n",

Glöm inte att spara dina ändringar.

Skulle det visa sig att ditt tema inte har någon sådan fil, byt tema. Det innebär att ditt tema inte är förberett för widgets och antagligen inte fungerar speciellt bra med WordPress senare versioner.

Om du har en functions.php, men inte de rader jag beskrev ovan, kan du lägga till dem själv.

Antagligen ser den ut så här:

if (function_exists('register_sidebar'))
register_sidebar();

Ändra då så att den ser ut så här istället:

register_sidebar(array(
	'before_title' => '<h6>',
	'after_title' => '</h6>' . "\n",
	));

Steg 2 - redigera sidebar.php

Detta steg är inte alltid nödvändigt, om du använder dig av widgets, men vissa teman har fördefinierad information i sidopanelerna som då normalt är satta i <h2>. Dessa bör vi också ändra till <h6>.

Ändrade du till något annat i functions.php så ändrar du naturligtvis din sidebar.php till samma sak.

Alltså, öppna din sidebar.php och ändra alla förekomster av <h2> till <h6>

Steg 3 - redigera style.css

Om du tar och tittar på din sida efter ovanstående ändring kommer du upptäcka att det ser lite märkligt ut. Detta beror på att stilen för sidopanelens rubriker är definierade som de ursprungliga <h2> i din css-fil.

Återstår alltså att rätta till detta. Det gör vi genom att öppna style.css för vårt tema. Du hittar denna fil under wp-contents/themes/ditt-tema/style.css.

Nu måste vi hitta stildefinitionen för våra <h2>-taggar i stilmallen. Det brukar se ut ungefär som följer:

#sidebar h2 { någonting; }

Ändra h2 till h6. Allt annat lämnar du precis som det är, så att slutresultatet blir

#sidebar h6 { någonting; }

Klart! Titta på din sida igen och du kommer att se att den nu åter ser ut precis som vanligt. I alla fall för en besökare. Om du tittar på källkoden till sidan kommer du (och sökmotorerna) att upptäcka att rubrikerna i sidpanelen numer är <h6>, eller vad du nu ändrade till.

Bra va?