Display Code Block
A practical guide to the LunaSites Display Code block: display code with syntax highlighting and copy, configure its real settings, style supported areas, and verify responsive and accessible behavior.
Find clear answers, practical guides, and everything you need to build with LunaSites.
Explore every LunaSites block, from essential layout tools to interactive and data-driven components.
A practical guide to the LunaSites Display Code block: display code with syntax highlighting and copy, configure its real settings, style supported areas, and verify responsive and accessible behavior.
A practical guide to the LunaSites Gradient Glow block: soft blurred gradient aura for decorative section depth, configure its real settings, style supported areas, and verify responsive and accessible behavior.
A practical guide to the LunaSites Social Media block: share buttons or profile links with social icons, configure its real settings, style supported areas, and verify responsive and accessible behavior.
A practical guide to the LunaSites Restaurant Menu block: editorial food and drinks menu with sections and prices, configure its real settings, style supported areas, and verify responsive and accessible behavior.
Learn the LunaSites dashboard: create sites, work with templates, understand analytics and forms, and manage settings, domains, redirects, and billing.
Learn how the LunaSites dashboard organizes your sites, shortcuts, activity, and site-level management tools.
Create a LunaSites project from a blank starting point or a template, then open it in the editor.
Connect an SMTP provider so form notifications and confirmation messages can be delivered from your own email service.
Connect ChatGPT, Codex, Claude, and other AI clients securely to Luna Sites with OAuth MCP, then manage sites, content, analytics, responses, and publishing.
Create a coherent visual system with themes, color roles, fonts, reusable presets, the Style Panel, section composition, layers, and responsive layouts.
Build a global LunaSites footer with clear information architecture, standard blocks, responsive columns, accessible controls, and complete-site publishing.
Design and manage the global LunaSites navbar through page-driven navigation, submenu modes, responsive areas, branding, actions, and accessible interactions.
Use the Default and On Hover tabs to refine responsive spacing, typography, backgrounds, borders, effects, transforms, and transitions.
Create and manage reusable block presets, understand the Default Theme baseline, and keep local exceptions intentional.
Publish a complete LunaSites project when a release spans multiple pages, navigation, the theme, reusable design rules, or other global site settings.
Turn a desktop composition into a strong tablet and mobile experience with responsive positions, spacing, content order, and real-view verification.
Choose font families and build a readable type scale for headings, paragraphs, and reusable text styles in LunaSites.
Understand LunaSites Private and Published states, how drafts appear in the editor, and what changes when content is released or retracted.