HubLでサポートされる非推奨のタグ

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

カスタムウィジェット

このタグはカスタム モジュール タグに置き換えられました。

Follow me

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

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

{% follow_me "follow_me" %} {% follow_me "follow_us" title='Follow Us', module_title_tag="h2" %}<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="https://plus.google.com/107526491795365072792"><span title="Follow us on Google+"></span></a> <a target="_blank" class="fm_button fm_facebook" href="http://www.facebook.com/pages/Undersea/237291876465083"><span title="Follow us on Facebook"></span></a> <a target="_blank" class="fm_button fm_twitter" href="https://twitter.com/underseaband"><span title="Follow us on Twitter"></span> </div> </span>

グローバルウィジェット

グローバルウィジェットは、テンプレートを通じて共有できます

このタグは、カスタム モジュール タグに置き換えられました。

{% global_widget "facebook_fan_box" overrideable=False, label='Facebook Fan Box' %}"

Google 検索

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

画像スライダー

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

このタグはギャラリータグへの移行によって非推奨になりました。

{% 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 %}<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>
ParameterTypeDescription Default
sizing
Enumeration

スライドの高さに基づいてスライダーのサイズを変更するかどうかを指定します。指定可能な値は、staticまたはresizeです。

 "static"
only_thumbnails
Boolean

スライダーの代わりに画像をサムネイルとして表示します。

 False
transition
Enumeration

スライド切り替えのタイプを設定します。指定可能な値は、fadeまたはslideです。

 "slide"
caption_position
Enumeration

キャプションの位置をスライド上またはスライドの下にします。指定可能な値は、belowまたはsuperimposeです。

 "below"
with_thumbnail_nav
Boolean

ナビゲーション用にスライダーの下にサムネイルを含めます（これをTrueにするにはonly_thumbnailsをFalseにする必要があります）

 False
lightbox
Boolean

クリック時にサムネイル画像をLightboxに表示します（これをTrueにするにはwith_thumbnail_navをTrueにする必要があります）

 False
auto_advance
Boolean

num_secondsに設定された時間の後に自動的にスライドを移動します

 False
show_pagination
Boolean

スライダーの下にスライド間をランダムに移動するためのボタンを表示します。

 True
label
String

このモジュールのラベル。エディターのみに表示されます

 "Image Slider"
loop_slides
Boolean

Trueの場合、複数スライドを連続してループ処理します

 True
num_seconds
Number

スライド間で一時停止する時間（秒）

 5
slides
JSON

既定のキャプションのJSONリスト、リンクURL、代替テキスト、画像src、新しいタブで開くかどうか。上記のブロック構文を参照してください。
参考になりましたか？
こちらのフォームではドキュメントに関するご意見をご提供ください。HubSpotがご提供しているヘルプはこちらでご確認ください。