埋め込みたいコンテンツがあった場合に利用しやすいモジュールです。
スライド資料やYouTube等の埋め込みにも便利です。
本モジュールは、Speaker Deckを掲載例として説明していきます。
埋め込みたいコンテンツによってはサイズ調整が必要となります。
その場合は、CSSを適宜修正をしてください。
管理画面 > [デザイン] > [トップページメインカラム] > [会社資料] にて設定を行います。
hatena-module-documentation-slideのクラス名が付いているdivタグ内に、埋め込み用HTMLを貼り付けてください。
HTML
<div class="hatena-module-documentation-slide">
ここにスライド資料のHTMLタグを記載(共有用HTML取得方法を参照)
</div>
<p class="hatena-module-documentation-description">
ここに紹介文を記載
</p>
<div class="hatena-module-documentation-button">
<a href="資料へのリンクを記載(https://...)" target="_blank">
Speaker Deckで見る
</a>
</div>
共有用HTML取得方法
下記の順番にクリックしていただくことで共有用のHTMLを取得できます。
モジュールを復活させたい
モジュールを削除後に復活させたい場合の手順を解説します。
1. [モジュールを追加]からHTMLモジュールを追加
2. 下記のHTMLを貼り付ける
<div class="hatena-module-documentation-slide">
ここにスライド資料のHTMLタグを記載(共有用HTML取得方法を参照)
</div>
<p class="hatena-module-documentation-description">
ここに紹介文を記載
</p>
<div class="hatena-module-documentation-button">
<a href="資料へのリンクを記載(https://...)" target="_blank">
Speaker Deckで見る
</a>
</div>
3. [高度な設定] を開き、class名に『documentation』と設定する