カスタムウィジェット
このタグはカスタム モジュール タグに置き換えられました。
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=""><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>
グローバルウィジェット
グローバルウィジェットは、テンプレート全体で共有できます。このタグは、カスタム モジュール タグに置き換えられました。
{% 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>
| パラメーター | 型 | 説明 | 既定値 |
|---|---|---|---|
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リスト。上記のブロック構文を参照してください。 |