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

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

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

----

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

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

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

Your new post goes to strangers first. They audition it. If they scroll, your own followers never even see it.

That is not your audience. That is a lease.

The only reach no algorithm votes on is the one living on the site you own.

#smallbusiness #instagramtips #socialmediamarketing #OwnYourAudience #websitetips #smallbusinessowner #smashballoon #instagramfeed #contentstrategy
... See MoreSee Less

You picked one way to be reached. Your customers did not agree.

One lives in WhatsApp, one in Messenger, one in Instagram DMs. Offer only your favorite and you filter out the rest.

Let the visitor pick the app they already have open.

#smallbusiness #CustomerMessaging #whatsappbusiness #Messenger #wpchat #websitetips #smallbusinessowner #customerexperience #wordpress #OmniChannel
... See MoreSee Less

Same traffic. A form keeps 1 to 3 percent. A chat keeps 10 to 20.

You are not short on visitors, you are losing them at the door you make them use.

Lower the doorstep. Let them just say hey.

#smallbusiness #websitetips #livechat #leadgen #contactform #wpchat #CustomerMessaging #smallbusinessowner #ConvertMoreLeads #wordpress
... See MoreSee Less

Load more

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

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

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

Your new post goes to strangers first. They audition it. If they scroll, your own followers never even see it.

That is not your audience. That is a lease.

The only reach no algorithm votes on is the one living on the site you own.

#smallbusiness #instagramtips #socialmediamarketing #OwnYourAudience #websitetips #smallbusinessowner #smashballoon #instagramfeed #contentstrategy
... See MoreSee Less

You picked one way to be reached. Your customers did not agree.

One lives in WhatsApp, one in Messenger, one in Instagram DMs. Offer only your favorite and you filter out the rest.

Let the visitor pick the app they already have open.

#smallbusiness #CustomerMessaging #whatsappbusiness #Messenger #wpchat #websitetips #smallbusinessowner #customerexperience #wordpress #OmniChannel
... See MoreSee Less

Same traffic. A form keeps 1 to 3 percent. A chat keeps 10 to 20.

You are not short on visitors, you are losing them at the door you make them use.

Lower the doorstep. Let them just say hey.

#smallbusiness #websitetips #livechat #leadgen #contactform #wpchat #CustomerMessaging #smallbusinessowner #ConvertMoreLeads #wordpress
... 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)に相当します。

サポート

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

サポート

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