Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Join Justin Seeley, lynda.com staff author and design enthusiast, each week for a new 5-minute, self-contained tutorial that you can use to instantly improve your design workflow. This series covers techniques for print, digital, and web design, addressing the tools that creative professionals like you use most. Learn new ways to leverage layer styles and vector shapes in Adobe Photoshop, work more efficiently with text in Illustrator, and embed videos and even tweets in WordPress posts, and much more. Check back each week for a new installment, and a new design hack.
Hello there, and welcome back to another installment of Creative Quick Tips. My name is Justin Seeley, and this week I'm going to be showing you how to quickly embed a tweet inside of your Word Press post to make them a little bit more interactive. Previously, when I wanted to quote someone from Twitter on my blog, I would always just take a screenshot of the tweet that they posted and then post it into my blog. But, the unfortunate thing there is I also had to add that link to the image that would link back to the tweet and it wasn't very interactive, and it just wasn't very good. But now, WordPress actually has support for you to directly embed tweets into your post without having to do a whole lot of work.
So let's take a look at how this works. I'm going to go to a Twitter page. In this case, it's Morty Golding's Twitter page. And you'll see here Morty has a nice tweet that says Friday's Illustrator tip, don't get lost in your work while your afternoon snack melts by your side. Ice cream doesn't wait. Indeed it does not. And so, what we want to do is embed this into a post that I'm writing inside of WordPress. In order to do that, what you're going to do is find the expand link on any tweet that you want to embed. Once you expand it, it should look something like this, and there should be a details link right here. The details link actually links to a page that looks like this.
And once you get to the page, all you have to do is copy the URL from the top right there and then go over to WordPress. Once you're inside of WordPress, I'll just type a new post here, so I'll call this Test Tweet, and then we're just going to wrap it in what's called a embed short code. So we're going to do a square bracket, embed, close and then we're going to paste in the URL. And then I'll just close that short code with a square bracket, a slash, embed, and then anther square bracket. Once I do that, I'm going to save the draft and then let's preview it.
And when I do that, you can see now that I have put Morty's tweet directly into my WordPress post. It is the actual tweet. Notice how it has links. And things like that. People can actually follow Mordy if they are already signed into Twitter. They can reply to this. They can retweet it. They can favorite it. You can see how many retweets and favorites are on there. You can see the details. I mean, this is just a really great way to add an interactive element while at the same time quoting people using a social media source. The next time you need to quote somebody from Twitter, try out this little trick and see if it doesn't give you a better result than just taking a screenshot.
Find answers to the most frequently asked questions about Creative Quick Tips.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.