KB HTML Site Importer & Visual Editor

Descrición

KB HTML Site Importer & Visual Editor helps WordPress administrators import AI-generated or static HTML websites from ZIP files and publish them as WordPress Pages or Posts.

Upload a ZIP containing index.html or index.htm, keep the original folder structure, preview the result at desktop, tablet and mobile sizes, edit source files, and make quick visual changes from WordPress.

Key features

• Import complete static HTML/CSS/JavaScript websites from ZIP files.
• Publish imported websites as WordPress Pages or Posts.
• Preserve the original folder and asset structure.
• Edit HTML, CSS, JavaScript, JSON, XML, text and SVG source files.
• Quick Visual Edit for text, link URLs, button destinations, colors, images and image alt text.
• Full-screen visual editing mode for distraction-free changes.
• Responsive desktop, tablet and mobile previews.
• Register imported raster images in the WordPress Media Library.
• Replace individual image assets while keeping existing file references.
• Replace a complete website ZIP while keeping the existing WordPress URL.
• Download the currently managed website as a ZIP.
• Create backups when individual managed files are edited or replaced.
• Blocks server-side executable files and server configuration files inside imported ZIP files.

Security and permissions

Importing and editing features are restricted to users with both manage_options and unfiltered_html, which limits raw script editing to appropriately trusted administrators. State-changing requests use WordPress nonces, uploaded ZIP paths are validated before extraction, and unsafe archive paths, server-side executable files, and server configuration files are rejected.

KB HTML Site Importer & Visual Editor does not make automatic requests to external services. The plugin dashboard contains optional links to Key2blogging support and YouTube resources; those sites are only opened when an administrator clicks the links.

Multi-page imports

Each HTML/HTM file becomes a WordPress page. Nested paths use hyphenated slugs. WordPress adds a suffix if an unrelated page already owns a slug. Select a non-Plain permalink structure for clean URLs.

For existing imports, use Sync HTML Pages. Matching source paths retain their page IDs. Sources removed during ZIP replacement become drafts. Navigation links are rewritten at render time; arbitrary JavaScript navigation and form endpoints are not converted.

Visual editor

A compact, single-row toolbar sits above the website preview. Responsive controls are available from the Preview dropdown. Undo, Redo and Revert original are available there. The settings panel floats over the preview and remembers its position and size. Toggle the sidebar with the settings icon, or close it with its close button or Escape. Clicking a page element opens its settings. Inspector sections behave as an accordion.

The initial preview is Desktop at 1920 × 1080. Choose Desktop, Tablet or Mobile, select a preset, or enter a custom width and height. Rotate swaps dimensions. Fit preview scales the display while preserving the selected CSS viewport dimensions. Device presets simulate viewport size, not device hardware or browser behavior.

Select text, headings, buttons, images or containers. Use text formatting, button links and hover colors, image controls, and Layout & box model controls. Clear a layout field to remove its inline override. The element breadcrumb selects ancestors.

Click supported text in the preview to edit it directly; the caret is placed in the selected text. Text edits save automatically after a short pause without refreshing the preview. Text size changes apply to the site text, not the editor field. Undo remains available from the toolbar. Administrators also see the WordPress admin bar and a floating Visual Edit button on imported live pages. Replacement image uploads remain a separate operation. Use the live-page arrow to open the published page in a new tab; the × exits the editor.

The Element CSS section edits inline declarations for the selected element. It also displays accessible matching stylesheet rules for reference. Saved declarations apply at all viewport sizes; this control does not rewrite shared stylesheets or create media queries. Unsupported or unsafe declarations are rejected.

Revert original restores the selected source file’s baseline captured before visual changes. Saved visual revisions use HTML backup files rather than copies of page content in the database. The code editor also includes a Wrap code option.