{"id":21,"date":"2025-09-26T08:50:46","date_gmt":"2025-09-26T08:50:46","guid":{"rendered":"https:\/\/ska-blocks.com\/docs\/2025\/09\/26\/landing-page\/"},"modified":"2025-09-27T07:06:18","modified_gmt":"2025-09-27T07:06:18","slug":"landing-page","status":"publish","type":"post","link":"https:\/\/ska-blocks.com\/docs\/landing-page\/","title":{"rendered":"Landing page"},"content":{"rendered":"\n

To create a landing page, you’ll want to add a new WordPress page and assign the Full width<\/strong> template for it (a template that comes with ska-theme). Template can be changed from the right sidebar when editing a page:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Choose Swap template<\/strong> and pick the Full width<\/strong> template.<\/p>\n\n\n\n

Once created, you can make the page your front page from the WordPress settings at Settings -> Reading -> Your homepage displays -> A static page<\/strong>.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Patterns<\/h2>\n\n\n\n

You can use some pre-packaged block patterns<\/a> to construct the landing page. Patterns can be inserted from the top left corner block inserter -> Patterns.<\/p>\n\n\n\n

HTML to blocks<\/h2>\n\n\n\n

Lots of websites offer free (and paid) Tailwind HTML for various landing page sections. The Tailwind block<\/a> can be used to convert these to blocks.<\/p>\n\n\n\n

To maintain consistency, first add the Section block<\/strong> (it’s actually a block variation<\/a>) that comes with ska-theme – it will contain the Container<\/strong> block by default. Add the Tailwind block inside that, giving you Section -> Container -> Tailwind<\/strong>:<\/p>\n\n\n

\n
\n
\n
\n\n<\/div>\n<\/section>\n<\/div>\n
\n\t