スポンサーリンク

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

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

2020年8月23日

スポンサーリンク

ブログの自分のコーナーに 人気の「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]を入れてください

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

@gaafuu_gsb

#糖質制限 #お盆 #高タンパク質 #牛肉ステーキ #もやし #gaafuu #TikTok夏祭り #iMovieで編集 #糖質制限シリーズ#Myおかずの一品

♬ This Is What You Came For - Calvin Harris

では!

スポンサーリンク

スポンサーリンク

スポンサーリンク

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

Copyright© らるろま , 2020 All Rights Reserved Powered by AFFINGER5.