Skip to main content

Content Management

Learn how to create and manage content in FlatWP using WordPress as your CMS.

Overview​

FlatWP uses WordPress as a headless CMS, giving you:

  • Familiar WordPress editing experience
  • Powerful content management features
  • Type-safe content consumption in Next.js
  • Automatic content synchronization

Content Types​

Posts​

Blog posts and articles with publishing workflow.

Features:

  • Categories and tags
  • Author attribution
  • Featured images
  • Publish/draft status
  • Scheduled publishing

Learn more: Working with Posts

Pages​

Static pages for your site structure.

Features:

  • Hierarchical structure
  • Custom templates
  • Flexible content layouts (with ACF)
  • SEO metadata

Learn more: Creating Pages

Custom Post Types​

Extended content types for specific needs.

Examples:

  • Products
  • Events
  • Portfolio items
  • Team members

Learn more: Custom Post Types

Creating Content​

Basic Workflow​

  1. Create content in WordPress
  2. Publish or save as draft
  3. View on Next.js site (automatic revalidation)

Content Editor​

WordPress provides rich editing experience:

Block Editor (Gutenberg):

  • Visual content creation
  • Reusable blocks
  • Media embeds
  • Custom blocks

Classic Editor:

  • Traditional WYSIWYG editor
  • Shortcodes support
  • HTML editing

Media Management​

Images​

Optimized image handling with WordPress media library.

Best Practices:

  • Upload high-quality images
  • Add alt text for accessibility
  • Use descriptive file names
  • Compress before uploading

Features:

  • Automatic WebP conversion
  • Responsive images
  • Lazy loading
  • Blur placeholders

Learn more: Image Optimization

Other Media​

  • PDFs and documents
  • Video embeds
  • Audio files
  • SVG graphics

SEO & Metadata​

Built-in SEO​

  • Page titles and descriptions
  • Open Graph tags
  • Twitter Card metadata
  • Canonical URLs

SEO Plugins​

Enhance with Yoast SEO or Rank Math:

  • Advanced meta controls
  • Schema.org structured data
  • Social media previews
  • XML sitemaps

Learn more: SEO Configuration

Content Organization​

Categories​

Organize posts into topics:

Technology
├── Web Development
├── Mobile Apps
└── AI & ML

Business
├── Marketing
└── Sales

Tags​

Add descriptive keywords:

  • nextjs
  • react
  • wordpress
  • tutorial

Hierarchical Pages​

Create page structure:

Home
├── About
│   ├── Team
│   └── History
├── Services
│   ├── Web Development
│   └── Consulting
└── Contact

Content Workflow​

Draft → Review → Publish​

  1. Draft: Create and edit privately
  2. Pending Review: Submit for approval
  3. Publish: Make live on site

Scheduled Publishing​

Schedule content for future publication:

  1. Click Publish dropdown
  2. Select Schedule
  3. Choose date and time
  4. Click Schedule

Revisions​

WordPress automatically saves revisions:

  • View revision history
  • Compare changes
  • Restore previous versions

Preview Before Publishing​

Preview content before publishing:

WordPress Preview​

  1. Click Preview button in WordPress
  2. Select preview type:
    • Preview in new tab: Draft preview
    • Preview: Current window

FlatWP Preview Mode​

Preview exactly as it appears on Next.js site:

  1. Enable preview mode (see Preview Mode Setup)
  2. Click custom preview button
  3. View on production-like environment

Content Synchronization​

Automatic Revalidation​

Content updates automatically when you:

  • Publish a post
  • Update a page
  • Change categories/tags
  • Update featured images

How It Works​

  1. WordPress saves content
  2. FlatWP plugin sends webhook
  3. Next.js revalidates affected pages
  4. Visitors see updated content

Manual Refresh​

Force refresh if needed:

  1. Go to Settings → FlatWP in WordPress
  2. Click Revalidate All
  3. Wait for completion

Content Best Practices​

Writing for Web​

  1. Clear headings: Use H2, H3 hierarchy
  2. Short paragraphs: 2-3 sentences max
  3. Scannable content: Use lists and bullets
  4. Visual breaks: Add images and spacing

SEO Optimization​

  1. Keyword research: Target relevant terms
  2. Meta descriptions: Write compelling summaries
  3. Internal linking: Link related content
  4. Image alt text: Describe images accurately

Performance​

  1. Optimize images: Compress before upload
  2. Minimize plugins: Only use necessary plugins
  3. Clean HTML: Avoid excessive formatting
  4. External embeds: Use sparingly

Accessibility​

  1. Alt text: All images need descriptions
  2. Headings: Proper hierarchy (H1, H2, H3)
  3. Link text: Descriptive, not "click here"
  4. Color contrast: Readable text colors

Content Migration​

From Another WordPress​

  1. Export content: Tools → Export
  2. Import to new WordPress: Tools → Import
  3. Upload export file
  4. Run import
  5. Verify content

From Other CMS​

Use WordPress importers:

  • Blogger: Available in WordPress
  • Medium: Third-party plugins
  • Ghost: JSON import
  • Static sites: Manual or scripted

Bulk Operations​

Bulk Edit​

Select multiple posts/pages:

  1. Check items to edit
  2. Click Bulk Actions dropdown
  3. Select action (Edit, Trash, etc.)
  4. Click Apply

Quick Edit​

Edit single item fields quickly:

  1. Hover over post/page
  2. Click Quick Edit
  3. Modify fields
  4. Click Update

Content Types Reference​

TypeUse CaseFeatures
PostsBlog, news, updatesDate-based, categories, tags
PagesStatic contentHierarchy, templates
MediaImages, filesLibrary, attachments
CustomSpecific needsDefined by you

Next Steps​

Explore specific content types:

  1. Working with Posts - Blog posts and articles
  2. Creating Pages - Static pages
  3. Custom Post Types - Extended content
  4. Image Optimization - Media best practices
  5. SEO Configuration - Search optimization

See Also​