豊かな漁場と生産者の巧みな技術

国産養殖トラフグを紹介バナー、動画の貼り方

2021年01月21日

youtube動画を直接表示させる

以下のHTMLコードをお使いください。

<p style="overflow: hidden; position: relative; margin: 3% auto; width: 98%; height: 0px; padding-top: 56.25%; text-align: center;"><iframe width="560" height="315" style="position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;" src="https://www.youtube.com/embed/ZrNvKCCWVfU" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen"></iframe></p>

youtubeへのリンク用バナーを設置する

以下のHTMLコードをお使いください。※リンク文字の色は各ホームページの設定によって変ります

バナー大(幅728px、高さ240px)

●バナーだけ

国産養殖トラフグ紹介動画「福の国」

<p><a href="https://youtu.be/ZrNvKCCWVfU" target="_blank" rel="noopener noreferrer"><img src="https://www.yoshoku.or.jp/wp/wp-content/uploads/2021/02/fugu_bnr_l.png" alt="国産養殖トラフグ紹介動画「福の国」" width="728px" height="240px" style="max-width: 100%; height: auto; padding: 1%; box-sizing: border-box;"></a></p>

●バナーと紹介文

<div style="max-width: 728px; margin: 1% auto;">
<p style="margin: 0;"><a href="https://youtu.be/ZrNvKCCWVfU" target="_blank" rel="noopener noreferrer"><img src="https://www.yoshoku.or.jp/wp/wp-content/uploads/2021/02/fugu_bnr_l.png" alt="国産養殖トラフグ紹介動画「福の国」" width="728px" height="240px" style="max-width: 100%; height: auto; padding: 1% 0; box-sizing: border-box;"></a></p>
<p style="margin: 0; text-align: right;"><a href="https://youtu.be/ZrNvKCCWVfU" target="_blank" rel="noopener noreferrer">国産養殖トラフグ紹介動画はこちら>></a></p>
</div>
バナー小(幅320px、高さ100px)

●バナーだけ

国産養殖トラフグ紹介動画「福の国」

<p><a href="https://youtu.be/ZrNvKCCWVfU" target="_blank" rel="noopener noreferrer"><img src="https://www.yoshoku.or.jp/wp/wp-content/uploads/2021/02/fugu_bnr_s.png" alt="国産養殖トラフグ紹介動画「福の国」" width="320px" height="100px" style="max-width: 100%; height: auto; padding: 1%; box-sizing: border-box;"></a></p>

●バナーと紹介文

<div style="max-width: 320px; margin: 1% auto;">
<p style="margin: 0;"><a href="https://youtu.be/ZrNvKCCWVfU" target="_blank" rel="noopener noreferrer"><img src="https://www.yoshoku.or.jp/wp/wp-content/uploads/2021/02/fugu_bnr_s.png" alt="国産養殖トラフグ紹介動画「福の国」" width="320px" height="100px" style="max-width: 100%; height: auto; padding: 1% 0; box-sizing: border-box;"></a></p>
<p style="margin: 0; text-align: right;"><a href="https://youtu.be/ZrNvKCCWVfU" target="_blank" rel="noopener noreferrer">紹介動画はこちら>></a></p>
</div>

ページの先頭に戻る