Add class to html element with PHP

Question

Is there an easy way to automatically wrap any h2 element in the div class "entry-content" in another div class "entry-header"

So the end result would look something like:

<div class="entry-content">
  <div class="entry-header">
    <h2>Some Title</h2>
  </div>
</div>

I assume this can be done with PHP, but I'm not sure. Thanks for any input!

FWIW, I'm using this in Wordpress, and will be putting text in the h2 element from the WordPress GUI, so the PHP scripting will have to work after the item has been posted. — NW Tech
– NW Tech, Commented Sep 7, 2011 at 22:08
Does anything else go inside the divs? If not, why not just use CSS to define how you want h2 headers to look? — Marvo
– Marvo, Commented Sep 7, 2011 at 22:11
Actually trying to use two separate background styles. one for the h2 and then one for the div class "entry header" — NW Tech
– NW Tech, Commented Sep 7, 2011 at 22:26

GaryDevenay · Accepted Answer · 2011-09-07 22:16:10Z

2

In terms of wordpress I would probably verge towards creating a shortcode such as

[header]Some Title[/header]

I would make the shortcode take the content and wrap the given code around it.

See some documentation here: http://codex.wordpress.org/Shortcode_API

answered Sep 7, 2011 at 22:16

GaryDevenay

2,3952 gold badges20 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

powtac · Accepted Answer · 2011-09-07 22:12:28Z

1

ugly one:

$content = str_replace('<div class="entry-content">', '<div class="entry-content"><div class="entry-header">', $content);
$content = str_replace('</h2>', '</h2></div>', $content);

answered Sep 7, 2011 at 22:12

powtac

41.1k28 gold badges120 silver badges173 bronze badges

1 Comment

enloz Over a year ago

I agree. Same thing can be done via JavaScript replace() function, in addition.

Adrian · Accepted Answer · 2011-09-07 22:23:53Z

0

Can you do it in prototype ? This would be my easy solution:

var div = $('entry-content');

$(div).insert ({'top'  : '<div class="entry-header">'} );
$(div).insert ({'bottom'  : '</div>'} );

Maybe I'm missing somethig :)

answered Sep 7, 2011 at 22:23

Adrian

1,5593 gold badges19 silver badges26 bronze badges

2 Comments

NW Tech Over a year ago

how would I apply that only to the <h2>s in that div entry-content?

Adrian Over a year ago

var h2 = $$('entry-content h2'); $(h2).insert ({'before' : '<div class="entry-header">'} ); $(h2).insert ({'after' : '</div>'} );

Collectives™ on Stack Overflow

Add class to html element with PHP

3 Answers 3

Comments

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related