Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

How do I simply swap out or replace my images and copy for those of Wordpress Theme's?

In reviewing Wordpress themes both premium and free many look great. But when I build my pages I don't always get what I want - which is often my site to look like the theme preview does.

Is there a way to simply learn where those images and copy reside and then just replace them with my images and copy at the right sizes?

3 Answers

Matt Lovaglio
Matt Lovaglio
5,485 Points

Hi Bryce,

That's a great question, and is one of the principle issues that people have problems with when trying to "put together" a theme.

WordPress themes, both Premium & Free, usually have demos that you can view. Clearly you've already seen examples of your favorite themes or prospective WordPress Theme purchases. The specific assets (or items that make the Theme look so nice, such as pictures, web copy, slideshows, custom-post-types, etc) are commonly referred to as DEMO CONTENT.

Unfortunately not all Theme companies make this DEMO CONTENT available to you. That is, to say, set up the way you see it and with what you see.

So to make a long story short, the answer is both yes and no.

==================

If a Theme does give you the option to re-create the DEMO, typically you'd find it under it's "theme-options" and there would be a section that could be labeled: "import-demo-content".

It's not necessarily easy to determine this though, so I'd recommend googling the Theme's name + the phrase: "import demo content". It might be worth it to look at the Theme's documentation or FAQ page to determine this as well.

==================

If the answer is no (which is the majority of the time) then you have to start the process of understanding how the theme works.

The best place to start is to have the demo page open in a separate browser window, and open another window with the Theme's documentation. There, you'll be able to read about how to set up the Theme like you see it in the DEMO, and depending on the Theme's author, you may have an easy time following along. Great companies like OBOX or WOO THEMES tend to also have video tutorials on how to set things up, in case you are more of a visual person.

To help understand how to set up a Theme like the DEMO, it really helps to have an understanding of the differences between a "page", a "post" and "custom-post-types".

Most Themes are beautifully designed because they break out of just using "pages" and "posts". Each Theme differs in the sense that it has it's own "custom-post-types", "widgets" and "short-codes" and each recreates that DEMO using different methods.

So no, you can't necessarily "locate" the DEMO content and just swap assets. You'd have to identify a page you like, and reference the Theme's documentation to see how it's made.

Let me know if I can help any further. Or if anyone has a difference of opinion or suggestion, I'd like to hear that as well.

Cheers.

-Matt

Matt thanks for a very thorough answer. I've built sites and pages using all the standard techniques and tools. But being able to make the theme look as it does would seem to be the quickest way to truly leverage the whole point of themes - saving time and work. I have found the theme files on my server so I can do it manually - but obviously knowing info on photo sizes, etc. I'll do that and also follow your recommendations. Also the class module on themes was excellent so perhaps I could copy the files I want and create a child or duplicate theme that I can then insert my photos and copy into. Thanks again for a great response.

Matt Lovaglio
Matt Lovaglio
5,485 Points

I'd have to agree that although there is value in manually setting things up, that it would be nice to have some sort of standardized option to set the Theme up as the DEMO in 1-click (with all the content).

Concerning the photo sizes, it might be worth it to use Google Chrome's Dev Tools, right click on the image, and choose "inspect element". It'll show you it's px dimensions at the current window size.

Yeah I just added DevTools to Chrome - had been using Firefox. Thanks again. The sites I'm working on for reference are www.exhausttunes.com and www.jetcentertransport.com. They're both fun projects that I could have functioning very quickly and looking great.