GENE Complete Site – Layouts that don't break

Deskripsi

Most WordPress layouts break the moment you add real content. A long headline, an oversized photo, a long link — it looks fine in the preview, then your real text pushes things out of place: overflow, overlap, a sideways scrollbar.

GENE Complete Site doesn’t break. Every section is built to flex with its content, so long text, tall or wide images, and long links never overflow, overlap, or scroll sideways — on phone, tablet or desktop.

We tried to break it on purpose. On a generated page we dropped in the worst content we could think of — a 140-character headline with an 80-letter unbroken word, a 240-character pasted URL with no spaces, a full-sentence button label, a 600×2400 tower and a 3000×500 strip of a photo, lopsided cards, and a giant navigation link — then checked it at phone, tablet and desktop widths. Zero overflow, no overlap, no sideways scroll.

And it builds that resilient site in minutes. Pick a color, press Create, and a whole website appears — Home, About, Services and Contact — sharing one header, footer and navigation, all on native WordPress core blocks you already know how to edit. Not a blank template to fill in, not a pattern library to dig through: a finished, coherent site you can publish as-is and then make your own.

Why it doesn’t break

  • Heights are never hard-coded — boxes grow with their content.
  • Rows stack on small screens automatically.
  • Text wraps, and even long unbroken URLs stay on screen.
  • Images sit in a fixed frame — any aspect ratio is cropped to fit, never pushed wider.
  • No section ever causes a horizontal scrollbar.

What you get — free

  • A resilient complete website, in minutes — four linked pages (Home / About / Services / Contact) with a shared header, footer and menu, generated together.
  • The clean “White” design + 7 color palettes — a calm, modern, WordPress-native look that’s finished out of the box; the accent (Blue, Emerald, Violet, Rose, Amber, Teal or Charcoal) flows through links, buttons and highlights across the whole site.
  • Set up automatically (optional) — publish the pages, make Home your front page, and build a navigation menu in one step. Or keep everything as private drafts to review first.
  • Visual preview — see each page in your chosen color before you create it.

Built on core blocks — no lock-in

Every page is standard WordPress markup (group, columns, heading, paragraph, image, buttons). That means full editability, compatibility with any block-aware theme, and content that stays intact if you ever deactivate the plugin — you only lose the design styling. No page builder, no frameworks, no bloat.

Want more designs and features?

A separate companion product, GENE Complete Site Pro, adds two more designs (Cinematic and Warm), built-in SEO, a working contact form, client-delivery locking (lock the structure so clients can only edit text and images) and block export / import. Pro is a standalone product available at https://gene-wp.com/ — it is not an upgrade that unlocks this plugin; everything in GENE Complete Site stays free.

Resources

GENE Complete Site WordPress Plugin, (C) 2026 One Craft
GENE Complete Site is distributed under the terms of the GNU GPL v2 or later.

Bundled font: Inter (SIL Open Font License 1.1) — see assets/fonts/Inter-OFL.txt.

Tangkapan Layar

Instalasi

  1. In your WordPress admin, go to Plugins > Add New > Upload Plugin.
  2. Upload the gene-section-builder.zip file and click Install Now.
  3. Activate the plugin.
  4. Open GENE Complete Site > Complete Site in the admin menu, pick a color, preview, and click Create.

Tanya Jawab

What does “layouts that don’t break” mean?

The generated sections don’t assume a fixed size. Heights grow with content, rows stack on small screens, text and long links wrap, and images are held in a fixed frame. So when you replace the placeholder copy and photos with your own — even long headlines, big or oddly-shaped images, or long URLs — nothing overflows, overlaps or creates a sideways scrollbar, on any screen size.

Does this require a specific theme?

No. GENE Complete Site works with any block-aware WordPress theme. (Classic navigation menus appear in classic-style themes; on block/full-site-editing themes the front-page setting still applies but the menu may need to be placed in the site editor.)

Can I edit the generated pages?

Yes. The pages are regular WordPress core blocks. You can edit every part — text, images, colors, spacing — with the normal editor.

What happens if I deactivate the plugin?

Your pages stay. They are native core blocks created at generation time, so they keep working. You only lose the design CSS polish.

Is this a page builder?

No. It generates standard WordPress pages on core blocks — there is no proprietary builder and nothing to lock you in.

Is there a paid version?

GENE Complete Site is free. Two more designs (Cinematic and Warm), SEO, a contact form, client-delivery locking and block export/import are part of a separate product, GENE Complete Site Pro (https://gene-wp.com/). It is a standalone product, not an unlock of this plugin; everything described above stays free.

Ulasan

Belum ada ulasan untuk plugin ini.

Kontributor & Pengembang

“GENE Complete Site – Layouts that don't break” adalah perangkat lunak open source. Berikut ini mereka yang sudah berkontribusi pada plugin ini.

Kontributor

Log Perubahan

3.3.1

  • Fix: “Latest posts” cards no longer collapse into a narrow column on the home page — each card fills the grid and shows its featured image.
  • Fix: an admin information link displayed a literal “&” instead of “&”.
  • Improved: content-resilient layout polish and refreshed wording throughout (long text, any-ratio images and long links stay contained on phone, tablet and desktop).

3.3.0

  • New: content-resilient layouts — every section flexes to its content, so long text, any-ratio images and long links never overflow, overlap or scroll sideways, on phone, tablet or desktop.
  • New: Complete Site generation — build a whole multi-page website (Home, About, Services, Contact) with a shared header, footer and navigation, in minutes, on native core blocks. Optionally publish the pages, set the front page and create a navigation menu automatically.
  • New: the clean White design — a calm, WordPress-native look with generous whitespace and a restrained accent color.
  • New: a latest articles section on the home page that automatically lists your most recent posts.
  • New: choose at generation time whether to use your theme’s own header and footer, or the matching header and footer the generator builds.
  • Improved: header, footer and in-page links now work (page navigation, email and phone).
  • Improved: small-screen polish — long footer emails and links wrap instead of overflowing.
  • Changed: the plugin is now a complete-site generator. The previous in-editor Section Builder block has been retired in favor of whole-site generation. (The premium Cinematic and Warm designs, SEO, a contact form and client-delivery locking are part of GENE Complete Site Pro.)
  • Note: pages generated with earlier versions are native core blocks and keep rendering.

3.2.0

  • Generate a complete, professionally designed Home page in minutes, with built-in motion and four industry designs. (Superseded by the 3.3.0 Complete Site generator.)

3.1.1

  • Fix: removed thin gaps between adjacent full-width sections; prevented a small horizontal scrollbar on some themes.

3.1.0

  • Rebuilt around distinct industry designs with a visual preview and Japanese admin/editor UI.

3.0.0

  • Industry-based picker.

2.0.0

  • Redesigned around color palettes (color-agnostic templates via CSS variables).

1.0.0

  • Initial release with Section Builder block.