# SCDev Composer
A frontend post creation and management plugin for WordPress. Users create, edit, and manage their own posts directly from the frontend — no wp-admin access required.
## Why Composer Exists
WordPress’s Gutenberg block editor is powerful inside the admin, but it was never designed for frontend use. There is no clean, supported way to give regular users a Gutenberg editor on the frontend — especially not per-user, where each person manages only their own content. Attempts to load Gutenberg on the frontend are fragile, bloated, and break on WordPress updates.
Composer solves this properly. It uses a fully-featured TinyMCE editor on the frontend, giving users a rich, familiar writing experience without exposing the WordPress admin. Every user sees only their own posts. Admins see everything.
## Features
### Frontend Post Creation
– Users create and publish posts from any page — no wp-admin
– Rich TinyMCE editor with full formatting toolbar
– Draft / Publish status control
– Featured image picker via WordPress media library
– Category selection per post type
– Edit and delete own posts from the frontend dashboard
– Preview before publishing
### Content Types
– **Custom Posts** (`scdev_regular`) — General purpose content with category support
– **Blog Posts** (`scdev_blog`) — Traditional blog with featured images, author meta, and category links
### TinyMCE Editor — Toolbar Features
**Formatting**
– Font family selector
– Font size selector (8px–72px)
– Line height control
– Text color and background color
– Bold, italic, underline, strikethrough
– Ordered and unordered lists
– Blockquote
– Alignment (left, center, right, justify)
– Link / unlink
– Horizontal rule
– Remove formatting
**Layout Blocks**
– **1 Column** — Single centered column with drag-to-resize handles
– **2 Columns** — Two equal columns side by side, individually resizable
– **3 Columns** — One wide column + two stacked narrow columns
– **Column Background** — Background color picker with opacity slider per column
– **Page Break** — Section divider for long-form content
– **Button** — Inline CTA button insertion
**Media & Embeds**
– WordPress media library image insertion
– Media embed (video, audio)
– Add Media button above editor
**Emoji & Symbols**
– Emoji picker button in toolbar — opens a grid of emojis and symbols
– Includes: arrows, shapes, checkmarks, hands, pointing fingers, green tick ✅, fire 🔥, star ⭐, hearts, faces, and more
– Click any emoji to insert at cursor position
**Animated Text**
– Text FX button for scroll-triggered text animations
– Configurable animation styles
## Layout Blocks — Detail
All column blocks are inserted as resizable HTML structures directly in the editor.
| Block | Description |
|—|—|
| 1 Col | Single column, centered, drag-to-resize width and height |
| 2 Cols | Two equal columns, each independently resizable |
| 3 Cols | Wide left column + two stacked right columns |
| Col BG | Background color + opacity picker for any column |
| Button | Styled inline CTA button |
| Page Break | Horizontal divider between content sections |
**Column features:**
– Drag handles on all edges for width and height
– Minimal 2px gaps between columns
– 10px padding inside each column
– Backspace-protected — won’t accidentally delete on keypress
– Responsive — stacks vertically on mobile
– Day/night mode adaptive
## Post Meta Display
Each post type shows configurable meta on the single post view:
– Author avatar and name (clickable — filters to that user’s posts)
– Relative time (“10 mins ago”)
– Category badges
– Reactions (if SCDev Reactions is active)
– Star ratings (optional)
– Share button (optional)
– View count (optional)
All meta display options are individually toggled per post type in admin settings.