ちょっと書評の仕事が来たのでこのブログを書いた。
その時、Amazonリンクを書評だから貼ってしまおう!と言うことで実装した。
こういうiframeタグを使う場合は、gatsby-remark-responsive-iframeを使う。
npm install --save gatsby-remark-responsive-iframe
plugins: [
{
resolve: `gatsby-transformer-remark`,
options: {
plugins: [`gatsby-remark-responsive-iframe`],
},
},
]
それではAmazonリンクをiframeで入れてみよう。
widthとheightを入れないと動かないので注意が必要。
出来た!
第14回 | GatsbyJSでフォントを変更する |
第15回 | GatsbyJSでMarkdownで画像を表示する |
第16回 | GatsbyJSでiframeタグを使う |
第17回 | GatsbyJSでMrakdown内でコンポーネントを使う |
第18回 | GatsbyJSでカテゴリー機能を実装する |
Crieitは誰でも投稿できるサービスです。 是非記事の投稿をお願いします。どんな軽い内容でも投稿できます。
また、「こんな記事が読みたいけど見つからない!」という方は是非記事投稿リクエストボードへ!
こじんまりと作業ログやメモ、進捗を書き残しておきたい方はボード機能をご利用ください。
ボードとは?
コメント