Change the appearance of your text fields with social network icons.
Text field with a logo for Facebook social handles and full URLs.
Shown for input keys matching:
facebook*_facebook*-facebook*Facebookfacebook_username*_facebook_usernamefacebook-username*-facebook-usernamefacebookUsername*FacebookUsernamefacebook_url*_facebook_urlfacebook-url*-facebook-urlfacebookUrl*FacebookUrl
facebook: CloudCannon
facebook_username: CloudCannon
facebook_url: 'https://www.facebook.com/CloudCannon'facebook = "CloudCannon"
facebook_username = "CloudCannon"
facebook_url = "https://www.facebook.com/CloudCannon"{
"facebook": "CloudCannon",
"facebook_username": "CloudCannon",
"facebook_url": "https://www.facebook.com/CloudCannon"
}Text field with a logo for Twitter social handles and full URLs.
Shown for input keys matching:
twitter*_twitter*-twitter*Twittertwitter_username*_twitter_usernametwitter-username*-twitter-usernametwitterUsername*TwitterUsernametwitter_url*_twitter_urltwitter-url*-twitter-urltwitterUrl*TwitterUrl
twitter: CloudCannon
twitter_username: CloudCannon
twitter_url: 'https://twitter.com/@jekyllrb'twitter = "CloudCannon"
twitter_username = "CloudCannon"
twitter_url = "https://twitter.com/@jekyllrb"{
"twitter": "CloudCannon",
"twitter_username": "CloudCannon",
"twitter_url": "https://twitter.com/@jekyllrb"
}The Twitter @ symbol is stripped from the value on save for a consistent output. These interfaces display a placeholder @ symbol.
Text field with a logo for Instagram social handles and full URLs.
Shown for input keys matching:
Note
instagram*_instagram*-instagram*Instagraminstagram_username*_instagram_usernameinstagram-username*-instagram-usernameinstagramUsername*InstagramUsernameinstagram_url*_instagram_urlinstagram-url*-instagram-urlinstagramUrl*InstagramUrl
instagram: purenewzealand
instagram_username: purenewzealand
instagram_url: 'https://www.instagram.com/purenewzealand/'instagram = "purenewzealand"
instagram_username = "purenewzealand"
instagram_url = "https://www.instagram.com/purenewzealand/"{
"instagram": "purenewzealand",
"instagram_username": "purenewzealand",
"instagram_url": "https://www.instagram.com/purenewzealand/"
}Text field with a logo for GitHub social handles and full URLs.
Shown for input keys matching:
github*_github*-github*Githubgithub_username*_github_usernamegithub-username*-github-usernamegithubUsername*GithubUsernamegithub_url*_github_urlgithub-url*-github-urlgithubUrl*GithubUrl
github: CloudCannon
github_username: CloudCannon
github_url: 'https://github.com/jekyll'
docs_github_url: 'https://github.com/CloudCannon/Documentation'github = "CloudCannon"
github_username = "CloudCannon"
github_url = "https://github.com/jekyll"
docs_github_url = "https://github.com/CloudCannon/Documentation"{
"github": "CloudCannon",
"github_username": "CloudCannon",
"github_url": "https://github.com/jekyll",
"docs_github_url": "https://github.com/CloudCannon/Documentation"
}Text field with a logo for Pinterest social handles and full URLs.
Shown for input keys matching:
pinterest*_pinterest*-pinterest*Pinterestpinterest_username*_pinterest_usernamepinterest-username*-pinterest-usernamepinterestUsername*PinterestUsernamepinterest_url*_pinterest_urlpinterest-url*-pinterest-urlpinterestUrl*PinterestUrl
pinterest: pinterest
default_pinterest: pinterest
pinterest_url: 'https://www.pinterest.com/pinterest/'pinterest = "pinterest"
default_pinterest = "pinterest"
pinterest_url = "https://www.pinterest.com/pinterest/"{
"pinterest": "pinterest",
"default_pinterest": "pinterest",
"pinterest_url": "https://www.pinterest.com/pinterest/"
}
