TikTok WordPressウィジェットを簡単に埋め込む方法(5ステップ!)
ホーム ブログ TikTok WordPressウィジェットを簡単に埋め込む方法(5ステップ!)

TikTok WordPressウィジェットを簡単に埋め込む方法(5ステップ!)

Tiktokウィジェットを簡単に埋め込む方法

WordPressのTikTokウィジェットで訪問者を魅了したいですか?

TikTokは最大のソーシャルプラットフォームの1つであるため、多くの人々がTikTokをWordPressサイトに統合する方法を探しています。

あなたのウェブサイトのサイドバーやフッターに、魅力的なTikTok動画を表示することを想像してみてください。訪問者を魅了し、フォロワーを増やし、さらにビジネスを促進する素晴らしい方法です。

では、その方法を見てみよう!

WordPressでTikTokウィジェットを表示する最も簡単な方法

複雑な埋め込みコードを扱ったり、異なるサイト間で切り替えたりする代わりに、TikTok Feeds Proを使用するだけです。

tiktok feed pro ホームページ

市場で最高のTikTokフィードプラグインとして、あなたはこのツールを使用することができます:

  • コーディング不要で、わずか数分でTikTokウィジェットを作成、カスタマイズ、埋め込みできます!
  • デザイン済みのテンプレートをコピーして、ユニークなデザインの美しいTikTokウィジェットをすぐに作成できます。
  • TikTokの動画を好きなだけ表示しながら、サイトの読み込みをこれまでと同じように高速化できます。
  • サイト訪問者がウィジェットから直接TikTokをフォローできる便利なボタンを表示する
  • 簡単なビジュアルカスタマイザーを使って、WordPress TikTokウィジェットのデザインを自由にコントロールできます。
  • その他にもいろいろある!
Tiktokビデオウィジェットの例

一番の魅力は?TikTok Feeds Proには専任のサポートチームがついています。

そのため、助けが必要なときや質問があるときはいつでも、専門家チームがいつでも手を差し伸べてくれます。

TikTok Feeds Proを入手して、WordPressにTikTokウィジェットを簡単に埋め込みましょう!

WordPressにTikTokウィジェットを埋め込む方法

美しいTikTokビデオウィジェットでサイト訪問者を驚かせる準備はできましたか?下記のステップバイステップガイドに従ってください:

ステップ1: TikTok Feeds Proをインストールしてアクティベートする。

TikTok Feeds Proはこちらから入手できます。

プラグインを入手したら、WordPressサイトにインストールして有効化してください。

その方法については、WordPressプラグインのインストール方法についてのチュートリアルをご覧ください。

ステップ2:TikTokウィジェットを作成する

このプラグインには簡単な3ステップのガイドが付属しているので、新しいウィジェットを作成するのはとても簡単だった。

ダッシュボードから TikTokフィード " すべてのフィードメニューを開き、一番上の新規追加 ボタンをクリックします。

ライブ・フィード・エディターを開く tiktok feed

ステップ3:TikTokアカウントに接続する

あなたのウィジェットをTikTokに接続することで、TikTokがあなたのビデオを取得し、あなたのサイトに表示することができます。

さらに、TikTok Feeds Proは新しいビデオをアップロードするたびにウィジェットを自動的に更新します。

準備はできましたか?ソースの追加ボタンをクリックしてください。

tiktok feed pro 追加ソース

次のページでTikTokと接続する ボタンをクリックします。

このプラグインは、TikTokの公式ウェブサイトにあなたを送り、あなたのアカウントを接続することができます。

Tiktokとつながる

アカウントに接続する際、プラグインは読み取り専用アクセスを要求します。最初は分かりにくいと思いましたが、とても簡単なことでした。

TikTok Feeds Proはあなたのコンテンツを閲覧するだけで、変更を加えることは一切できません。つまり、このプラグインを使ってTikTokウィジェットを作成することは100%安全です。

続けて、Authorize ボタンをクリックしてください。

そうすると、ワードプレスのウェブサイトに戻ります。

TikTokアカウントを接続すると、ソースとして表示されます。このソースは、新しいウィジェットを作成するときに何度でも自由に再利用できます。

続行するには、アカウントを選択し、[次へ]ボタンをクリックします。

Tiktokソースを選択

ステップ4:TikTok Wigetをカスタマイズする

迅速かつ簡単にカスタマイズするために、すぐにインポートできる6つの異なるテンプレートがあります。各テンプレートにはTikTokウィジェット用のユニークなデザインが付属しています:

  • デフォルト
  • カード
  • リスト
  • 最新ビデオ
  • カルーセル
  • ショーケース・カルーセル

テンプレートを選んだら、「次へ」 ボタンをクリックして次に進みます。

フィードテンプレートの選択

このチュートリアルではデフォルトのテンプレートを選択しましたが、お好きなオプションを選択できます

TikTok Feeds Proはこのテンプレートをインポートし、ウィジェットを準備します。さらに、このウィジェットは自動的にあなたのサイトのデザインを継承し、箱から出してすぐに美しく見えます。

プラグインはビジュアルカスタマイザーを開くので、動画ウィジェットを詳細にカスタマイズできます。

ライブフィードエディター tikto feed pro

左側には様々なカスタマイズオプションがあります。レイアウト、ヘッダー、ボタンなどを変更することができ、ライブプレビューで変更内容を確認することができます。

デザインの選択肢は非常に多いので、主なものをいくつか紹介しよう。

まず、左側のレイアウトオプションを クリックしましょう。

レイアウトを開く tiktok feed pro

ウィジェットのレイアウトオプションを5種類から選択できるようになりました:

  • グリッド: 行と列を使用して、TikTokのビデオを整然とした均一なサムネイルで表示します。
  • リスト: TikTokの公式アプリのように、1つのカラムで1つのビデオを表示します。
  • 石組み: TikTokの投稿の元の比率を維持し、列で表示する。
  • カルーセル:インタラクティブなビデオスライダーを使用してTikTokビデオコンテンツを埋め込む
  • ギャラリー:上部に大きなTikTokビデオプレーヤーを表示し、その下に小さなサムネイルを表示します。
tiktokウィジェットのレイアウトオプション

レイアウトを選択した後、左側にスクロールダウンして追加オプションを変更することができます。

最後にSaveをクリックして変更を確定します。

TikTokウィジェットをカスタマイズし続けるには、左上のカスタマイズボタンをクリックしてください。

カスタマイズボタン ライブフィードエディタ tiktok feed pro

これでビジュアルカスタマイザーのメインページに戻りました。次に、TikTokビデオウィジェットのヘッダーを変更する方法を紹介します。

そのためには、まず左側のヘッダーオプションを クリックする。

tiktokのオープンヘッダーオプション

すぐに、左上のヘッダーを有効または無効にするオプションがあります。

ヘッダーを有効にすると、チェックボックスを使ってどのヘッダー要素を表示するかを選ぶことができます:

  • プロフィール写真
  • 名称
  • ユーザー名
  • 説明
  • 統計
  • ボタン
ライブ・フィード・エディターがtiktokのヘッダーを変更

前回同様、Saveをクリックして変更を保持する。

TikTok Feeds Proのもう一つの素晴らしい点は、各ヘッダー要素を詳細にカスタマイズできることです。編集したいヘッダー要素をクリックするだけです。

例として「プロフィール写真」 オプションを選択します。

ヘッダープロファイルのカスタマイズ

ご覧のように、この画面からプロフィール写真のサイズ、余白、間隔を自由に変更することができます。

ヘッダー要素のカスタマイズが終わったら、変更を保存することを忘れないでください。

残りのオプションを使って、TikTokウィジェットのボタン、ビデオエレメント、フィルターなどを変更できます。ウィジェットの外観に満足したら、保存をクリックします。

ステップ5:TikTok WordPressウィジェットを埋め込む

ビジュアルカスタマイザーを使い終わったら、このソーシャルメディアウィジェットを直接埋め込み始めることができます。

まず、上部にある埋め込み ボタンをクリックします。

tiktokフィードを埋め込む ライブフィードエディタ

そうすると、すべてのウィジェット埋め込みオプションのポップアップが開きます。TikTokウィジェットをページ、サイドバー、またはウェブサイトのフッターに追加できます。

場所を選ぶ前に、ここでコピーボタンをクリックしてください。

コピーショートコード tiktok feed pro

その後、WordPress TikTokウィジェットを埋め込む場所を選択します。

この例では、ここで「ページに追加 」オプションを選ぶことにする。

tiktok feed pro ページに追加する

そうすると、WordPressのページ一覧が表示されるので、そこから選ぶことができる。

追加 ボタンを押す前に、これらのページのいずれかを選択するだけです。

ページを選択 Tiktok feed pro

これで、TikTok Feeds Proは選択したページにあなたを送ります。

ウィジェットを埋め込む前に、プラス(+)アイコンをクリックして新しいブロックを追加してください。

ブロックtiktokビデオフィードを追加

次に、検索フィールドを探し、"ショートコード "と 入力する表示されたオプションのリストから、"ショートコード "ブロックを選択する。

最後に、先ほどのショートコードをブロックに貼り付ける

プラグインが残りを処理し、自動的にこのページにTikTokウィジェットを追加します。

tiktok feed pro 用ショートコード

サイト訪問者がソーシャルウィジェットをチェックできるように、今すぐ投稿を公開することができます。

ステップに従えば、下のTikTokウィジェットの例のようになるはずです:

Tiktokビデオフィードの例

そうだ!

以下のステップに従うだけで、WordPressに美しいTikTokウィジェットを設置し、訪問者をあなたのサイトに釘付けにすることができます。そして、TikTokのフォロワーを増やし、ビジネスを成長させることができます。

市場で最高のTikTokフィードプラグインとして、TikTok Feeds Proは、ビデオウィジェットであなたのWordPressサイトをスパイスアップすることがこれまで以上に簡単になります。

TikTok動画ウィジェットを追加する準備はできましたか?TikTok Feeds Proはこちらから入手できます

TikTokをもっと活用したいですか?投稿後にTikTokでより多くのビューを獲得するためのガイドをご覧ください。

その他のソーシャルメディア・チュートリアルとヒント(エキスパート・ピック)

著者アバター
サジャン・シャルマ シニアライター
WordPress、ソーシャルメディアマーケティング、オンラインビジネスについて10年以上執筆。専門分野はインフルエンサーマーケティング、コンテンツキュレーション、デジタルマーケティング戦略など多岐にわたる。

コメントを追加する

コメントをお寄せいただきありがとうございます。すべてのコメントはプライバシーポリシーに従って管理され、すべてのリンクはnofollowであることにご留意ください。名前欄にはキーワードを使用しないでください。個人的で有意義な会話をしましょう。