Published on September 4, 2022

Tutorial: Making A WordPress Page With AI Generated Art

In this video, we’re going to convert an AI-generated web page design into a WordPress landing page using Oxygen. We’ll be using an AI art generator tool called Midjourney to create the AI-generated web page design and associated artwork used in this tutorial.

As we design our WordPress landing page, we’ll create utility classes to apply styles to multiple elements. Utility classes help to save time when adjusting styles across the entire site. We’ll also create a floating effect for our logo to float it above the rest of the page’s content by using a negative margin. Finally, we’ll create a background image that goes behind the page’s content using a Div with absolute positioning and z-index.

You may learn more about Midjourney here: https://www.midjourney.com/home/

You can see more about utility classes here: https://oxygenbuilder.com/tutorial/using-utility-classes-for-rapid-wordpress-design-in-oxygen/

 

The Oxygen Team
Updated on: September 4, 2022

You'll build incredible websites with Oxygen

Get started with Oxygen today and unlock incredible value.

Get Oxygen

30-day money back gurantee

Try Oxygen risk-free. If youโ€™re not satisfied, get a full refund within 30 days.

Unlimited site license

Use Oxygen on as many personal or client projects as you want โ€” no limits.

Fast, world-class support

Our experienced team is eager to assist you with technical questions.

Use on client websites

Build and deliver professional-grade websites for your clients with no extra fees.