DrupalのBootstrapテーマにあるハイライトエリアにjumbotronとwellクラスより表示バランスが崩れため、一時的にこのクラスをjavascriptページをロード時に削除

SEO
css
drupal
javascript
SEO
Twitter
bootstrap
block
jQuery

やりたいこと：Drupalのブロックシステムにある「ハイライトされ」エリアにTwitterなどのフォローボタンを配置します

  • サイトSEO一環として、Twitter、Facebookなどのフォローボタンを設置したいです
  • 配置場所としてページのトップにある「ハイライトされ」エリアにしたいです

問題点：テーマ（Bootstrap）のjumbotron、wellクラスよりハイライトエリアの表示バランスが崩れます

  • DrupalのBootstrap（3.x）テーマに、「ハイライトされ」エリアにjumbotron, well設定で、表示のバランスが悪くなります
  • Drupalではブロック、メニューなどのラップクラス、属性追加するモジュールがありますが、特定な要素（div）にあるクラス（jumbotron, well）の削除方法はあまりないです

解決：javascriptでページロード時に特定なクラス（jumbotron, well）を削除します

  • テーマのテンプレートファイル修正、プログラミングで特定なクラス（jumbotron, well）を削除することができます
  • できればテンプレートファイルなどの変更せず、表示を変更する手法を取りたいです
  • ここで、javascriptでページロード時にこの二つのクラス（jumbotron, well）を削除します 
    <script>
      jQuery(document).ready( function($){
        $("div.highlighted").removeClass( "jumbotron" );
        $("div.region-highlighted").removeClass( "well" );
      } );
</script>

  • このスクリプトを挿入する場所としては、新しいブロックを作成するか、Twitterのフォローボタンを記述するブロックに追加すればよいです