{"id":884,"date":"2024-07-03T02:43:34","date_gmt":"2024-07-03T02:43:34","guid":{"rendered":"https:\/\/www.yellowfalconmedia.com\/blog\/2024\/07\/03\/creating-wordpress-themes-any-advice-about-up-to-date-tuition-videos-or-sites-sitepoint\/"},"modified":"2024-07-03T02:43:34","modified_gmt":"2024-07-03T02:43:34","slug":"creating-wordpress-themes-any-advice-about-up-to-date-tuition-videos-or-sites-sitepoint","status":"publish","type":"post","link":"https:\/\/www.yellowfalconmedia.com\/blog\/2024\/07\/03\/creating-wordpress-themes-any-advice-about-up-to-date-tuition-videos-or-sites-sitepoint\/","title":{"rendered":"Creating WordPress themes \u2013 any advice about up to date tuition videos or sites? &#8211; SitePoint"},"content":{"rendered":"<p>Hi All, I\u2019m just playing around with WordPress and other CMSes on the localhost, to find out what\u2019s right for my purposes. I\u2019ve started with WordPress, on the assumption that it would be easest to learn quickly, but I do want to be able to design my own themes. I\u2019m fine with the HTML and CSS basics (albeit some brushing up is needed) and also have some experience using PHP. So not a novice anyway.<br \/>I started following <a href=\"https:\/\/www.youtube.com\/watch?v=-h7gOJbIpmo\" rel=\"noopener nofollow ugc\">this YouTube tutorial<\/a> and it was fine up to about 25 minutes. Pretty sure that I followed faithfully, but it goes wrong from around that point. On the video he\u2019s seeing his styles coming up, and I\u2019m getting a blank screen when I preview the pages (everything works fine with the preinstalled themes, by the way). I\u2019m guessing that (or wondering if) there\u2019s maybe something fundamentally different in the structure that this guy is using, which is perhaps not being maintained now. The video is four years old \u2013 maybe enough to make it completely redundant by now &#8211; I don\u2019t know. I was wondering if there was some issue with permissions, as I\u2019m on Ubuntu here, but honestly I don\u2019t see how it can be that. Everything under my www directory is as it should be \u2013 ownership given to www-data, all folder\/subfolder permissions 755, files at 644.<br \/>Anyway, I\u2019m more or less ready to give up on this video now. And so now I\u2019ll ask if anyone has any recommendations for a good step-by-step guide, whether in video or written form, which isn\u2019t toooooo simple and condescending, but which doesn\u2019t skip the basic necessary concepts. I\u2019ve seen a few courses on Udemy, which I use quite a lot. Any recommendations on there? I already asked a question about this on the WordPress forum, and got pointed towards <a href=\"https:\/\/wordpress.org\/plugins\/create-block-theme\/\" rel=\"noopener nofollow ugc\">this plugin<\/a>. which seems very <em><strong>GUI<\/strong><\/em>. I\u2019ve just tried playing with it a bit, and can\u2019t see how to get into editing the CSS and PHP. Even if it is possible somehow, they\u2019re very obviously not going out of their way to encourage it. Are they sliding away towards trying to emulate Wix, Squarespace et al?<br \/>Should I persist here, or start playing with Joomla already??? <img decoding=\"async\" src=\"https:\/\/emoji.discourse-cdn.com\/apple\/thinking.png?v=12\" title=\":thinking:\" class=\"emoji\" alt=\":thinking:\" loading=\"lazy\" width=\"20\" height=\"20\"> Bigger initial learning curve, I realise, but worth the effort in the end?<br \/>Just to clarify what I\u2019m talking about, a few screenshots. Here are the options that I get for the block theme that I can create using the plugin that I was directed to:<br \/><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/global.discourse-cdn.com\/sitepoint\/original\/3X\/9\/8\/98723d75e5e21b1a77ec5949b378018484a06e61.png\" alt=\"capture_20240623_234646_486\" data-base62-sha1=\"lKBkGWhTo6IcTWPwKRCTxKc00HT\" width=\"261\" height=\"209\"><\/p>\n<div class=\"lightbox-wrapper\"><a class=\"lightbox\" href=\"https:\/\/global.discourse-cdn.com\/sitepoint\/original\/3X\/5\/4\/54e3a2dddc6194f96369c6c1a6fe039e0fa1ae75.png\" data-download-href=\"\/community\/uploads\/short-url\/c6XOA1i8mMwDIQP0pphSvvo0qYB.png?dl=1\" title=\"capture_20240623_234548_433\" rel=\"noopener nofollow ugc\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/global.discourse-cdn.com\/sitepoint\/original\/3X\/5\/4\/54e3a2dddc6194f96369c6c1a6fe039e0fa1ae75.png\" alt=\"capture_20240623_234548_433\" data-base62-sha1=\"c6XOA1i8mMwDIQP0pphSvvo0qYB\" width=\"493\" height=\"500\" data-dominant-color=\"222222\"><\/p>\n<div class=\"meta\"><svg class=\"fa d-icon d-icon-far-image svg-icon\" aria-hidden=\"true\"><use href=\"#far-image\"><\/use><\/svg><span class=\"filename\">capture_20240623_234548_433<\/span><span class=\"informations\">554\u00d7561 17.1 KB<\/span><svg class=\"fa d-icon d-icon-discourse-expand svg-icon\" aria-hidden=\"true\"><use href=\"#discourse-expand\"><\/use><\/svg><\/div>\n<p><\/a><\/div>\n<p>And by contrast, this is what I see with the theme that I created from following the (relatively) old YouTube video that I was following to create a theme:<br \/><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/global.discourse-cdn.com\/sitepoint\/original\/3X\/2\/c\/2cbe979ce2998ce78b68fb889d14faa50f8f9d6b.png\" alt=\"capture_20240623_234721_353\" data-base62-sha1=\"6nPlK2cAdaCPwFfJnN1vT4e5B5F\" width=\"258\" height=\"253\"><\/p>\n<div class=\"lightbox-wrapper\"><a class=\"lightbox\" href=\"https:\/\/global.discourse-cdn.com\/sitepoint\/original\/3X\/a\/2\/a207ac8c86ebe12987d874299e435a2e2da66c52.png\" data-download-href=\"\/community\/uploads\/short-url\/n7nN5nOaMKGb7dQgluhU2ZXPXCW.png?dl=1\" title=\"capture_20240623_234945_793\" rel=\"noopener nofollow ugc\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/global.discourse-cdn.com\/sitepoint\/optimized\/3X\/a\/2\/a207ac8c86ebe12987d874299e435a2e2da66c52_2_308x500.png\" alt=\"capture_20240623_234945_793\" data-base62-sha1=\"n7nN5nOaMKGb7dQgluhU2ZXPXCW\" width=\"308\" height=\"500\" srcset=\"https:\/\/global.discourse-cdn.com\/sitepoint\/optimized\/3X\/a\/2\/a207ac8c86ebe12987d874299e435a2e2da66c52_2_308x500.png, https:\/\/global.discourse-cdn.com\/sitepoint\/original\/3X\/a\/2\/a207ac8c86ebe12987d874299e435a2e2da66c52.png 1.5x, https:\/\/global.discourse-cdn.com\/sitepoint\/original\/3X\/a\/2\/a207ac8c86ebe12987d874299e435a2e2da66c52.png 2x\" data-dominant-color=\"EEF0F2\"><\/p>\n<div class=\"meta\"><svg class=\"fa d-icon d-icon-far-image svg-icon\" aria-hidden=\"true\"><use href=\"#far-image\"><\/use><\/svg><span class=\"filename\">capture_20240623_234945_793<\/span><span class=\"informations\">350\u00d7568 32.9 KB<\/span><svg class=\"fa d-icon d-icon-discourse-expand svg-icon\" aria-hidden=\"true\"><use href=\"#discourse-expand\"><\/use><\/svg><\/div>\n<p><\/a><\/div>\n<p>Clearly, there\u2019s a very different file structure there. The latter allows the user to get right in there and edit the files, and the former is not encouraging that at all. Sorry if I\u2019m too impatient to dig around a bit more. If there is a way to edit directly from within the newer theme, please set me straight!<br \/>In my experience (a bit out of date now), creating a WP theme is very messy compared with doing the same in a better CMS like Craft or ExpressionEngine. In those latter examples, you create your template first \u2014 with the HTML and CSS you want to use \u2014 and then plug in the CMS parts where needed. It\u2019s a much cleaner and easier way to build a theme\/template than with WP, which has always been a very messy CMS, imho.<br \/>With that plugin you have several options: a blank theme, a child theme\u2026 They work differently. If you create a completely new theme, you need to know how to code the whole theme. If you create a child theme, it should work anyway, even with new, empty functions.php, style.css files.<br \/>The way Wix, Squarespace works is creating child themes. They are based on a framework already, and users only customize CSS mostly. I guess you want to do the same? Then you don\u2019t need any plugin. Choose a \u201cparent\u201d theme as your framework, then <a href=\"https:\/\/developer.wordpress.org\/themes\/advanced-topics\/child-themes\/\" rel=\"noopener nofollow ugc\">create a child theme<\/a>. In that case, I would recommend GeneratePress as your parent theme or framework.<br \/>Hi, and thanks for replying.<br \/>creating a WP theme is very messy compared with doing the same in a better CMS like Craft or ExpressionEngine<br \/>Totally new names to me. I\u2019d be happy to have a look at them, but I worry about maintenance of anything which doesn\u2019t have the weight of numbers behind it, and which may disappear in a few years. Anyway, I\u2019ll have a look. Why not?<br \/>WP, which has always been a very messy CMS, imho<br \/>Yeah, i don\u2019t really know much about the development of WP. I used to use another, very obscure CMS in a job that I did, but never played with WP. It looks like they\u2019re trying to emulate the look and feel of the likes of Blogger\/Blogspot, which I\u2019ve been using for half a year, but precisely want to get away from, in order to have more control over the code and the organisation of files. In other words, they seem to be going in the opposite direction of the way that I want to go! Well, the numbers don\u2019t lie, I suppose. You can\u2019t completely ignore them if you\u2019re trying to brush up on the CMS game :~)<br \/>Thanks also for this one :~)<br \/>With that plugin you have several options: a blank theme, a child theme\u2026 They work differently. If you create a completely new theme, you need to know how to code the whole theme. If you create a child theme, it should work anyway, even with new, empty functions.php, style.css files<br \/>Yes, I was able easily enough to create a blank theme, but the point is that I don\u2019t see much sign of being able to quickly go in and edit the CSS from the bottom up. I only see lots of GUI stuff and some options for \u201cadditional CSS\u201d, which is the same as what I\u2019ve already got on Blogger\/Blogspot\/whatever they call it now.<br \/>I would recommend GeneratePress as your parent theme or framework.<br \/>OK, this is all quite confusing at first sight, I have to say. But now I understand. Block themes and classic themes. GeneratePress is a classic theme. Fine &#8211; that\u2019s the kind of thing I want. Obviously I see the point now of these block themes, but no, that\u2019s not for me. I want to be able to go in and edit everything, so I\u2019ll certainly be playing strictly with the classic themes.<br \/>I worry about maintenance of anything which doesn\u2019t have the weight of numbers behind it, and which may disappear in a few years.<br \/>ExpressionEngine and Craft have been around for many years (10\u201315) and aren\u2019t going anywhere. They were just two off the top of my head, but I chose them because they are very popular and well designed (especially Craft). I used Expression Engine for many years and it was great, but Craft was partly inspired by it and is generally considered even better. Definitely worth checking out. WordPress was never designed for websites, although it has adapted to this over the years \u2014 though imho it\u2019s still a glorified blogging platform.<br \/>Got it. I just asked ChatGPT for a list of lesser known (to me anyway!) CMSes other than WordPress, Joomla and Drupal, and I have to declare that it made me laugh for the first time. Another scary milestone. Anyway, is this a fair summary?<br \/>The world of content management systems (CMSs) can indeed feel like a vast forest with countless trees. Each CMS has its unique features, strengths, and quirks. But fear not! Take a deep breath, and let\u2019s break it down. <img decoding=\"async\" src=\"https:\/\/emoji.discourse-cdn.com\/apple\/deciduous_tree.png?v=12\" title=\":deciduous_tree:\" class=\"emoji\" alt=\":deciduous_tree:\" loading=\"lazy\" width=\"20\" height=\"20\"><img decoding=\"async\" src=\"https:\/\/emoji.discourse-cdn.com\/apple\/herb.png?v=12\" title=\":herb:\" class=\"emoji\" alt=\":herb:\" loading=\"lazy\" width=\"20\" height=\"20\"><br \/> Remember that you don\u2019t need to explore every nook and cranny of this forest. Instead, focus on your specific needs and goals. Here\u2019s a friendly compass to guide you:<br \/>is this a fair summary?<br \/>It\u2019s just AI fluff. Ask a dumb, unconscious machine a question and you\u2019ll get a dumb, unconscious answer. <img decoding=\"async\" src=\"https:\/\/emoji.discourse-cdn.com\/apple\/stuck_out_tongue.png?v=12\" title=\":stuck_out_tongue:\" class=\"emoji\" alt=\":stuck_out_tongue:\" loading=\"lazy\" width=\"20\" height=\"20\"><br \/>Give it another two or three years<br \/>Exactly \u2026 and billions in investment will be down the gurgler following another overhyped tech bubble. AI is a fun toy but research shows there\u2019s very little it can deliver that anyone is willing to pay for \u2014 and there\u2019s the rub.<br \/>We\u2019ll seeeeeeeeeeee. I\u2019m not full of optimism about what it\u2019s bringing.<br \/>For up-to-date WordPress theme development tutorials, check out Udemy courses like \u201cWordPress Theme Development with Bootstrap\u201d by Brad Schiff, LinkedIn Learning\u2019s \u201cWordPress: Building Themes from Scratch Using Underscores\u201d by Morten Rand-Hendriksen, or YouTube channels like Traversy Media and freeCodeCamp.<br \/> The official WordPress Developer Handbook is also a great resource. Given your familiarity with WordPress, continuing with updated resources might be more beneficial than switching to Joomla.<br \/>My familiarity is only from the last two or three days!!! You read things in the wrong order somewhere <img decoding=\"async\" src=\"https:\/\/emoji.discourse-cdn.com\/apple\/smiley.png?v=12\" title=\":smiley:\" class=\"emoji\" alt=\":smiley:\" loading=\"lazy\" width=\"20\" height=\"20\"><br \/>Anyway, no worries\u2026 I suppose I\u2019ve already kind of got the gist of how it works. I\u2019ll use it to put together a basic blog site while I\u2019m playing around learning about all the options <img decoding=\"async\" src=\"https:\/\/emoji.discourse-cdn.com\/apple\/man_student\/3.png?v=12\" title=\":man_student:t3:\" class=\"emoji\" alt=\":man_student:t3:\" loading=\"lazy\" width=\"20\" height=\"20\"><br \/>Powered by <a href=\"https:\/\/www.discourse.org\">Discourse<\/a>, best viewed with JavaScript enabled<\/p>\n<p><a href=\"https:\/\/news.google.com\/rss\/articles\/CBMiemh0dHBzOi8vd3d3LnNpdGVwb2ludC5jb20vY29tbXVuaXR5L3QvY3JlYXRpbmctd29yZHByZXNzLXRoZW1lcy1hbnktYWR2aWNlLWFib3V0LXVwLXRvLWRhdGUtdHVpdGlvbi12aWRlb3Mtb3Itc2l0ZXMvNDQ5ODk50gEA?oc=5\">source<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hi All, I\u2019m just playing around with WordPress and other CMSes on the localhost, to find out what\u2019s right for my purposes. I\u2019ve started with WordPress, on the assumption that it would be easest to learn quickly, but I do want to be able to design my own themes. I\u2019m&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-884","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/posts\/884","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/comments?post=884"}],"version-history":[{"count":0,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/posts\/884\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/media?parent=884"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/categories?post=884"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.yellowfalconmedia.com\/blog\/wp-json\/wp\/v2\/tags?post=884"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}