{"id":1367,"date":"2022-10-21T14:37:41","date_gmt":"2022-10-21T14:37:41","guid":{"rendered":"https:\/\/www.design42.com\/blog\/?p=1367"},"modified":"2022-10-21T14:50:39","modified_gmt":"2022-10-21T14:50:39","slug":"can-i-see-what-my-website-will-look-like-with-different-themes","status":"publish","type":"post","link":"https:\/\/www.design42.com\/blog\/can-i-see-what-my-website-will-look-like-with-different-themes\/","title":{"rendered":"Can I see what my website will look like with different themes?"},"content":{"rendered":"

When you are browsing themes on wordpress.org, you can often see an example of what a theme will look like finished.<\/p>\n

Preview<\/h2>\n

You can get a preview of a theme before you use it. Just go to wordpress.org\/themes\/<\/a>. This page shows home pages you can get using various free themes. To get a preview, click to select a theme.<\/p>\n

\"\"
Click Preview to see what a theme looks like<\/figcaption><\/figure>\n

Then select Preview<\/strong>.<\/p>\n

You can click through the pages of the sample site to get an idea about the theme.<\/p>\n

But this is really just an idea. Once you have your pictures and words in there, it will look quite different.<\/p>\n

\"\"
Arrow to see other themes<\/figcaption><\/figure>\n

From this page, you can arrow to other themes. This can show a little bit about how different themes will look.<\/p>\n

\"\"
Theme Preview with no photos<\/figcaption><\/figure>\n

Many of these examples look really boring because they do not show any photos. The little photo (left above) and the screenshots on wordpress.org\/themes\/<\/a> show how a page using this theme can look. The Preview shows it without any photos.<\/p>\n

Demo Websites<\/h2>\n

Many themes have demo websites available.<\/p>\n

\"\"
Go to the Theme Homepage to see demo websites<\/figcaption><\/figure>\n

To get a better idea of a theme\u2019s potential, click Theme Homepage<\/strong>. (If the theme is a wordpress.org theme, you are already on the theme homepage, so the link doesn\u2019t take you anywhere.)<\/p>\n

The Theme Homepage usually gives you demo websites made with that theme or screenshots of how the theme works. The page likely has themes you can buy, too. If you don\u2019t even have a website yet, it is probably not the time to buy a theme.<\/strong><\/em> Wait. Just wait.<\/p>\n

Find other sites that use the theme<\/h2>\n

Another way to get an idea what can be done with various themes is to use Google to find sites made with the theme you like. Most WordPress sites display a footer credit with the name of the theme and developer. You may be able to see more examples of sites using a particular theme by searching for the footer credits. It works best if you use quote marks.<\/p>\n

\"\"
Both of these sites use Kadence WP theme<\/figcaption><\/figure>\n

I found these sites by searching for “WordPress Theme by Kadence WP” on Google. If you do this, you will see how very different sites look, even though they have the same theme. You probably aren\u2019t surprised to see that both of these sites above use the same theme. They look kinda similar.<\/p>\n

\"\"
Both of these sites use Kadence WP theme<\/figcaption><\/figure>\n

These sites look kinda similar, too. These sites also use the same theme.<\/p>\n

\"\"
These three sites also use Kadence WP theme<\/figcaption><\/figure>\n

You might be more surprised to know that these sites also use the exact same theme.<\/p>\n

\"\"
All of these sites are using the same theme.<\/figcaption><\/figure>\n

All these sites look different, but they are using the same theme. The words and photos matter.<\/p>\n

A demo can give you an idea of what you can do with a theme, but your words and photos make the biggest difference.<\/em><\/h3>\n

How can I make a mockup of my site before I have written the words?<\/h2>\n

You can use Lorem Ipsum or dummy text. Your project will go MUCH faster if you BEGIN by writing the words for your site. But if you are determined to move forward without writing content, you can make a demo website using fake words.<\/p>\n

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen bookwww.lipsum.com<\/a><\/p><\/blockquote>\n

Why use Lorem Ipsum?<\/h3>\n

I cannot tell you how often I have shown a client his site design and instead of looking at the design, the client starts proofreading the words. I am asking about layout, colors and navigation. I get a list of edits to the words.<\/p>\n

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using ‘Content here, content here’, making it look like readable English.<\/p>\n

www.lipsum.com<\/a><\/p><\/blockquote>\n

Using fake words can help avoid that.<\/p>\n

\"\"
Lorem Ipsum dummy text that appears to have been forgotten<\/figcaption><\/figure>\n

If you are going to use Lorem Ipsum, don\u2019t forget to replace it. I know that sounds really obvious, but I have clicked around on sites and found Lorem Ipsum still there.<\/p>\n

Don’t get bogged down selecting a theme<\/h2>\n

One of the really great things about WordPress is that you can change your theme really easily. Get your words written. Create the pages your site needs. Obtain photos or graphics that support the pages.<\/p>\n

Once these important steps are done and you have a basic site, you or the designer can give you previews of your site using different themes.<\/p>\n

Below is the same exact page of the same site with a different theme previewed.<\/p>\n

\"\"
www.mydesign42.com with different theme previews<\/figcaption><\/figure>\n

You can use Appearance > Customize > to preview what your site will look like using different themes without actually changing it by using Live Preview.<\/p>\n

\"\"
www.mydesign42.com with different theme previews<\/figcaption><\/figure>\n

All of these screenshots are the same page of the same site. I just picked random themes and previewed them.<\/p>\n

\"\"
www.mydesign42.com with different theme previews<\/figcaption><\/figure>\n

If you find a theme you like better, just click the button Change and make any edits to this new theme. You can always change back, too.<\/p>\n

\"\"
www.mydesign42.com with different theme previews<\/figcaption><\/figure>\n

You will notice that some themes allow you to change more options than other themes will.<\/p>\n

\"\"
www.mydesign42.com with different theme previews<\/figcaption><\/figure>\n

Some themes need you to install a plugin to get all of the advantages of the theme.<\/p>\n

\"\"
www.mydesign42.com with different theme previews<\/figcaption><\/figure>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

When you are browsing themes on wordpress.org, you can often see an example of what a theme will look like finished. Preview You can get a preview of a theme before you use it. Just go to wordpress.org\/themes\/. This page shows home pages you can get using various free themes. To get a preview, click … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":1376,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[15,5],"tags":[],"class_list":["post-1367","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-information","category-wordpress"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.design42.com\/blog\/wp-content\/uploads\/2022\/10\/featured-design.jpg?fit=1200%2C639&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p8x1A8-m3","jetpack-related-posts":[],"_links":{"self":[{"href":"https:\/\/www.design42.com\/blog\/wp-json\/wp\/v2\/posts\/1367","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.design42.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.design42.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.design42.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.design42.com\/blog\/wp-json\/wp\/v2\/comments?post=1367"}],"version-history":[{"count":9,"href":"https:\/\/www.design42.com\/blog\/wp-json\/wp\/v2\/posts\/1367\/revisions"}],"predecessor-version":[{"id":1384,"href":"https:\/\/www.design42.com\/blog\/wp-json\/wp\/v2\/posts\/1367\/revisions\/1384"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.design42.com\/blog\/wp-json\/wp\/v2\/media\/1376"}],"wp:attachment":[{"href":"https:\/\/www.design42.com\/blog\/wp-json\/wp\/v2\/media?parent=1367"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.design42.com\/blog\/wp-json\/wp\/v2\/categories?post=1367"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.design42.com\/blog\/wp-json\/wp\/v2\/tags?post=1367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}