Friday, September 4, 2026

Embeddable Banner Section & Content Calendar

Restructured the banner slider as an embeddable section with per-slide activation, fixed the Save button, added fixed-navbar spacing, and built a full social-media Content Calendar system (v1 + Notion/Buffer-style v2).

Frontend Backend Content

Banner Files Reworked

Calendar Versions Built

Media Ratios Supported

Task Summary

Banner_Slider.php outputs only an embeddable <section> (no document shell) with fixed-navbar padding
Added per-slide ACTIVE/INACTIVE toggle + recommended sizes (1600×783 web, 800×1200 mobile)
Fixed Save button broken by nested <form> — replaced with AJAX toggleSlide()
Content Calendar v1: full CRUD with posts, platform links, ratio-tagged media, month view & day detail
Content Calendar v2: Notion/Buffer-style redesign sharing the same DB tables

Technical Details

Banner System

HTML forbids nested forms — the browser auto-closes the outer form at a nested open, breaking Save. Converted the toggle to a JS fetch POST. Deactivated slides auto-hide because renderers filter status=1.

Banner_Slider.php + landing page include (client brand site)
homepage-banner-dashboard.php + banner-dashboard.php + _slide_block.php (client dashboard site)

Content Calendar Schema

Tables auto-create with Content_Calendar_ prefix: Posts, Post_Links (per platform URL), Media (ratio 4:5/1:1/9:16/16:9/3:4/Other + platform tag). ?date= prefill; day.php groups media by ratio.

AI-Assisted Tools

Claude Pro