Skip to content
Skip to content
  • Portfolio
  • Services
  • Our Story
  • Core Values
  • Contact
Hire Us
Winter Street Design Group

The Studio of Carol & Dave White

How to Create a Twitter Card using WordPress

December 10, 2014April 4, 2016

I’ve seen expanded tweets, where there’s a link to “view photo” and “view summary” in the bottom right of the post. I didn’t realize you could add this feature to your tweets using Twitter cards.

expand tweet

This article on Hubspot.com inspired me to try it: http://blog.hubspot.com/marketing/twitter-cards-basics.

Below are two examples of different types of Twitter cards. The first is a summary card, and the second a photo card.

twitters summary card
twitter photo card

I searched for a Wordpress plug-in to add Twitter Card metadata to a post, and I found this plug-in: http://wpdeveloper.net/free-plugin/twitter-cards-meta/.

To install it, go to your WordPress dashboard to Plugins > Add New, then do a search for “Twitter Cards Meta” and you’ll find the plugin. Install the plugin and activate it.

Go to Settings > Twitter Cards Meta and enter you settings there. I used the following:

twitter cards meta settings

Now, when you open your most recent post you’ll notice in the bottom right column a place to add a featured image, and also a box to check for your Twitter Card type. I selected Photo because I really like that one. Then, publish your post.

Then, you have to go to Twitter and ask to be approved:  https://cards-dev.twitter.com/validator . Just paste the link of your website in the box, and then you’ll be directed to a page where you ask for your domain to be whitelisted. Once you’ve filled that out, you will get a response right away from Twitter telling you that you’ve been approved.

Once I got the email from Twitter, I went back to the Card Validator page and entered the url for my website, and this was the preview I was given (this is the featured image for my home page, and also the default image url I pasted into the plugin settings).

winter street twitter card preview

Then, to test my post twitter card, I copied the url of my new post into the card validator to make sure my featured image was showing.

Now, you are ready to tweet your first Photo Card on twitter.  Go to twitter and paste the url of your new blog post into a tweet and your Twitter card will be there!

Here’s the tweet of my post, along with the expanded photo card.

twitter photo card tweet

Follow on Instagram

winterstreet

It’s so pretty in Nevada City today! It’s so pretty in Nevada City today!
Walking in the woods with Faye and Winter 🐁 Walking in the woods with Faye and Winter 🐁
Happy 21st birthday to this fiercely independent S Happy 21st birthday to this fiercely independent Sagittarius child of mine.  I love you Faye 💞
Happy 50th birthday! We took the day off, golfed, Happy 50th birthday! We took the day off, golfed, and went to Moonraker Brewery. Pretty much his favorite way to spend a day ⛳️
Done. Officially dropped my ballot at the county b Done. Officially dropped my ballot at the county building today.
A little late, but these two daughters make it all A little late, but these two daughters make it all worth it. Happy National Daughters Day @fayfaye99 @eveewhite
Wait, a blue sky in California?! Wait, a blue sky in California?!
Things are getting serious... the baby of the fami Things are getting serious... the baby of the family turns 18 today! Happy Birthday @eveewhite Keep following your dreams 🌟
Load More... Follow on Instagram
© 2021 WINTER STREET DESIGN GROUP | MAKE A PAYMENT | PRIVACY POLICY