イベントをブログカード形式で他ブログに貼る

※当項目は、他ブログの編集と、若干のHTMLの知識が必要です
※<iframe>を用いて表示しています。そのため、本文中にHTMLタグ、<iframe>の利用が許可されていないブログでは使用できません。
※JUGEMブログで表示を確認しています。

他ブログにブログカード形式で任意のイベントを表示することができます。

１．イベントをブログカード形式で他ブログに貼る

カードとして貼り付けたいイベントの詳細ページを開く

画面右下の黄色いボックスをクリックする。
※黄色いボックスは、灯台屋HPにログインしている方のみに表示されています。一般のお客さんには見えません。

「ブログカード用のHTML文字列をコピーしました」とメッセージが表示されるので、OKを押して閉じる

※以降の手順はブログサービスによって異なります。以降はJUGEMブログにおける手順です。

ブログ記事の編集モードをHTMLに変更する

HTMLの任意の場所に、ctrl+v（Macの場合はコマンド+v）で貼り付ける。
以下のような文章が貼り付けられます。

<iframe allowtransparency="true" frameborder="0" id="todaiya_card_3966" src="https://todaiya.com/blogparts/blogcard/?e=3966" width="100%">

ブログを保存して表示されていることを確認してください。

ブログの</head>の直前に以下の１文を追加しておくと、カード表示部分の縦幅がカードのサイズにピッタリに合うようになります。
必須ではありません。

<script src="https://todaiya.com/wp-content/themes/understrap/js/blogcard_autoHeight.js"></script>