メインコンテンツに移動
ホーム

古松

メインナビゲーション

  • ホーム
  • ビデオ
  • ご連絡

パンくず

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

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

やりたいこと: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のフォローボタンを記述するブロックに追加すればよいです

 

検索フォーム

カテゴリ別

  • laravel
  • drupal
  • javascript
  • windows
  • html
  • mysql
  • php
  • apache
  • css
  • SEO
  • video
  • wordpress
  • linux
  • python
  • Electron
  • Visual Studio Code

google ads