keyboard-254582_1920

Things to Consider Before Choosing a Theme

board-22098_1920 (1)

Keep Up With the Times - Make Your Theme Responsive

network-197303

Customizing Your WordPress Theme

disquetes-1374371177ARI

A short theme-jargon glossary

component-video

What makes a theme perfect?

Things to Consider Before Choosing a Theme

Before you dive into choosing a perfect theme for your website, imagining what colors you will make it, how many columns you will add and what images you will upload, we suggest you do a little brainstorming. Ask yourself about the purpose of your website, the audience you’ve created it for, and the goals of the blog you are writing. Although seemingly irrelevant to your site’s interface, in reality your choice of a theme should be governed by the answers to these questions.

Consider this: what have you created your website for? That is, do you wish to include corporate branding, for instance? If so, you should make sure the logo is distinct and comprehensible, as well as harmonious to other elements of your style, so it is best that you choose a color palette that enhances it appropriately.

If your site is made for business purposes, you need to ensure that the graphic layout you choose truly communicates the message to your target audience. You should take your audience’s expectations as a starting point, and develop your site’s design off that. After all, it may not be the best idea to sell Christmas ornaments on the site designed to resemble a haunted house.

Or maybe you plan on using your new website as a blog, in which you intend to share your thoughts and ideas with the world? Then, you should aim for a less sophisticated theme that will reflect your personality best, and show your readers who you really are and what you think.

To be successful, you have to think successful. This means, you are to understand what will motivate your target audience to keep visiting your website and choosing your services. For this reason, your site has to appeal to people, fulfill their expectations while still being creatively different. Hence, you are to understand what your clients want, and what is it that attracts them. This should be an axis all your theme elements (such as font styles, colors, information structure and media presentation) will later revolve around.

Keep Up With the Times – Make Your Theme Responsive

Nowadays, the Internet is no longer associated solely with PCs. Instead, a growing number of people use smartphones and tablets, which are super convenient to carry around, and which grant you access to the web virtually anywhere you go. The problem is, a large number of websites are still not meant to be displayed on the smaller tablet or smartphone screen, so the content of these sites is really hard to read. We bet you don’t want to lose your readers because of that, so the best way to fix this issue is to make your theme responsive.

Put simply, you need to make your site adjust itself to fit into any screen size. The crucial component of making your theme mobile friendly is creating an appropriate layout. We suggest you make a sketch of your theme in three screen sizes – one for a desktop computer, one for a tablet, and, finally, one for a phone or any other handheld device. This way, you can organize the theme structure to look uncontrived, while being completely comfortable to work with.

Most importantly, you have to make the sidebar move to the bottom to be shown under the content yet above the footer when your theme is displayed on smaller screens, and float to the left for large screens. To make such changes, you should access the style.css file and change the code accordingly, adding the media queries to the bottom of the file. Also, you can improve readability by changing font styles, or adjust colors and backgrounds to match new page organization.

It is always best that you have an elaborate plan before you actually start making changes. We recommend you to keep track on the mobile devices that are now being used, so your changes are of current interest. Remember, the more flexible and responsive you make your theme, the better it will work and look across different devices.

Customizing Your WordPress Theme

Whether you’ve spent endless hours searching for a flawless theme for your blog, or you were lucky enough to come across the one that matches your purposes right away, chances are, there still might be some things you’d prefer to have different. After all, you want your website to meet your personal idea of perfection, don’t you?

While customizing your theme, you will have to do some coding with CSS. But before you start to panic, we want to assure you that there really is nothing to worry about – once you get a grip on the essentials, adjusting themes will be a piece of cake!

The fact is, CSS is a language that allows applying a style to HTML, so there is not that much to it. All you have to do is specify the selectors and apply the properties. Hence, owing to the handy indicators (ID’s and classes), you can easily customize any part of your website.

In case you are afraid to mess something up, there is a convenient tool that lets you practice CSS. It is also not far to seek, as this tool is built in two major browsers – Google Chrome and Safari. This way, you can make CSS changes to any website you are currently browsing. But don’t get overly excited – these changes will only be visible to you, whereas everyone else will see the website in its original design. Still, it is a nice way to acquire skills you will need while customizing your own blog.

When you feel you’ve had enough practice, proceed and and apply changes to your WordPress site. Our themes have a separate CSS file with all of the style data you can edit. To customize your theme, all you have to do is navigate to Appearance > Editor, where you can open your stylesheet (style.css file). Once there – you can make any adjustments you want, this time for real. Hit Update File – and all changes will come to life on your website!

A short theme-jargon glossary

Theme – basically, a theme is a way to dress up your website. On the other hand, it is more that just “clothes”. Dressing up a site means that only design is changed, but a theme provides much more control over the look and presentation of the information on your website. A WordPress theme is made of template files that work together to produce a graphical interface with an underlying unifying design for a website. The key issue in the notion of the theme is that it modifies the look of your site without changing the software.

Child theme –  a theme that works off another (parent) theme. Sometimes these can be referred to as skins but more accurately are a separate theme you install which requires the other ‘parent’ to work.

Theme options (settings) – a special options panel to configure elements of the site without implementing any coding.

Column – a way to organize content on a page. A two column theme means one content column and one sidebar. If you want two sidebars, you will need a three column theme.

Widget ready – a theme that has areas where you can place widgets.

Fixed width –  the width of the theme does not change according to screen resolution (or the width of browser) your visitors use.

Fluid width – the width of the theme changes according to screen resolution (or the width of browser) your visitors use.

Responsive width means the the layout adapts depending on the size of the device being used to view your site. When responsive width themes are viewed on mobiles, sidebars appear below the posts in order to provide as much space as possible for reading.

Translation-ready – a theme supports multi-language option, but translation should be added manually.

What makes a theme perfect?

Undoubtedly, one of the most important features that can make a theme perfect is its design, if it has appealing and modern design, it will become popular. The themes’ designs have been created in accordance with all the latest trends and can satisfy even the most demanding customer. Stylish Header, Page Titles, Blog Titles, Social Media Buttons, List styles, Quotes, Message Box Styles, Footer – the list of outstanding features could be continued.

Another important feature is pixel-perfectness. Indeed, graphics should be clean, perfect and professional that’s why following the pixel grid is an essential aspect. Our themes have been created in accordance with this issue.

What is more, if you choose one of our themes for your site, be sure that it will be correctly displayed in any browser be it IE, Firefox, Chrome, Safari etc, since it is cross-browser compatible. It is an evident advantage, isn’t it?

And the last, but not the least aspect is the code’s compliance with the WP Codex standards. All our themes have been written in accordance with these requirements and tested with the majority of the most popular plugins, so that no scripts conflicts are supposed to occur.