Видео

Twentieth video of the series website design & development: from #Figma to #WordPress. In the first 15 minutes, I worked on adjusting the spacing of the "Products" section and learned how WordPress Dimensions handles fluid layouts. Fixed values like rem or px don’t follow the theme’s fluid system. To achieve fluidity (like 40px dynamically), custom code in the theme is required, Block Theme Dev...

In the nineteenth video of the #Figma to #WordPress series, I researched the tab block plugins for WordPress and checked the responsiveness of the services section using developer tools. I began recreating the "How It Works" (F.A.Q.) section as a synced WordPress pattern, focusing on writing and refining the content. After filling in the F.A.Q., I took a break and then moved on to the "Products...

Eighteenth video of the #Figma to #WordPress series: This video focuses on improving the website’s responsiveness in WordPress. A website's responsiveness is how it adjusts to different screen sizes and devices. I worked on Columns and Query Blocks breakpoints, ensuring the "Website Services" section looks good across devices.

Seventeenth video of the #Figma to #WordPress series: The first 26 minutes focused on organizing ideas and clarifying what to tackle next. After a break, I dove into WordPress, concentrating on the "Website Design & Development Services" section. By the end of the video, the section was practically complete-now synced as a WordPress pattern. Small tweaks in spacing will follow in future videos,...

This is the sixteenth video of the #Figma to #WordPress series. I made small updates to the services section and introduced a new "Products" section. I worked on the copy and layout for the first two products: Some WordPress Block Theme and Some Design System (Figma). The design focuses on clarity and professionalism, showcasing the products with concise descriptions and clear CTAs. This video ...

In the fifteenth video of the #Figma to #WordPress series, I focused on improving the copy for the services section. I brainstormed extensively, organized my ideas, and researched how others explain their services by analyzing various websites. After a break, I started working on the "How It Works" section, adding an F.A.Q. for clarity. I then refined the copy further and made tweaks to the "Co...