Facebookの投稿からスライドショー、スライダー、カルーセルを作成する

カスタムFacebookフィード・ワードプレス・プラグインのProバージョンを使用している場合、私たちの カルーセル拡張機能を使うと、Facebookのコンテンツからスライドするカルーセルを作成できます。

無料のWordPressプラグイン、またはPHPスタンドアロン版を使用している場合は、以下の方法で基本的なスライドショーを実現できます:

----

1)スライドショーに変換したいフィードのショートコードにクラスを追加する:

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons

Answering every website chat the same way is costing you the good ones.

The ready-to-buy customer gets bored and leaves while you're being polite to a tyre-kicker.

Let the chat ask a couple of questions first and route the serious buyers straight to you. Spend your attention where the money is.

#wpchat #smallbusiness #smallbusinessowner #leadgeneration #customerservice #whatsappbusiness #wordpress #salestips #localbusiness #smallbiztok
... See MoreSee Less

Website live chat sounds great until it means babysitting a dashboard all day.

Miss the bubble, lose the person. Nobody has time for that.

Let the messages land on the phone in your pocket instead, in WhatsApp or Messenger. Reply like it's a text. Reachable, not chained to a screen.

#wpchat #smallbusiness #smallbusinessowner #livechat #whatsappbusiness #customerservice #wordpress #localbusiness #smallbiz #wordpresstips
... See MoreSee Less

Your best TikTok did 40k views. Great.

The customers actually deciding whether to buy from you, the ones on your website, saw none of it.

Pull that feed onto your site so the videos already earning attention play right where the buying happens.

#smashballoon #smallbusiness #smallbusinessowner #TikTokForBusiness #websitetips #SocialProof #wordpress #ContentMarketing #smallbiz #tiktoktips
... See MoreSee Less

Most of your website visitors are on their phone, one hand, half-distracted.

To ask one quick question they've got to thumb-type your whole contact form, so they just leave and you never hear about it.

Let them tap a chat button and message you on WhatsApp or Messenger instead. One tap beats a form every time.

#wpchat #smallbusiness #smallbusinessowner #wordpress #whatsappbusiness #customerservice #websitetips #leadgeneration #localbusiness #wordpresstips
... See MoreSee Less

You spent all afternoon on that YouTube video. Then you linked it off your own site.

That little "watch on YouTube" button drops your customer into a sidebar packed with everyone else's videos, and off they go.

Play your videos right on your own page instead, and keep the visitor on the one thing you actually own.

#smashballoon #smallbusiness #smallbusinessowner #wordpress #youtubetips #websitetips #contentcreator #digitalmarketing #websitedesign #smallbiz
... See MoreSee Less

Messaged 8 local businesses this weekend, cash ready.

What decided who got it was not price or reviews, it was who let me just talk to them.

The form ones made me wait, so I booked elsewhere. You might be losing on reachability, not price.

#smallbusiness #localbusiness #CustomerExperience #SpeedToLead #wpchat #CustomerMessaging #smallbusinessowner #leadresponse #wordpress #winmorecustomers
... See MoreSee Less

Nobody walks into the empty restaurant. They pick the packed one.

Your site works the same way in about five seconds, and adjectives are just a claim.

A wall of real reviews and customer photos is the crowd in the window. Put the crowd first.

#smallbusiness #websitetips #SocialProof #CustomerReviews #smallbusinessowner #smashballoon #webdesign #conversiontips #localbusiness
... See MoreSee Less

WhatsApp made replying to customer messages free inside 24 hours.

The old excuse to batch and delay is gone. Reply in the moment, win the sale, at no cost.

Set an instant first reply so nobody waits, even when you step away.

#smallbusiness #whatsappbusiness #CustomerMessaging #wpchat #SpeedToLead #smallbusinessowner #websitetips #CustomerService #wordpress
... See MoreSee Less

Google is suspending business profiles overnight in 2026, sometimes over one keyword in the name.

And every review on that profile vanishes with it. Rented land, no vote, no warning.

Pull your reviews onto the site you own before you need to.

#smallbusiness #GoogleReviews #LocalSEO #CustomerReviews #smallbusinessowner #smashballoon #onlinereviews #websitetips #ownyourreviews
... See MoreSee Less

Load more

2)表示する投稿の数を、スライドショーに含めたい投稿の数に設定する(例えば10)。これは、'num' ショートコードオプションを使うことで可能です:

Comments Box SVG iconsUsed for the like, share, comment, and reaction icons

Answering every website chat the same way is costing you the good ones.

The ready-to-buy customer gets bored and leaves while you're being polite to a tyre-kicker.

Let the chat ask a couple of questions first and route the serious buyers straight to you. Spend your attention where the money is.

#wpchat #smallbusiness #smallbusinessowner #leadgeneration #customerservice #whatsappbusiness #wordpress #salestips #localbusiness #smallbiztok
... See MoreSee Less

Website live chat sounds great until it means babysitting a dashboard all day.

Miss the bubble, lose the person. Nobody has time for that.

Let the messages land on the phone in your pocket instead, in WhatsApp or Messenger. Reply like it's a text. Reachable, not chained to a screen.

#wpchat #smallbusiness #smallbusinessowner #livechat #whatsappbusiness #customerservice #wordpress #localbusiness #smallbiz #wordpresstips
... See MoreSee Less

Your best TikTok did 40k views. Great.

The customers actually deciding whether to buy from you, the ones on your website, saw none of it.

Pull that feed onto your site so the videos already earning attention play right where the buying happens.

#smashballoon #smallbusiness #smallbusinessowner #TikTokForBusiness #websitetips #SocialProof #wordpress #ContentMarketing #smallbiz #tiktoktips
... See MoreSee Less

Most of your website visitors are on their phone, one hand, half-distracted.

To ask one quick question they've got to thumb-type your whole contact form, so they just leave and you never hear about it.

Let them tap a chat button and message you on WhatsApp or Messenger instead. One tap beats a form every time.

#wpchat #smallbusiness #smallbusinessowner #wordpress #whatsappbusiness #customerservice #websitetips #leadgeneration #localbusiness #wordpresstips
... See MoreSee Less

You spent all afternoon on that YouTube video. Then you linked it off your own site.

That little "watch on YouTube" button drops your customer into a sidebar packed with everyone else's videos, and off they go.

Play your videos right on your own page instead, and keep the visitor on the one thing you actually own.

#smashballoon #smallbusiness #smallbusinessowner #wordpress #youtubetips #websitetips #contentcreator #digitalmarketing #websitedesign #smallbiz
... See MoreSee Less

Messaged 8 local businesses this weekend, cash ready.

What decided who got it was not price or reviews, it was who let me just talk to them.

The form ones made me wait, so I booked elsewhere. You might be losing on reachability, not price.

#smallbusiness #localbusiness #CustomerExperience #SpeedToLead #wpchat #CustomerMessaging #smallbusinessowner #leadresponse #wordpress #winmorecustomers
... See MoreSee Less

Nobody walks into the empty restaurant. They pick the packed one.

Your site works the same way in about five seconds, and adjectives are just a claim.

A wall of real reviews and customer photos is the crowd in the window. Put the crowd first.

#smallbusiness #websitetips #SocialProof #CustomerReviews #smallbusinessowner #smashballoon #webdesign #conversiontips #localbusiness
... See MoreSee Less

WhatsApp made replying to customer messages free inside 24 hours.

The old excuse to batch and delay is gone. Reply in the moment, win the sale, at no cost.

Set an instant first reply so nobody waits, even when you step away.

#smallbusiness #whatsappbusiness #CustomerMessaging #wpchat #SpeedToLead #smallbusinessowner #websitetips #CustomerService #wordpress
... See MoreSee Less

Google is suspending business profiles overnight in 2026, sometimes over one keyword in the name.

And every review on that profile vanishes with it. Rented land, no vote, no warning.

Pull your reviews onto the site you own before you need to.

#smallbusiness #GoogleReviews #LocalSEO #CustomerReviews #smallbusinessowner #smashballoon #onlinereviews #websitetips #ownyourreviews
... See MoreSee Less

Load more

3) 以下のJavaScriptをサイトに 追加する。これはカスタムJavaScriptプラグインを使用して手動で行うことができます。詳しくはドキュメント こちら.上記のショートコードのclassオプションを "slideshow "以外に変更する場合は、以下のスニペットの1行目を変更してください

var shortcodeClass = 'slideshow',
    cffSpeed = 5000, 
    $cff = $('#cff.'+ shortcodeClass);
    $cffItem = $cff.find('.cff-item'),
    cffNum = $cffItem.length,
    cffCur = 0;
$cffItem.hide();
setTimeout(function(){ $cff.find('.cff-item').eq(0).show(); }, 200);
setInterval(function(){
    $cff.find('.cff-item').eq(cffCur).fadeOut( "fast", function() {
        if( cffCur == cffNum-1 ) cffCur = -1;
        cffCur++;
        $cff.find('.cff-item').eq(cffCur).fadeIn();
    });
}, cffSpeed);

4)スニペット上部のcffSpeed = 5000を編集することで、トランジションのスピードを変更できます。5000は5秒(5000ms)に相当します。

サポート

ドキュメントに答えが見つからない?

サポート

この記事は役に立ちましたか?