How To Use An AI Image Generator For Theme Heroes

Theme shops rebuild the demo screenshot every time a layout changes, and the hero still has to fit the featured-image crop the theme actually uses. A square portrait can look finished in a gallery and then lose the product once WordPress crops it to the wide slot on the homepage. Filmlune is one place a theme team can pick up a still recipe, but the recipe only helps if the frame is set before the image is generated.

The time goes into rework after the preview is already inside the theme. A subject parked in the square middle leaves the wide crop with a shoulder and drops the product. A local resize does not redraw that scene. It only scales the mistake, and the demo has to be opened again.

Why A Square Hero Fails The Theme Crop

Porto demos live or die on the first screen. The theme sells a layout, so the hero has to show the headline area, the product, and enough background that the spacing still makes sense after the theme’s own crop. A gallery still is judged as a picture. A theme hero is judged as a slot.

That slot is usually wide. If the generator’s visible default is a square, the interesting part of the brief gets composed for a square, and the theme then slices the sides or the top. The words you hoped would sit in the empty band are the first thing the crop removes. The preview looks busy, and the product looks accidental.

A second failure shows up when the team treats the gallery example as a finished asset. The example is a method, not a file you drop into the media library. The prompt, the declared model, and the order of steps are what you adapt. The published picture on the detail page belongs to its source, and it is the wrong file for a theme that needs its own product.

How The Example Moves Into Image Studio

FilmLune’s public path is short, and the order matters more than the number of buttons. You start from an image example that is close to the layout you need, open the detail, and only then send the recipe into Studio. Skipping the detail and typing a fresh brief from memory is how the square default sneaks back in.

Review The Prompt On The First Screen

The detail page asks you to review or copy the complete prompt shown on the first screen. Read it for the things a theme hero cannot survive without: where the product sits, where the empty band for the theme headline is, and which words are meant to be rendered. If the revision’s rights do not allow a copy, the page does not invent a replacement prompt. You adapt from what is shown, or you pick another example.

While you are on that screen, note the declared model. The handoff is supposed to keep that model, the inputs, and the recipe order. If you wanted a different model, change it on purpose in the editor. Do not assume the gallery picture and the generation are the same file.

Open Image Studio With The Recipe Ready

The next action on the detail is Open in Image Studio. Studio receives the selected prompt and step without silently replacing the model, inputs, or recipe order. That is the moment to change the subject to your theme’s product, not the moment to hope the crop will be fixed later in WordPress.

Then you adapt the subject, the style, or the constraints you actually need, and you start the creation. For a theme demo, the adaptation is concrete. Name the product, say it sits left or right, and leave a clean band where the theme will place the headline. Put those instructions before mood words. Short rendered copy is easier to check than a paragraph of slogan.

1. Choose an image example whose layout is close to the hero slot, then open its detail.
2. Review the full prompt on the first screen, and copy it only when that revision’s rights allow it.
3. Open Image Studio so the recipe arrives intact, then change the subject and the empty band for the headline.
4. Set ratio and resolution before Generate image, and read the credit quote that appears with those settings.

Set Ratio And Resolution Before You Generate

The public studio view shows the ratio control sitting on Auto · 1:1, with resolution choices of 1K, 2K, and 4K, before Generate image. A theme hero that has to survive a wide featured-image crop should not launch from that square display. Move the ratio first. The quote for the selected version and settings is shown before generation, so the frame change is also a cost change you can see.

Leave The Square Default Only For Tiles

A 1:1 frame is a reasonable start for an icon tile, a profile mark, or a small module inside the demo. It is the wrong start for the homepage hero. If you generate the square and then ask the theme to crop it wide, you are asking the layout to invent space that was never drawn. Lock a wide ratio while the brief still says where the product and the empty headline band should sit.

Resolution can stay modest while you are still moving the product around. 1K is enough to judge placement. Step up to 2K when the words and the product edges have to survive the demo screenshot. You do not need every quality name in the menu for this job. You need one setting you can repeat on the next theme release.

Crop And Resize On The Local Path

Once a wide still exists, the theme may still want an exact pixel size. That job belongs on the local tools, not in another generation. Resize sets exact pixel dimensions without redrawing the image. Crop takes a selected area and downloads it at the source pixel size. Compress reduces the file locally as JPEG or WebP. Those edits download directly.

AI results go to private History. That split is useful on a theme desk. The generated hero stays in History until you decide it is the one for the demo. The crop you hand to WordPress is a local file with the same pixels you already approved. If the crop looks wrong, you change the selection. You do not pay for a new interpretation of the product.

Proof Short Words Before The Demo Ships

Theme heroes often carry a short product name or a version label. Rendered text has no guarantee of being exact. Short copy with a clear placement is the version worth attempting, and you still proofread every word, especially numbers and brand names, before the screenshot goes into the demo.

An AI image generator will sometimes draw a label that is almost right. Almost right is unreadable as a product name once a buyer zooms the theme preview. If the letters drift, take the words out of the prompt and place them in the theme’s own headline field. The still then only has to hold the product and the empty band. That is a smaller brief, and it fails less often.

FilmLune’s image guidance says to put essential subjects, placement, and exact copy first, and materials, color, and mood after that. Follow that order when the hero must show a bottle, a phone, or a dashboard. A mood sentence at the top of the prompt is how the product slides out of the safe area and into the crop.

What The Theme Preview Should Reject

Reject the still when the product is cut by the featured-image crop, when a rendered word is wrong, or when the file you are about to upload is the gallery example rather than your own generation. Those three checks are enough. A prettier background does not repair a cut product.

Also reject the still if you cannot tell which model produced it. The detail page is built so the declared model stays visible through the handoff. If someone on the team swapped models after the recipe arrived, say so in the demo notes. A theme buyer who asks how the hero was made should not get a model name that no longer matches the file.

Keep the source line in mind when the example itself is external work. The detail preserves attribution and a source link. Your theme demo uses your adapted result, not a re-upload of someone else’s picture. If the rights on that revision do not let you copy the prompt, do not paste a reconstructed version and call it the original.

Check The Crop Before The Demo Goes Live

FilmLune fits a theme desk that already has a hero slot and needs a repeatable way to fill it. Open the detail, move the ratio off the square default, and crop locally to the theme’s pixel size. The gallery photo itself stays on its source page, and a long slogan is safer in the theme’s own headline field than inside the rendered still.

The check before you update the demo is ordinary. Open the homepage preview at the width the theme uses, and see whether the product and the headline band both survive. If they do not, fix the ratio and generate again. Do not spend the afternoon scaling a square that was never the layout.