{"id":24,"date":"2026-08-24T09:59:55","date_gmt":"2026-08-24T09:59:55","guid":{"rendered":"https:\/\/oxyum.pro\/index.php\/tutorials\/"},"modified":"2026-09-14T06:41:55","modified_gmt":"2026-09-14T06:41:55","slug":"tutorials","status":"publish","type":"page","link":"https:\/\/oxyum.pro\/index.php\/tutorials\/","title":{"rendered":"Tutorials"},"content":{"rendered":"

Resources<\/p>

Short builds you can follow along with<\/span><\/h1>

Every tutorial produces something real you can keep. No twelve-part course before you are allowed to make a page.<\/p>

Get Oxyum<\/a><\/div>
Read the docs<\/a><\/div><\/div><\/div>

Start here<\/h2><\/div>
1<\/span>

Your first page<\/h3>

Install, open the canvas, and lay out a hero section from an empty document.<\/p><\/div>

2<\/span>

Layout with grid and flex<\/h3>

Build a responsive structure using the same properties you would write in CSS.<\/p><\/div>

3<\/span>

Set up your tokens<\/h3>

Define colour, type and spacing once so the rest of the build stays consistent.<\/p><\/div>

4<\/span>

Extract a component<\/h3>

Promote a card to a component and reuse it across two templates.<\/p><\/div>

5<\/span>

Templates and live data<\/h3>

Build a post type template that styles every entry the moment it is published.<\/p><\/div>

6<\/span>

Add some motion<\/h3>

Reveal sections on scroll and design hover states that do not feel accidental.<\/p><\/div><\/div><\/div>

Going further<\/p>

When the basics are not the problem any more<\/h2><\/div>
\ud83d\uded2<\/span>

Build a shop<\/h3>

Product archives, single product templates and a checkout that matches the rest of the site.<\/p><\/div>

\u26c1<\/span>

Harder queries<\/h3>

Filtering, pagination and relationships between post types.<\/p><\/div>

\u26a1<\/span>

Making it fast<\/h3>

Asset control, image handling and what actually moves Core Web Vitals.<\/p><\/div><\/div><\/div>

Learn it by building something<\/h2>

Every tutorial ends with a working page rather than a certificate.<\/p>

Get Oxyum<\/a><\/div>
Talk to us<\/a><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"

Resources Short builds you can follow along with Every tutorial produces something real you can keep. No twelve-part course before you are allowed to make a page. Start here 1 Your first page Install, open the canvas, and lay out a hero section from an empty document. 2 Layout with grid and flex Build a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/oxyum.pro\/index.php\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oxyum.pro\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oxyum.pro\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oxyum.pro\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oxyum.pro\/index.php\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":5,"href":"https:\/\/oxyum.pro\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":249,"href":"https:\/\/oxyum.pro\/index.php\/wp-json\/wp\/v2\/pages\/24\/revisions\/249"}],"wp:attachment":[{"href":"https:\/\/oxyum.pro\/index.php\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}