h1ヘッダーのスタイルをjQuery UIで設定する方法

Question

jQuery UIの使用を開始しました。私はすでにいくつかのウィジェットを使用しており、これらはうまく動作します。

<div id="bdy" class="ui-widget ui-widget-content"> 
<div class="bdy_box"> 
<h1>Home</h1 

最初の2行は、マスターレイアウトから来るが、 3行目は、ユーザー生成されたページである：私はこのようになり、私のウェブサイトに多くのページを持っています。だから、私が持っているものは、<h1>などのヘッダを使用する多数のユーザ生成ページです。

これらのスタイルはどのようにするべきですか？私のユーザは、ヘッダを使うのにtinymceを使い、ヘッダーはh1に囲まれたものでなければならないことだけを知っています。 ui-widget-headerでもヘッダーを囲み始めるように本当に頼むことはできません。

jQuery UIテーマを使用してもらいたいが、h1を置いたページのすべてを変更するようにユーザーに依頼することはできません。私はまたthemerollerを使用したいので、何とかヘッダが必要なときに色を変えたいと思っています。

Answer 1

私は本当に従っていないと思いますが、各ページにスクリプトを挿入できますか？次

$('h1').wrap('<div id="bdy" class="ui-widget ui-widget-content">');

http://jsfiddle.net/FpHvy/