1

WordPress と jQuery Mobile を使用してモバイル Web サイトを構築しています。

ユーザーがボタンをタップしたときに表示されるカスタム ウィジェット エリアを作成したいと思います。

ウィジェット領域に含まれるリンクを JQM ボタンのように見せたいです。そのためには、属性 data-role="button" をウィジェットの 'a' 要素に追加する必要があります。

functions.php からこれらの 'a' 要素にカスタム属性を追加する方法はありますか?

デフォルトでは、これはウィジェット内のリンクのコードです:

<h3 class="widget-title">Categories</h3>
  <ul>
    <li class="cat-item cat-item-646">
      <a title="Some title" href="http://example.com/category/">Category</a>
    </li>
    ...

「a」要素内に data-role 属性を追加する必要があります。

<a title="Some title" href="http://example.com/category/" data-role="button">Category</a>

WP APIがfunctions.phpからそれを行うためのフィルターを提供しているかどうか、またはPHPで何らかの方法で可能かどうかを知りたい

4

2 に答える 2

1

リンクをフィルタリングして追加data-role=buttonするには、以下のコードを使用します。

$('li.cat-item').find('a').each(function () {
 $(this).attr('data-role', 'button');
});

.cat-itemリスト項目のクラスはどこにありますか。

于 2013-04-20T16:06:23.353 に答える
1

最後に、自分の質問に対する答えを見つけました: functions.php から WP メニュー項目にカスタム データ属性を追加する方法です。

WordPress メニュー (メニューだけでなく) のマークアップを操作することが可能です。WP は、functions.php で拡張できる Walker クラスを提供します。

ここではコードを再現しませんが、WP メニューの構築に興味がある人は、ここから取得できます。

http://www.kriesi.at/archives/improve-your-wordpress-navigation-menu-output

WP stackexchange のその他の便利なリソースは次のとおりです。

https://wordpress.stackexchange.com/questions/14037/menu-items-description-custom-walker-for-wp-nav-menu/

https://wordpress.stackexchange.com/questions/19245/any-docs-for-wp-nav-menus-items-wrap-argument/

https://wordpress.stackexchange.com/questions/64515/fall-back-for-main-menu/

于 2013-04-30T05:55:22.370 に答える