{"id":5366,"date":"2017-04-21T15:51:39","date_gmt":"2017-04-21T10:21:39","guid":{"rendered":"https:\/\/weblizar.com\/?p=5366"},"modified":"2025-08-11T11:20:01","modified_gmt":"2025-08-11T05:50:01","slug":"designers-starting-afresh-wordpress-diy-tips","status":"publish","type":"post","link":"https:\/\/weblizar.com\/blog\/designers-starting-afresh-wordpress-diy-tips\/","title":{"rendered":"Designers Starting Afresh On WordPress – DIY Tips"},"content":{"rendered":"

WordPress design is an appealing and lucrative field for a reason, since there are more than quarter of websites all around the globe are working on wordpress, and it\u2019s relatively easy to get into (WordPress and the community help you all the way through).<\/p>\n

If you have finally given in to the lure of designing for WordPress (because the market is growing at a rapid pace), you\u2019ve made a smart move. The one thing you won\u2019t be lacking in is potential projects and new ideas.<\/p>\n

So, in the spirit of welcoming you to the Fellowship of WordPress Design, here are a few tips to help make your transition from a regular graphic\/web to WordPress designer smooth, hassle-free, and fun.<\/p>\n

Some DIY Tips For Designers Starting Afresh On WordPress<\/h2>\n

1. Knowledge Of How Code Is Working<\/h3>\n

No, you don\u2019t need to learn how to write code<\/strong><\/em>.<\/p>\n

You don\u2019t have to be able to write the next theme yourself using JavaScript and nothing else. But what can help you is a little knowledge of the WordPress front-end languages: HTML, CSS, and JavaScript, along with some PHP thrown in the mix. You need to know what they mean, and the purposes of each in the context of WordPress, specifically the front-end.<\/p>\n

\u201cUnderstanding the basics, possibilities, and limitations of code will keep you realistic so you can create better, efficient, and usable designs<\/em>.\u201d<\/p>\n

Some good starting points would be Basics and uses of CSS and JavaScript, threading and rendering of HTML tags, etc.<\/p>\n

A Cookie Analogy:<\/strong> PHP is the dough, HTML is the cookie cutter, and CSS and JavaScript are chocolate chips.<\/p>\n

2.\u00a0WordPress Theme Anatomy<\/h3>\n

Check out this brief post by Yoast\u2019s CEO Joost De Valk on WordPress Theme Anatomy<\/a>.<\/p>\n

The infographic and text description details what a basic WordPress theme is made of. The post also touches briefly upon other useful topics like Template Hierarchy and The Loop.<\/p>\n

Apart from PHP, WordPress also uses CSS and its variants for visual presentation. If you have taken a liking to stylesheets (or know some CSS already as a web designer), check out WordPress CSS<\/a> for more details.<\/p>\n

3. Learn From Existing Themes<\/h3>\n

There ain’t any better way than this to learn what’s currently in the market with some real hands-on experience.<\/p>\n

Some of the best WordPress themes are also free, so there is nothing stopping you from downloading these on your WordPress installation (if you have just started installing WordPress, go ahead and do it. It’s absolutely free) and go crazy mad developer with them. Check out the Featured tab in WordPress Theme Repository, download a theme that catches your eye, install it, and then roll up your sleeves or check these free themes<\/a> provided by Weblizar.<\/p>\n

First, look at the code. In your installation directory, go to wp-content\/themes and open the folder of your chosen theme. Check out the files. Template files are all PHP. The stylesheet will be a style.css. There might also be a functions.php file. Open them and examine the code. Pay special attention to how beautifully the code is indented and the separately commented sections to enhance legibility. This should teach you about good practices and coding standards.<\/p>\n

4. Try A Framework<\/h3>\n

WordPress Theme Frameworks are a thing of beauty, and they are available for people who are currently on \u2018Beginner\u2019 difficulty settings too.<\/p>\n

Frameworks have built-in functions and theme options that you can reuse in your own theme. You can think of it as a parent theme, or a solid foundation you\u2019re building up from. They are available for the designer (generally drag-and-drop interface combined with lots of space for freestyle).<\/p>\n

Gantry<\/a> is one such framework. Try it and see how you do.<\/p>\n

5.\u00a0Always Ask For Help If You Are Stuck!<\/h3>\n

There are many resources, open forums, and super-awesome wordpress developers out there who can help you out.<\/p>\n

Remember that there\u2019s one-in-16-millions chance that your troubles are unique to you. Ask your question on WordPress.org forums, or elsewhere like Stack Exchange, Quora etc.<\/p>\n

Wrapping Up
\n<\/strong><\/h4>\n

The one advice everyone should follow is to stay on top of new developments in wordpress core. And that’s pretty much how you’ll keep yourself updated.<\/p>\n

Wasn’t that a piece of cake.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

WordPress design is an appealing and lucrative field for a reason, since there are more than quarter of websites all around the globe are working on wordpress, and it\u2019s relatively easy to get into (WordPress and the community help you all the way through). If you have finally given in to the lure of designing<\/p>\n","protected":false},"author":5,"featured_media":5370,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[24],"tags":[539,540,541,187],"class_list":["post-5366","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-word-press","tag-designers-to-wordpress","tag-tips-for-designers-for-worpdpress-development","tag-wordpress-development","tag-wordpress-tips-and-tricks"],"yoast_head":"\nDesigners Starting Afresh On WordPress - DIY Tips by Weblizar<\/title>\n<meta name=\"description\" content=\"Designers startings afresh on wordpress sometimes struggle with the initial phase. But WordPress ain't that difficult as it seems. Learn some DIY tips.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/weblizar.com\/blog\/designers-starting-afresh-wordpress-diy-tips\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Designers Starting Afresh On WordPress - DIY Tips by Weblizar\" \/>\n<meta property=\"og:description\" content=\"Designers startings afresh on wordpress sometimes struggle with the initial phase. But WordPress ain't that difficult as it seems. Learn some DIY tips.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/weblizar.com\/blog\/designers-starting-afresh-wordpress-diy-tips\/\" \/>\n<meta property=\"og:site_name\" content=\"Weblizar Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/weblizarwp\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-21T10:21:39+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-11T05:50:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i0.wp.com\/weblizar.com\/blog\/wp-content\/uploads\/2017\/04\/wordpress-tips-for-designers.jpg?fit=900%2C563&ssl=1\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"563\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Danish Ansari\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@weblizar\" \/>\n<meta name=\"twitter:site\" content=\"@weblizar\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Danish Ansari\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Designers Starting Afresh On WordPress - DIY Tips by Weblizar","description":"Designers startings afresh on wordpress sometimes struggle with the initial phase. But WordPress ain't that difficult as it seems. Learn some DIY tips.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/weblizar.com\/blog\/designers-starting-afresh-wordpress-diy-tips\/","og_locale":"en_US","og_type":"article","og_title":"Designers Starting Afresh On WordPress - DIY Tips by Weblizar","og_description":"Designers startings afresh on wordpress sometimes struggle with the initial phase. But WordPress ain't that difficult as it seems. Learn some DIY tips.","og_url":"https:\/\/weblizar.com\/blog\/designers-starting-afresh-wordpress-diy-tips\/","og_site_name":"Weblizar Blog","article_publisher":"http:\/\/www.facebook.com\/weblizarwp","article_published_time":"2017-04-21T10:21:39+00:00","article_modified_time":"2025-08-11T05:50:01+00:00","og_image":[{"width":900,"height":563,"url":"https:\/\/i0.wp.com\/weblizar.com\/blog\/wp-content\/uploads\/2017\/04\/wordpress-tips-for-designers.jpg?fit=900%2C563&ssl=1","type":"image\/jpeg"}],"author":"Danish Ansari","twitter_card":"summary_large_image","twitter_creator":"@weblizar","twitter_site":"@weblizar","twitter_misc":{"Written by":"Danish Ansari","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/weblizar.com\/blog\/designers-starting-afresh-wordpress-diy-tips\/#article","isPartOf":{"@id":"https:\/\/weblizar.com\/blog\/designers-starting-afresh-wordpress-diy-tips\/"},"author":{"name":"Danish Ansari","@id":"https:\/\/weblizar.com\/blog\/#\/schema\/person\/d317218747ba5e5aa51886062ac0b628"},"headline":"Designers Starting Afresh On WordPress – DIY Tips","datePublished":"2017-04-21T10:21:39+00:00","dateModified":"2025-08-11T05:50:01+00:00","mainEntityOfPage":{"@id":"https:\/\/weblizar.com\/blog\/designers-starting-afresh-wordpress-diy-tips\/"},"wordCount":723,"commentCount":0,"image":{"@id":"https:\/\/weblizar.com\/blog\/designers-starting-afresh-wordpress-diy-tips\/#primaryimage"},"thumbnailUrl":"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/04\/wordpress-tips-for-designers.jpg","keywords":["designers to wordpress","tips for designers for worpdpress development","wordpress development","wordpress tips and tricks"],"articleSection":["WordPress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/weblizar.com\/blog\/designers-starting-afresh-wordpress-diy-tips\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/weblizar.com\/blog\/designers-starting-afresh-wordpress-diy-tips\/","url":"https:\/\/weblizar.com\/blog\/designers-starting-afresh-wordpress-diy-tips\/","name":"Designers Starting Afresh On WordPress - DIY Tips by Weblizar","isPartOf":{"@id":"https:\/\/weblizar.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/weblizar.com\/blog\/designers-starting-afresh-wordpress-diy-tips\/#primaryimage"},"image":{"@id":"https:\/\/weblizar.com\/blog\/designers-starting-afresh-wordpress-diy-tips\/#primaryimage"},"thumbnailUrl":"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/04\/wordpress-tips-for-designers.jpg","datePublished":"2017-04-21T10:21:39+00:00","dateModified":"2025-08-11T05:50:01+00:00","author":{"@id":"https:\/\/weblizar.com\/blog\/#\/schema\/person\/d317218747ba5e5aa51886062ac0b628"},"description":"Designers startings afresh on wordpress sometimes struggle with the initial phase. But WordPress ain't that difficult as it seems. Learn some DIY tips.","breadcrumb":{"@id":"https:\/\/weblizar.com\/blog\/designers-starting-afresh-wordpress-diy-tips\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/weblizar.com\/blog\/designers-starting-afresh-wordpress-diy-tips\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/weblizar.com\/blog\/designers-starting-afresh-wordpress-diy-tips\/#primaryimage","url":"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/04\/wordpress-tips-for-designers.jpg","contentUrl":"https:\/\/weblizar.com\/blog\/wp-content\/uploads\/2017\/04\/wordpress-tips-for-designers.jpg","width":900,"height":563,"caption":"wordpress tips for designers"},{"@type":"BreadcrumbList","@id":"https:\/\/weblizar.com\/blog\/designers-starting-afresh-wordpress-diy-tips\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/weblizar.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Designers Starting Afresh On WordPress – DIY Tips"}]},{"@type":"WebSite","@id":"https:\/\/weblizar.com\/blog\/#website","url":"https:\/\/weblizar.com\/blog\/","name":"Weblizar Blog","description":"Update yourself with all the latest tech news revolving around wordpress all at one place","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/weblizar.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/weblizar.com\/blog\/#\/schema\/person\/d317218747ba5e5aa51886062ac0b628","name":"Danish Ansari","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/8578053f8112ac6a0c136fbc87a10af48375433622bcb3df612e573bd2513ef6?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/8578053f8112ac6a0c136fbc87a10af48375433622bcb3df612e573bd2513ef6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8578053f8112ac6a0c136fbc87a10af48375433622bcb3df612e573bd2513ef6?s=96&d=mm&r=g","caption":"Danish Ansari"}}]}},"_links":{"self":[{"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/posts\/5366","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/comments?post=5366"}],"version-history":[{"count":0,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/posts\/5366\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/media\/5370"}],"wp:attachment":[{"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/media?parent=5366"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/categories?post=5366"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/weblizar.com\/blog\/wp-json\/wp\/v2\/tags?post=5366"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}