Take Control of Your Blog’s Theme
by Kevin on September 4, 2008
There is no doubt that the “premium” themes market has made a strong dominance in the back of everyone’s minds that is launching or reorganizing a site’s theme. Each of these templates, frameworks, or designs in themselves are definitely worth the cost—many come with free complementary support with the purchase, updates (sometimes automatic through subversions), and cutting-edge layouts that allow your blog to grow faster than any default or slightly modified template could provide. However, not everyone has the budget or desire to use one of these themes on their website, resulting in a rather large group of people who would rather work with a “default/free” theme and expand upon it. Although it doesn’t necessarily take much work, until you can transform any framework into a stunning website design suitable for your blog.
In this post, several (basic) methods of converting any starter template to a masterpiece are outlined. However, if you have knowledge at any step, you can feel free to skip them; this guide is for the beginner who wants to dramatically increase readership through the use of a unique design.
Basic Guide to Creating a Template from Scratch/Based on Another Theme
- Find a template or design that you like. It doesn’t have to be complex, just something free (or within your budget, if you want to start off by paying for your theme. You won’t be copying the theme, you’ll simply use it as the starter template, which will help you guide through the rest of the steps (layout, columns, design, etc.).
- Secondly, plan exactly what you want your theme to do. At this step, it may be a good idea to create a simple sketch or rough copy of the end template, then base all further theme editing steps off this. Main areas of consideration include the header (size, format), sidebars (number, position, size), content (width, universal font set), and further options/customization in the footer, comments, and subscription or alternative areas. Keep in mind that this is essentially a “draft” copy and doesn’t necessarily represent the final design.
- Research (if you don’t already know how to implement some of the additions) code formats, template design, and other elements that will be required to build the template. While many people may become stumped at this step, the end product is the most important goal; abandoning this ambition will leave you where you started from—using a default, non-optimized, and rather dull-appearing (in perspective) theme. Creativity is the most important element of the whole design process.
- Next, begin building, one line of code at a time, your theme, testing and reorganizing each along the way to create the most optimized and accessible (standards compliant) code possible. Don’t be overly concerned with minor layout issues, especially with CSS at this point. They can generally be worked out when you finalize the template for publishing.
- Along the way, add or find images, plugins, and related materials that will increase the “fullness” of your website. For example, if you need an RSS image, either create your own or find one that works well placed on your blog. These tiny additions can create a world of difference.
- Before transferring your “finalized” theme over to your actual website, make sure everything is backed up (it should work if you closed all template codes), then copy everything over to your website.
- Finalization – check the template in several browsers to make sure that all readers are looking at a similar-appearing template. You don’t want to deem the site inaccessible due to an error in the code. Learning to create a template is fairly simple once you get the basics down and are able to recreate designs based on sketches you have created. It can prove beneficial when you want to launch new blogs
Trends and Elements in Premium Themes
A few simple ideas and layout options to keep in mind when styling your theme. All of these design elements have their own purpose; you must find a mix of them that suit your blog’s purpose.
- Fresh, Clean, or Grunge Layout Schemes – These designs, often highlighted in premium themes, have been created to reflect trends in design. You can customize each wider element design by combining formats, thus creating a unique theme.
- Media Flexibility and Integration – Many premium theme designers are now adding media players, galleries, and other media formats, making it easier to share and express your personality through multiple formats, whereas the universal format was once text. Your design wasn’t created for others, so you don’t need to create a simple format for adding videos – you simply do it to best suit your requirements and add the content from there.
- Magazine and Multiple-Column Layouts – With the rise of “magazine”-styled themes, more people have found it difficult to build websites without much pre-release work. Choosing to take this route can reap in additional benefits, as more content can be placed on the main page, however you will likely have a problem trying to get everything to work the way it is supposed to – unless of course, you have experience working with the code format (PHP, CSS, or (X)HTML) that the theme requires to form the particular layout.
- Highly Organized Content and Menus (Navigation Structure) – Another increasing trend is the addition of drop-down navigation menus, sidebar and footer areas for placing links to not commonly accessed items, and additional menu bars for placing links (categories, pages, etc.). This trend is sure to evolve, as blogs become even more content-rich, compared to what they used to consist of – the bare essentials including an about and contact page.
- Social Media/Bookmarking and Subscription Links – Many people use the ShareThis or related plugins to add images to their posts. However, you can use a similar method by designing your theme around these bookmarking buttons, cleaning up the theme and adding additional creative elements to the design. Ideally, they should be placed beneath each post or in the sidebar.
- Tabbed Navigation Boxes (Sidebar) - Boxes have begun appearing in the sidebar, featuring different areas of links, including pages, categories, tags, and so on, which help to conserve space when it comes to adding a ton of content to your site.
Conclusion
These were a few basic tips to help you get started creating a template. You should aim for a design that is able to captivate audiences, is flexible/customizable/editable, is accessible, and helps grow your brand. In many cases, there is no reason that you have to stick with the default template—you won’t need to hire a designer for your site if you are able to continuously reproduce code that is highly desired.
What other tips, advice, or methods would you suggest to others when creating a website/blog design?
7 comments
The tips looks to be worth of implementing. U know, its very difficult to design not just template but anything.
by Fragments on September 5, 2008 at 4:22 pm. #
The tips looks to be worth of implementing. U know, its very difficult to design not just template but anything.
by Fragments on September 5, 2008 at 12:22 pm. #
By using a website template you can take something that is considered a difficult process and turn it into something simple. It makes designing a professional website so much easier and you don’t have the expense of hiring a professional designer to do it for you. You can modify the template to make it unique so it will reflect your personality and the image you are trying to reflect. This gives you the opportunity to have a great professional website without all the hassles and added expense of hiring a web designer. There is no reason to put it off any longer, you can get started today.
by Selection of Best Website Templates on July 11, 2009 at 3:04 am. #
By using a website template you can take something that is considered a difficult process and turn it into something simple. It makes designing a professional website so much easier and you don’t have the expense of hiring a professional designer to do it for you. You can modify the template to make it unique so it will reflect your personality and the image you are trying to reflect. This gives you the opportunity to have a great professional website without all the hassles and added expense of hiring a web designer. There is no reason to put it off any longer, you can get started today.
by Selection of Best Website Temp on July 11, 2009 at 7:04 am. #
It’s hard to determine what the best Joomla templates are without knowing what type of website you are running. There is a large database of templates available on the market today and narrowing it down to just a few would be impossible to do.
Depending upon your needs, templates come in all styles, varieties, colors, and themes. Templates are available in both the back end and the front end sides to your websites. The back end templates are what will determine the layout and style of what you, the administrator or editor will see whenever you log into your website. They will help you to stay more organized so that you can get your business done with ease. Front end templates are what will determine the layout and style of the website that your visitor will see whenever they stop by your page. This will be the most important because this template will represent you or your company and if your page is boring, the total number of hits could fall. http://businesstemplateworld.com
by Templates free on September 20, 2009 at 5:31 pm. #
It’s hard to determine what the best Joomla templates are without knowing what type of website you are running. There is a large database of templates available on the market today and narrowing it down to just a few would be impossible to do.
Depending upon your needs, templates come in all styles, varieties, colors, and themes. Templates are available in both the back end and the front end sides to your websites. The back end templates are what will determine the layout and style of what you, the administrator or editor will see whenever you log into your website. They will help you to stay more organized so that you can get your business done with ease. Front end templates are what will determine the layout and style of the website that your visitor will see whenever they stop by your page. This will be the most important because this template will represent you or your company and if your page is boring, the total number of hits could fall. http://businesstemplateworld.com
by Templates free on September 20, 2009 at 5:31 pm. #
Website design is both an art as well as a skill that entails a lot of experience and specific knowledge. I personally enjoy the challenge that can oftentimes be attributed to synchronizing a sites elements to attain the desired results in the search engines, while simultaneously meeting the appeal sought by clients!
Great Post!
by Website Design on July 13, 2010 at 11:17 am. #