> ## Documentation Index
> Fetch the complete documentation index at: https://developers.hubspot.jp/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# 非推奨になったHubLサポート対象のタグ

> ここでは、非推奨になったHubLサポート対象のタグをリスト形式で示します。ここに記載されているタグは引き続き動作しますが、合理化および最適化されたタグが新たに提供されています。これらの新しいタグも以下に記載します。このページでは、参考として履歴を掲載しています。 

ここでは、非推奨になったHubLサポート対象のタグをリスト形式で示します。ここに記載されているタグは引き続き動作しますが、合理化および最適化されたタグが新たに提供されています。これらの新しいタグも以下に記載します。このページでは、参考として履歴を掲載しています。

## カスタムウィジェット

<Warning>
  このタグは[**カスタム モジュール タグ**](/cms/reference/hubl/tags/standard-tags#custom-modules)に置き換えられました。
</Warning>

## Follow Me

Follow meモジュールは、さまざまなソーシャルメディアのプロフィールにリンクするアイコンをレンダリングします。表示されるアイコンは、貴社のソーシャル設定に基づきます。

<Warning>
  このタグは、新しいFollow Me既定モジュールに置き換えられています。
</Warning>

<CodeGroup>
  ```text 入力.txt theme={null}
  {% follow_me "follow_me" %}
  {% follow_me "follow_us" title='Follow Us', module_title_tag="h2" %}
  ```

  ```text 出力.txt theme={null}
  <span id="hs_cos_wrapper_module_14162805806361260" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_follow_me" style="" data-hs-cos-general-type="widget" data-hs-cos-type="follow_me">
  <h2>Follow Us</h2>
  <div style="">
  <a target="_blank" class="fm_button fm_googleplus" href=""><span title="Follow us on Google+"></span></a>
  <a target="_blank" class="fm_button fm_facebook" href=""><span title="Follow us on Facebook"></span></a>
  <a target="_blank" class="fm_button fm_twitter" href=""><span title="Follow us on Twitter"></span>
  </div>
  </span>
  ```
</CodeGroup>

## グローバルウィジェット

グローバルウィジェットは、テンプレート全体で共有できます。

<Warning>
  このタグは、[カスタム モジュール タグ](/cms/reference/hubl/tags/standard-tags#custom-modules)に置き換えられました。
</Warning>

```hubl theme={null}
{% global_widget "facebook_fan_box" overrideable=False, label='Facebook Fan Box' %}"
```

## Google検索

<Warning>
  Google検索タグとモジュールは使用できなくなりました。HubSpotのネイティブ検索に置き換えられました。
</Warning>

## 画像スライダー

HubSpot画像スライダーモジュールを生成します。このスライダーモジュールは、[FlexSlider](http://flexslider.woothemes.com/)に基づくものです。スライダーモジュールは標準のモジュールHubL構文でも作成可能ですが、HubLを使用して既定のスライドを定義する場合は、ブロック構文を使用する必要があります。両方の方法を以下に示します。

<Warning>
  このタグは[ギャラリータグ](/cms/reference/hubl/tags/standard-tags#gallery)への移行によって非推奨になりました。
</Warning>

<CodeGroup>
  ```text 入力.txt theme={null}
  {% image_slider "image_slider" %}

  <-- Block syntax -->
  {% widget_block image_slider "crm_slider" sizing='static', only_thumbnails=False, transition='slide', caption_position='below', with_thumbnail_nav=False, lightbox=False, auto_advance=True, overrideable=True, description_text='', show_pagination=True, label='Image Slider', loop_slides=True, num_seconds=5  %}
  {% widget_attribute "slides" is_json=True %}[{"caption": "CRM Contacts App", "show_caption": true, "link_url": "http://www.hubspot.com/crm", "alt_text": "Screenshot of CRM Contacts", "img_src": "http://go.hubspot.com/hubfs/Contacts-View-1.png?t=1430860504240", "open_in_new_tab": true}, {"caption": "HubSpot CRM Contact Profile", "show_caption": true, "link_url": "http://www.hubspot.com/", "alt_text": "HubSpot CRM Contact Profile", "img_src": "http://cdn2.hubspot.net/hubfs/53/Contact-Profile.png?t=1430860504240", "open_in_new_tab": true}]{% end_widget_attribute %}
  {% end_widget_block %}
  ```

  ```text 出力.txt theme={null}
  <span
  id="hs_cos_wrapper_crm_slider"
  class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_image_slider"
  style=""
  data-hs-cos-general-type="widget"
  data-hs-cos-type="image_slider"
  >
  <div
  id="hs_cos_flex_slider_crm_slider"
  class="hs_cos_flex-slider flex-slider-main slider-mode-slider"
  >
  <div
  class="hs_cos_flex-viewport"
  style="overflow: hidden; position: relative;"
  >
  <ul
  class="hs_cos_flex-slides hs_cos_flex-slides-main "
  style="width: 800%; -webkit-transition-duration: 0s; transition-duration: 0s; -webkit-transform: translate3d(-1090px, 0px, 0px);"
  >
  <li
  class="hs_cos_flex-slide-main clone"
  aria-hidden="true"
  style="width: 1090px; float: left; display: block;"
  >
  <a href="//www.hubspot.com/" target="_blank"
  ><img
  src="//cdn2.hubspot.net/hubfs/53/Contact-Profile.png?t=1430860504240&t=1430335520686"
  alt="HubSpot CRM Contact Profile"
  draggable="false"
  /></a>
  <div class="caption">HubSpot CRM Contact Profile</div>
  </li>
  <li
  class="hs_cos_flex-slide-main hs_cos_flex-active-slide"
  style="width: 1090px; float: left; display: block;"
  >
  <a href="//www.hubspot.com/crm" target="_blank"
  ><img
  src="http://go.hubspot.com/hubfs/Contacts-View-1.png?t=1430860504240&t=1430335520686"
  alt="Screenshot of CRM Contacts"
  draggable="false"
  /></a>
  <div class="caption">CRM Contacts App</div>
  </li>
  <li
  class="hs_cos_flex-slide-main"
  style="width: 1090px; float: left; display: block;"
  >
  <a href="//www.hubspot.com/" target="_blank"
  ><img
  src="//cdn2.hubspot.net/hubfs/53/Contact-Profile.png?t=1430860504240&t=1430335520686"
  alt="HubSpot CRM Contact Profile"
  draggable="false"
  /></a>
  <div class="caption">HubSpot CRM Contact Profile</div>
  </li>
  <li
  class="hs_cos_flex-slide-main clone"
  aria-hidden="true"
  style="width: 1090px; float: left; display: block;"
  >
  <a href="//www.hubspot.com/crm" target="_blank"
  ><img
  src="http://go.hubspot.com/hubfs/Contacts-View-1.png?t=1430860504240&t=1430335520686"
  alt="Screenshot of CRM Contacts"
  draggable="false"
  /></a>
  <div class="caption">CRM Contacts App</div>
  </li>
  </ul>
  </div>
  <ol class="hs_cos_flex-control-nav hs_cos_flex-control-paging">
  <li><a class="hs_cos_flex-active">1</a></li>
  <li><a class="">2</a></li>
  </ol>
  <ul class="hs_cos_flex-direction-nav">
  <li><a class="hs_cos_flex-prev" href="#">Previous</a></li>
  <li><a class="hs_cos_flex-next" href="#">Next</a></li>
  </ul>
  </div>
  <script>
  window.hsSliderConfig = window.hsSliderConfig || {};
  window.hsSliderConfig['crm_slider'] = {
  mode: 'slider',
  mainConfig: {
  animationLoop: true,
  direction: 'horizontal',
  slideshowSpeed: 5000.0,
  controlNav: true,
  smoothHeight: false,
  namespace: 'hs_cos_flex-',
  slideshow: true,
  selector: '.hs_cos_flex-slides > li',
  animation: 'slide',
  },
  };
  </script>
  </span>
  ```
</CodeGroup>

| パラメーター               | 型    | 説明                                                                                  | 既定値              |
| -------------------- | ---- | ----------------------------------------------------------------------------------- | ---------------- |
| `sizing`             | 列挙   | スライドの高さに基づいてスライダーのサイズを変更するかどうかを指定します。有効な値は、"static"または"resize"です。                   | `"static"`       |
| `only_thumbnails`    | ブール型 | スライダーの代わりに画像をサムネイルとして表示します。                                                         | `False`          |
| `transition`         | 列挙   | スライド切り替えのタイプを設定します。有効な値は、"fade"または"slide"です。                                        | `"slide"`        |
| `caption_position`   | 列挙   | キャプションの位置（スライド上に重ねるか、スライドの下に配置）を制御します。有効な値は、"below"または"superimpose"です。              | `"below"`        |
| `with_thumbnail_nav` | ブール型 | ナビゲーション用のスライダーの下にサムネイルを表示します（これをTrueに設定するには、only\_thumbnailsをFalseに設定する必要があります）。    | `False`          |
| `lightbox`           | ブール型 | クリック時にサムネイル画像をLightboxに表示します（これをTrueに設定するには、with\_thumbnail\_navをTrueに設定する必要があります）。 | `False`          |
| `auto_advance`       | ブール型 | num\_secondsで設定された時間が経過した時点で自動的にスライドを進めます。                                          | `False`          |
| `show_pagination`    | ブール型 | スライダーの下に、スライド間をランダムに移動するためのボタンを表示します。                                               | `True`           |
| `label`              | 文字列型 | このモジュールの関連付けラベル。エディターでのみ表示されます。                                                     | `"Image Slider"` |
| `loop_slides`        | ブール型 | Trueの場合、複数スライドを連続してループ処理します。                                                        | `True`           |
| `num_seconds`        | 数値型  | スライド間で一時停止する時間（秒数）                                                                  | `5`              |
| `slides`             | JSON | 既定のキャプション、リンクURL、代替テキスト、画像srcと、新しいタブで開くかどうかを指定する値からなるJSONリスト。上記のブロック構文を参照してください。    |                  |