パネルページの特定の領域にカスタムcssクラスを追加したいと思います。
私はこの質問から理解します クラスをパネルペインに追加します ペインまたはリージョン自体の設定メニューからこれをかなり簡単に実行できるはずですが、そうするオプションはまったくありません。
Panels 7.x-3.5 with Panels Bootstrap in Drupal 7。
私が使用しているレイアウト設定(Boostrap、カスタムスタイルなど)に関係なく、CSSクラスを追加するオプションはありません。
ブーストラップ設定にはいくつかのドロップダウンボックスがあり、カスタムスタイル設定には多くのオプションがありますが、CSSクラスを追加する機能はありません。
テンプレートをどこかで上書きする必要がありますか?これは簡単なはずです...
CSSクラスを追加するオプションは、実際のペインコンテンツにあります。 Bootstrapパネル領域では、左側の歯車はグリッドを設定するオプションを提供します。クラスを追加する必要がある場合は、領域のテンプレートファイルを見つける必要があります。それを使用してテーマ/サブテーマにコピーし、そこにクラスを追加するか、そのためのcToolsプラグインを自分で作成します。クラスを追加する機能は、領域内に追加する実際のコンテンツペインにあります。たとえば、パネル内の左側の領域にビューペインを追加することで、そのビューをbootstrap .wellまたはbootstrap .alert on the cogを使用してコンテンツペインの右側(領域内のコンテンツの歯車)なので、設定を使用してコンテンツペインにクラスを追加できます。
リージョン全体にクラスを追加する必要がある場合は、レイアウトのテンプレートファイルをテーマにコピーする必要があります。したがって、Bootstrap 3列のスタックを使用している場合、bootstrap-threecol-stacked.tpl.php
をテーマのテンプレートフォルダーに追加します。そして、そのテンプレートファイル内で必要な領域の外側のdivを変更します。リージョンは実際にはそのテンプレートファイルにリストされています(ファイル内に表示されます)。どのテンプレートファイルにどのマークアップがテーマのデバッグをオンにしているのかを確認し、ページのHTMLを検査したい場合は、モジュール内のテンプレートファイルを変更できます(その方法については here を参照してください)。 。
アラートまたはウェルを領域に追加できるこのモジュールがあります。 https://www.drupal.org/project/panels_bootstrap_styles ですが、実際に使用したことがなく、制限されているようです。 bootstrapパネルレイアウトと適切なテンプレート、またはこれらの種類のcToolsプラグインは、非常に効果的に機能します。必要なほぼすべてのマークアップに対して、そのモジュールのように記述することができます。)
Semantic Panels のようなモジュールを使用してこれを行うこともできます。これは、CSSクラスを追加するようなことには少しやりすぎだったので、以前は追加しませんでしたが、使いやすいかもしれません。
プログラムで_THEME_preprocess_html
_にcssクラスを追加するとうまくいくと思います。 パネルページの本体要素にクラスを追加 は、menu_get_item()
を使用してこれを行うソリューションを提案しました。