{"id":2717,"date":"2012-09-23T00:13:49","date_gmt":"2012-09-23T07:13:49","guid":{"rendered":"https:\/\/bryanhadaway.com\/?p=2717"},"modified":"2025-05-22T15:21:42","modified_gmt":"2025-05-22T22:21:42","slug":"boilerplate-vs-framework-vs-theme","status":"publish","type":"post","link":"https:\/\/webguy.io\/blog\/boilerplate-vs-framework-vs-theme\/","title":{"rendered":"Boilerplate vs Framework vs Theme"},"content":{"rendered":"

I’ll mostly be referring to WordPress themes<\/a> and the three common styles you’ll find in the repo. However, the same basic ideas apply to all website templates and web design in general. This is what each means to me and does not necessarily represent what everyone else in my industry thinks. It’s a bit subjective, but based on my experience and knowledge I think my ideas are well-founded.<\/p>\n

It is a cliche to use building a house as an analogy for web design, but for good reason. It just makes sense.<\/p>\n

Boilerplate<\/h2>\n

The foundation, cement and rebar to support a frame.
\n(PHP, functions, files, theme folder, etc.)<\/em><\/p>\n

Example<\/h3>\n

BlankSlate<\/a><\/p>\n

Purpose<\/h3>\n

Boilerplates are generally useful to web designers and developers who don’t want to reinvent the wheel, but just need the basics to get started. Once they get going, they’re fully capable of building out something completely custom.<\/p>\n

Framework<\/h2>\n

The frame, a skeleton or structure to symmetrically shape out the width and height of areas of the house to support the look.
\n(HTML, divs, width, height, padding, margins, structural CSS, etc.)<\/em><\/p>\n

Example<\/h3>\n

Generic<\/a><\/p>\n

Purpose<\/h3>\n

Frameworks are generally useful for designers and new websites that need everything ready to go and they can just add their own content, graphics, colors, and fonts.<\/p>\n

Theme<\/h2>\n

The look, the drywall, paint, and carpeting.
\n(visual CSS and graphics, colors, fonts, etc.)<\/em><\/p>\n

Example<\/h3>\n

Zombie Apocalypse<\/a><\/p>\n

Purpose<\/h3>\n

Themes are generally useful to the basic end-user that has little to no code experience or interest and just finds something they like and then set and forget.<\/p>\n

Conclusion<\/h2>\n

Yes, they’re all technically “themes”, but these are the common theme style variations for very different purposes at your disposal. If you’re interested in building something from scratch eventually, boilerplates, frameworks, and themes are very good learning tools to get started with until you have the necessary skills.<\/p>\n","protected":false},"excerpt":{"rendered":"

I’ll mostly be referring to WordPress themes and the three common styles you’ll find in the repo. However, the same basic ideas apply to all website templates and web design in general. This is what each means to me and does not necessarily represent what everyone else in my industry thinks. It’s a bit subjective, … Boilerplate vs Framework vs Theme<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[47,71,5],"tags":[247,266,206,263,294],"class_list":["post-2717","post","type-post","status-publish","format-standard","hentry","category-programming","category-tools","category-web-design","tag-programming","tag-tools","tag-web-design","tag-wordpress","tag-wordpress-themes"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts\/2717","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/comments?post=2717"}],"version-history":[{"count":0,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/posts\/2717\/revisions"}],"wp:attachment":[{"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/media?parent=2717"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/categories?post=2717"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webguy.io\/blog\/wp-json\/wp\/v2\/tags?post=2717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}