jQuery UIテーマ

8

私のモジュールで、themerollerからのカスタムjQuery UIテーマを使用したいと思います。それを行う最良の方法は何ですか？

7 javascript

— ya.teck
ソース

jQuery UIタグを作成できませんでした。

— ya.teck 2011

スペースで区切ることはできません。または、2つの異なるタグであることを理解します:)

— Alex Weber

これは、jQuery Uiでタグ付けされた最初の質問です。新しいタグを作成する権限がありません:)

— ya.teck

どのDrupalバージョンに興味がありますか？

— kiamlaluno

私はDrupalの7を使用しています

— ya.teck

6

jquery_uiモジュールを使用していると仮定すると、必要なことは次のとおりです。

モジュールのREADME.txtの指示に従って、ThemeRollerからカスタムテーマを含むjQuery UIのカスタムダウンロードをビルドし、jquery_uiフォルダーにコピーします。
または、カスタムテーマをビルドしてダウンロードし、jQuery UIのテーマディレクトリにコピーすることもできます。

編集：

ただし、Drupal 7にはすでに最新のjQuery UIが同梱されているため、カスタムjQuery UIテーマをダウンロードして、次のいずれかの方法でそれをインクルードするだけです。

ディレクトリをテーマのフォルダーにコピーし、テーマの.infoにcssファイルを含めます
カスタムモジュールを作成し、実装（hook_init）と使用）（drupal_add_cssカスタムスタイルシートを追加します：

function mymodule_init（）{$ options = array（ 'group' => CSS_THEME、 'every_page' => TRUE、 'weight' => 9999）; drupal_add_css（drupal_get_path（ 'module'、 'mymodule'）、 'mymodule.css'、$ options）; }

— アレックスウェーバー
ソース

私はjquery_uiの drupal 7バージョンを見つけていないので、自分のファイルをdrupalコアディレクトリにコピーするのが最善の方法だとは思いません。

— ya.teck 2011

私の悪い、同意した、私はこれを修正するために私の元の投稿を編集しました:)

— Alex Weber

しないdrupal_add_cssちょうど新しいCSSファイルを追加するが、それらを交換しませんか？単一のページでのみjQuery UIを使用します。

— ya.teck 2011

drupal_add_cssは同じ名前のファイルを置き換えます。たとえば、cssに「jquery.ui.theme.css」という名前を付けると、デフォルトバージョンの代わりに使用されます

— Alex Weber

3

Drupal 7の場合、ストックセブンテーマはこれを行います（リポジトリリンク）（要約）：

function seven_css_alter(&$css) {
  if (isset($css['misc/ui/jquery.ui.theme.css'])) {
    $css['misc/ui/jquery.ui.theme.css']['data'] = drupal_get_path('theme', 'seven') . '/jquery.ui.theme.css';
  }
}

それに応じて変更します。つまり、「seven」をテーマの名前に置き換え、jQuery UIテーマのCSSファイルへのパスをポイントします。

— サマトジャイナ
ソース

3

を介してUIを追加する場合はdrupal_add_library()、を使用してスタイルを変更できますhook_library_alter()。例えば：

/**
 * Implements hook_library_alter().
 */
function YOURMODULENAME_library_alter(&$libraries, $module) {
  unset($libraries['ui']['css']['misc/ui/jquery.ui.theme.css']);
  $libraries['ui']['css']['path/to/your/custom/theme/jquery.ui.theme.css'] = array();
}

— ウェブアシスタント
ソース

1

モジュール固有になる可能性が高いため、これはより良い方法だと思います。また、それは私のために働いた。

— Brandon Bearden 2012

2

私は、マルチTHEMEROLLERが生成したUIを管理し、これらのUIをDrupalテーマにアタッチするjQuery UIテーマモジュールを使用することをお勧めします。次に、ブロッククラス /ノードクラス/ webform css などのモジュールを使用して、Drupalの要素のjquery UI CSSクラスを設定します。

— 魚なし
ソース