u/Much-Breakfast9312

Hi, so basically, i am working on a wordpress classic theme (learning purposes), my old way of doing things was to Design everything in figma and specifically instruct figma make (free tier) to make html fils and one style.css and that was it, i discoverd that this is a bad way since i want to start focusing on learning reather then increasing my technical debt,

latelly i converted a 3 designs pages, and honestly it's problematic for me to use the old way, since i am following (brad schiff) way of doing things with scss, and using @ wordpress/scripts of doing things, i find it pretty waste of time to convert one file to scss modules follwoing the SMACSS method, so i was thinking about a way where i don't have to minimize me typing design css anymore, (even though i said it it's for learning purposes) i thought that maybe there is a faster way to do it, so i am not talking about logic or functionality, i am just talking about the scss modules,

maybe i need to invest into thie transitioning process with thinking, because, it feels like a production line, from the design tokens of figma to html and scss (in which i would start scafhold it to a wp theme afterwards), all of that using the WP scripts, because i know that LLM are bad at context so they distroy your design in a matter of a prompt

it's just a 4 hours design

WHAT I TRIED:
i know ,i named the auto layouts
formilated good prompts

IS THERE A BETTER WAY THEN THIS, I WOULD LOVE TO HEAR YOU OUT

objective of this post :

determining how to structure a gaming blog content categorization like IGN, eurogamers,

hi, so one week ago, after following along with a WP course from Brad schiff, i decided that i need to build a personal project alongside, so i decided to build a gaming blog classic theme

I planned the workflow so that i design eveeything in figma and then tranform it into html and css and start building from there brick by brick just like the course

PROBLEM

so I encountered this problem when i tried to copy ign and eurogamers design, which is that i don't understand how this blogs structure there content or how any blog should structure their content at all, i never built anything like that, matter fact i planned that this is the first project that i can genuinly ditch llm's coding and only keeping it for augmentation and for html css thats it

HOW I TRIED TO SOLVE THIS PROBLEM

- Searched YT, understood how categories and tags works,

- visited the IGN sitemap only to get overwhelmed and confused, there seems to be some hirarchey but i can't really see it

- tried to use claude sonnet's help, so I constructed an informed prompt, got a result of two way relationship between custom group of taconomies, while i remember something like this in the course, but I encountered another problem

PROBLEM 2.0 (main)

basically while solving the first problem i noticed this weird pattern, its a personal pattern that kept me out of this industry for 3 years, its that i keep thinking about everything around the thing that I want to build rather getting straight to the problem in a fuggy area, i realized that i was chasing clarity, but at the same time i feel that I burned all energy or whatever on this thing, sorry for sort of changing the subject, but i do need help with this categorization in a way that solves the problem of people who access it,

NOtICE :

https://preview.redd.it/0p82cv2pos9h1.png?width=1897&format=png&auto=webp&s=a11c06180c0d89e4cec9a3a86cfaa86cd9bf9c6f

the project is only for showcasing purposes, as it will prove to my self and for other people that i can create projects without relying on llm for 100%