Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

WordPress How to Build a WordPress Theme Extending WordPress Template Functionality Adding Widgets to Our Footer

before_title/after_title not being applied

When I add the widgets, the before_title/after_title key => value pairs specified in the array for create_widget is not being applied or is being overridden. Edit: This only occurs on the Dribble Plugin. I did not test the twitter one, but the Treehouse Badges Plugin has the correct h5 tags applied. Here's the relevant code from functions.php

function create_widget($name, $id, $description) {

  register_sidebar(array(
    'name' => __( $name ),   
    'id' => $id, 
    'description' => __( $description ),
    'before_widget' => ' ',
    'after_widget' => ' ',
    'before_title' => '<h5>',
    'after_title' => '</h5>'
  ));

}

create_widget("Left Footer", "footer_left", "Displays in the left of the footer");
create_widget("Middle Footer", "footer_middle", "Displays in the middle of the footer");
create_widget("Right Footer", "footer_right", "Displays in the right of the footer");

The widget is being displayed, but the title has h3 instead of the expected h5 tags.

I assume I may be missing something simple, but haven't been able to find a solution. Any tips on what I should check/do to resolve this problem?

1 Answer

Cameron Bourquein
Cameron Bourquein
4,927 Points

This is happening to me too. It appears the Dribble Widget has a new field of "title" relative to when this tutorial was recorded, which is overriding the h5 tags with its own h3. The only way I was able to alter this was to Go to the Dashboard -> Plugins -> WP Dribbble (Edit) and change this bit of code in the plug-in itself:

<!-- Custom Dribbble Widget Title -->
<h3><?php if(!empty($widgetTitle)) : echo $widgetTitle; else : echo 'Dribbbles'; endif; ?></h3>

Such that the h3 tags are h5 tags. Still have some other restyling to do, but it did fix the heading problem. I don't know what the best practice would be for fixing something like this as I am still quite new to WP, php, etc., but this is what worked for me.