スポンサーリンク

https://gsbyjt-lottalove.com

TikTok動画 Wing(AFFINGER5)EX & MOCHA イノベーション

TikTok動画を ブログへ埋め込む

スポンサーリンク

ブログの自分のコーナーに 人気の「TikTok動画 」を埋め込みたい

ブログ記事に人気のTikTok動画を貼り付ける 〜 プラグインが必要となります

① 下記のプラグインをインストール&有効化したら、次の[B その手順]に従って貼り付けることができます。 (なお、このサイトで使っているのは、基本的に自分のTikTok動画しか貼り付けておりませんので、その他の処理についてはご自分の責任で行ってください。)

② TikTok動画は、時間的には短いですが「音楽」付きですので、再生時の音量(ボリューム)のコントロールには気をつけてくださいませ。ちなみに、このサイトでは、8/20現在、[健康]の中の[糖質制限の食事]と[適度な運動]などの範疇(はんちゅう)で、貼り付けております。よろしかったらご覧ください。

③ 以下の手順で必要となりますのは、[plugin プラグイン]の[ Embed Block for TikTok ]ですので、テーマ管理の「プラグイン」で新規で名前検索して「インストール」と「有効化」をしてください。2020年7月末現在「無料」です。ちなみに、Embedは「埋め込み」の意味です。

TikTok動画を貼り付け手順

④ 上記のプラグイン[ Embed Block for TikTok ]を「インストール」して「有効化」したら、動画を貼り付けたいブログの記事のページ(つまり、今あなたが見ているこのページ)を下書きなどで開く。

⑤ 記事下の+ボタンから[ブロック]を呼び出し、[埋め込み]の中から[TikTok Video(下図の青色囲み)]を選択しクリックします(もう1つの「TikTok(下図の黄色囲み)」の方はおいておく)。これが出てこない時は、プラグインの[インストール&有効化]をお手数ですが、もう一度ご確認ください。

⑥ すると、記事の下書きなどには、[Use the Siderar to add the URL of your TikTok Video]と書かれた表示が出る一方、右メニューの[ブロック]には[Enter the URL of the TikTok Video]とTikTokのURLのコピーをここに貼り付けて入れてください]と書かれた空枠が表示されます。仕組みとしては、これでTikTok動画を表示できます。

このplugin(プラグイン)の仕組み

⑦ TikTok動画側で、右にある[共有の中からlinkの∞のアイコンをクリックして得られるところの、このURLを[共有のリンク∞ボタン]で入手して(画面上部に「コピー完了」旨のメッセージがでます)、右枠メニューの空枠(先ほどの画像をもう一度下の2枚目にのせておきます)にペーストしてください。下書き保存などして[プレビュー]で見て確認してください。okなら公開です。

再掲(さっきの画像をもう一度)。右の矢印の先の空枠に[コピーしたURL]を入れてください

⑧ サンプルとして貼り付けておきます(もうすでに、当サイトで貼り付けているものです)。いかがだったでしょうか?

2021年度後半のTikTok動画の一部

https://www.tiktok.com/@gaafuu_gsb/video/6996879002057116930?_d=secCgsIARCbDRgBIAMoARI%20Cjxrpyw%2Fs0D7QtUAcAMW2oaEQ5MSyY1t8GWuUurp3thsp896wIGpzvrQWj0iXQoHX3ykvItY2EpCcx4WbEwaAA%3D%3D&language=ja&mid=6628180962670807046&preview_pb=0®ion=JP&share_item_id=6851381405348400386×tamp=1596179599&tt_from=more&u_code=dc0ijfd143ihfh&user_id=6816229316563092481&utm_campaign=client_share&utm_medium=ios&utm_source=more&source=h5_t&is_copy_url=0&is_from_webapp=v1&sender_device=pc&sender_web_id=6989831795323782657

https://www.tiktok.com/@gaafuu_gsb/video/7003146414389824770?_d=secCgsIARCbDRgBIAMoARI%20Cjxrpyw%2Fs0D7QtUAcAMW2oaEQ5MSyY1t8GWuUurp3thsp896wIGpzvrQWj0iXQoHX3ykvItY2EpCcx4WbEwaAA%3D%3D&language=ja&mid=6628180962670807046&preview_pb=0®ion=JP&share_item_id=6851381405348400386×tamp=1596179599&tt_from=more&u_code=dc0ijfd143ihfh&user_id=6816229316563092481&utm_campaign=client_share&utm_medium=ios&utm_source=more&source=h5_t&is_copy_url=0&is_from_webapp=v1&sender_device=pc&sender_web_id=6989831795323782657

では!

スポンサーリンク

スポンサーリンク

スポンサーリンク

-TikTok動画, Wing(AFFINGER5)EX & MOCHA, イノベーション