Wrappers and row templates for social buttons and feeds

<span class="buttons social connect" vocab="http://schema.org/" typeof="Organization">
    <meta property="name" content="[[++site_name]]">
    [[If?
        &subject=`[[++social_twitter]]`
        &operator=`notempty`
        &then=`[[$buttonSocialConnectTwitter? &classes=`[[+button_type]]`]]`
    ]]
    [[If?
        &subject=`[[++social_linkedin]]`
        &operator=`notempty`
        &then=`[[$buttonSocialConnectLinkedin? &classes=`[[+button_type]]`]]`
    ]]
    [[If?
        &subject=`[[++social_facebook]]`
        &operator=`notempty`
        &then=`[[$buttonSocialConnectFacebook? &classes=`[[+button_type]]`]]`
    ]]
    [[If?
        &subject=`[[++social_googleplus]]`
        &operator=`notempty`
        &then=`[[$buttonSocialConnectGoogleplus? &classes=`[[+button_type]]`]]`
    ]]
    [[If?
        &subject=`[[++social_instagram]]`
        &operator=`notempty`
        &then=`[[$buttonSocialConnectInstagram? &classes=`[[+button_type]]`]]`
    ]]
    [[If?
        &subject=`[[++social_pinterest]]`
        &operator=`notempty`
        &then=`[[$buttonSocialConnectPinterest? &classes=`[[+button_type]]`]]`
    ]]
    [[If?
        &subject=`[[++social_youtube]]`
        &operator=`notempty`
        &then=`[[$buttonSocialConnectYoutube? &classes=`[[+button_type]]`]]`
    ]]
</span>Source

E social_twitter E social_linkedin E social_facebook E social_googleplus E social_instagram E social_pinterest E social_youtube A buttonSocialConnectFacebook A buttonSocialConnectGoogleplus A buttonSocialConnectInstagram A buttonSocialConnectLinkedin A buttonSocialConnectPinterest A buttonSocialConnectTwitter A buttonSocialConnectYoutube

M articleAuthorBio M overviewRowOrganizationBasic M overviewRowPersonBasic M overviewRowPersonBasicCard M overviewRowPersonFluid B Social Buttons

<span vocab="http://schema.org/" typeof="Person">
    <meta property="name" content="[[+pagetitle]]">
    <meta property="jobTitle" content="[[+person_jobtitle]]">
    [[[[If?
        &subject=`[[+social_twitter]]`
        &operator=`notempty`
        &then=`$buttonSocialConnectTwitter? &classes=`[[+button_type]]` &title=`[[%romanesco.social.connect_twitter_person]]` &account=`[[+social_twitter]]``
    ]]]]
    [[[[If?
        &subject=`[[+social_linkedin]]`
        &operator=`notempty`
        &then=`$buttonSocialConnectLinkedin? &classes=`[[+button_type]]` &title=`[[%romanesco.social.connect_linkedin_person]]` &account=`[[+social_linkedin]]``
    ]]]]
    [[[[If?
        &subject=`[[+social_facebook]]`
        &operator=`notempty`
        &then=`$buttonSocialConnectFacebook? &classes=`[[+button_type]]` &title=`[[%romanesco.social.connect_facebook_person]]` &account=`[[+social_facebook]]``
    ]]]]
    [[[[If?
        &subject=`[[+social_googleplus]]`
        &operator=`notempty`
        &then=`$buttonSocialConnectGoogleplus? &classes=`[[+button_type]]` &title=`[[%romanesco.social.connect_googleplus_person]]` &account=`[[+social_googleplus]]``
    ]]]]
</span>Source

E person_jobtitle E social_twitter E social_linkedin E social_facebook E social_googleplus A buttonSocialConnectFacebook A buttonSocialConnectGoogleplus A buttonSocialConnectLinkedin A buttonSocialConnectTwitter

M overviewRowPersonBasic M overviewRowPersonBasicCard M overviewRowPersonFluid

[[!$buttonSocialShareFacebook? &classes=`[[+button_type]]`]]
[[!$buttonSocialShareTwitter? &classes=`[[+button_type]]`]]
[[-!$buttonSocialShareGoogleplus? &classes=`[[+button_type]]`]]
[[!$buttonSocialShareLinkedin? &classes=`[[+button_type]]`]]
[[-!$buttonSocialSharePinterest? &classes=`[[+button_type]]`]]Source

A buttonSocialShareFacebook A buttonSocialShareGoogleplus A buttonSocialShareLinkedin A buttonSocialSharePinterest A buttonSocialShareTwitter

T ArticleReadability T ArticleSidenotes T ArticleTraditional B Social Buttons

<div class="ui card">
    <div class="content">
        <img class="right floated ui mini image" src="[[+profile_image_url]]" alt="[[+name]] on Twitter">
        <div class="header">
            [[+name]]
        </div>
        <div class="meta">
            <a href="https://twitter.com/[[+screen_name]]" target="_blank">@[[+screen_name]]</a>
        </div>
        <div class="description">
            [[+text:TwitterXFormat]]
        </div>
    </div>
    <div class="extra content">
        [[+created_at:ago]]
        <span class="right floated">
            <a href="https://twitter.com/[[+screen_name]]" title="View on Twitter" target="_blank">
                <i class="twitter outline icon"></i>
            </a>
        </span>
    </div>
</div>Source

TwitterX

A cbTwitterTemplates B Twitter Feed

<div class="ui card">
    <div class="content">
        <div class="description">
            <a class="meta" href="https://twitter.com/[[+screen_name]]" target="_blank">@[[+screen_name]]:</a>
            [[+text:TwitterXFormat]]
        </div>
    </div>
</div>Source

TwitterX

A cbTwitterTemplates

socialConnectButtons

Contains the following patterns

Included in the following patterns

socialConnectButtonsPerson

Contains the following patterns

Included in the following patterns

socialShareButtons

Contains the following patterns

Included in the following patterns

twitterFeedRowBasic

Contains the following patterns

Included in the following patterns

twitterFeedRowCompact

Contains the following patterns

Included in the following patterns

Voorspellingen 2018

Contentmarketing

Digitale marketing

E-mailmarketing