RP Page Importer - WordPress Plugin

A WordPress plugin for importing and exporting feature pages from ZIP files. Perfect for working with Z.ai to create and modify custom page designs.

Features

• Import Pages: Upload ZIP files with HTML, CSS, and images
• Export Pages: Export any WordPress page to a ZIP file for Z.ai development
• Drag & Drop Upload: Simply drag and drop your ZIP file to import
• Automatic Image Import: All images are imported to the WordPress Media Library
• CSS Integration: Choose to add CSS inline, to theme's Additional CSS, or both
• Template Support: Works with Elementor Canvas, Blank templates, and theme templates
• Z.ai Context: Export includes context file for seamless AI development
• Import/Export History: Track all your imported and exported pages
• Config File Support: Include a config.json for automatic page settings

Installation

1. Download the rp-page-importer.zip file
2. Go to WordPress Admin > Plugins > Add New
3. Click Upload Plugin and select the ZIP file
4. Click Install Now and then Activate

Usage - Import

1. Go to WordPress Admin > Page Importer

2. Drag and drop or click to select your ZIP file

3. Configure import options:

   • Page Title: The title for your new page
   • Page Slug: The URL slug (e.g., services for /services/)
   • Page Template: Choose from available templates
   • CSS Location: Where to add your CSS styles
   • Status: Publish, Draft, or Private
   • Parent Page: Set a parent page if needed
   • Replace Existing: Update existing page with same slug

4. Click Import Page

Usage - Export

1. Go to WordPress Admin > Page Importer > Export tab
2. Select a page to export from the dropdown
3. Configure export options:
   • Include images: Download images from Media Library
   • Extract CSS: Separate inline CSS to style.css
   • Include Z.ai context: Add context file for AI development
4. Add development notes (what changes you want Z.ai to make)
5. Click Preview Export to see the content, or Export ZIP to download

Export ZIP Contents

The exported ZIP includes:

• index.html - Page HTML content
• style.css - Extracted CSS styles (if option selected)
• config.json - Page settings and metadata
• zai-context.md - Context file for Z.ai development
• images/ - Images from the page (if option selected)

Z.ai Context File

The context file (zai-context.md) includes:

• Page information (title, slug, URL, template)
• WordPress environment details
• List of images used
• Your development notes
• Instructions for Z.ai on how to modify the page

ZIP File Structure for Import

Your ZIP file can have one of the following structures:

Simple Structure

your-page.zip
├── index.html       (or page.html) - Required
├── style.css        (or styles.css) - Optional
├── config.json      - Optional
└── images/          - Optional
    ├── image1.jpg
    ├── image2.png
    └── ...

Package Structure

your-page.zip
└── package-folder/
    ├── index.html
    ├── style.css
    ├── config.json
    └── images/
        └── ...

Config File (config.json)

Include a config.json file to pre-configure page settings:

{
    "title": "Our Services",
    "slug": "services",
    "template": "elementor_canvas",
    "description": "Page description",
    "meta": {
        "_yoast_wpseo_title": "SEO Title",
        "_yoast_wpseo_metadesc": "Meta description"
    }
}

Available Config Options

CSS Location Options

1. Inline: CSS is added directly in the page content wrapped in `