Getting Started for Content Editors
Your complete guide to creating and managing content on YMCA websites.
Welcome to YMCA Website Services! This guide will help you get started creating beautiful, engaging content for your YMCA website.
What You’ll Learn
By the end of this guide, you’ll be able to:
- β
Log in and navigate the admin interface
- β
Create your first landing page with Layout Builder
- β
Add and configure blocks from the Block Library
- β
Upload and manage images and media
- β
Publish and preview your content
Estimated time: 15-20 minutes
Step 1: Log In and Find Your Way Around
Accessing the Admin
- Navigate to your YMCA website and add
/user/login
to the end of the URL- Example:
https://yourymca.org/user/login
- Enter your username and password
- Click Log in
Once logged in, you’ll see a black toolbar at the top of the page. This is your admin toolbar with quick access to:
- Content - Create and manage all your pages and posts
- Structure - Configure menus, blocks, and site structure
- Appearance - Theme and visual settings
- Extend - Add new features and modules

Step 2: Explore the Block Library π§±
The Block Library is your toolkit for building pages. Before creating your first page, take 5 minutes to browse what’s available.
Most Popular Blocks for Beginners
- Banner - Full-width hero images with headlines and CTAs
- Cards - Flexible card grid layouts (2-4 columns)
- Accordion - Expandable Q&A sections
- Article Views - Automatically display recent blog posts
- Testimonials - Member quote carousels
β Browse the Full Block Library (30+ blocks organized by category)
Step 3: Create Your First Landing Page
Let’s build a simple landing page using Layout Builder!
Create the Page
- Click Content in the admin toolbar
- Click the blue Add content button
- Select Landing Page (Layout Builder)
- Fill in the required fields:
- Title: “Welcome to [Your YMCA Name]”
- Leave other fields as defaults for now
- Click Save and edit layout
You’re now in Layout Builder! This is where the magic happens.
Understanding Sections and Blocks
- Sections = Rows that structure your page (like shelves)
- Blocks = Content components that fill sections (like items on shelves)
Add Your First Section
- Click Add section at the top
- Choose One column layout
- Click Add section
Add a Banner Block
- In your new section, click Add block
- Click Create custom block
- Select Banner
- Fill in:
- Title: “Welcome to Our YMCA”
- Description: “Building healthy communities since [year]”
- Image: Click Select Image and upload a photo
- Link URL:
/join
(or your membership page) - Link text: “Join Today”
- Click Add block
Save and Publish
- Click Save layout at the top
- Click the Edit tab
- Check the Published checkbox
- Click Save
π Congratulations! You’ve created your first page. Click View to see it live.
Step 4: Add More Content
Now let’s add variety to your page.
Add a Cards Block
- Click the Layout tab
- Click Add section below your banner
- Choose One column layout
- Click Add block β Create custom block β Cards
- Set # of columns to 3
- Add 3 card items with:
- Heading: Program names (e.g., “Youth Sports”)
- Description: Brief summary
- Link: Link to program page
- Click Add block
Add an Accordion (FAQ Section)
- Add another section
- Add an Accordion block
- Add 3-4 accordion items with common questions:
- “What are your hours?”
- “How do I join?”
- “Do you offer financial assistance?”
- Fill in the answers
- Save the block
Preview and Publish
- Click Save layout
- View your page to see how it looks
- Make adjustments as needed
Upload an Image
- When adding a block with an image field
- Click Select Image
- Click Upload tab
- Drag and drop your image or click Choose File
- Fill in:
- Alternative text: Describe the image for accessibility
- Name: Descriptive file name
- Click Save
Image Best Practices
- File size: Keep under 500KB (use tools like TinyPNG to compress)
- Dimensions: 1920x1080 for banners, 800x600 for cards
- Alt text: Always describe the image for screen readers
- File names: Use descriptive names like
youth-soccer-team.jpg
β Learn more about media management
Next Steps
Now that you’ve mastered the basics, explore these topics:
Continue Learning
Block Library
Explore all 30+ blocks and learn when to use each one.
Browse BlocksContent Types
Learn about Articles, Events, Branches, and more.
View TypesText Editor
Format text, add links, embed videos, and build tables.
Learn EditingAdvanced Topics
Quick Reference
Common Tasks
Task | Steps |
---|
Create a page | Content β Add content β Landing Page (Layout Builder) |
Edit a page | Navigate to page β Click Edit tab |
Add a block | Layout tab β Add section β Add block β Create custom block |
Upload image | Select Image β Upload tab β Drag file β Save |
Publish | Edit tab β Check “Published” β Save |
Keyboard Shortcuts
- Ctrl+S (Cmd+S on Mac) - Save content
- Ctrl+Shift+S - Save and continue editing
- Ctrl+F - Search page
Need Help?
Troubleshooting
- Blocks not appearing?
Troubleshoot Layout Builder Issues
- Images not uploading? Check file size and format (JPG, PNG, WebP under 500KB)
- Page not saving? Try clearing your browser cache (Ctrl+Shift+R)
Get Support
Additional Resources
Ready to build amazing content? Start with the
Block Library and explore what’s possible! π
Build beautiful, flexible pages with Layout Builder’s drag-and-drop interface.
Some fields in YMCA Website Services allow you to format your text with a WYSIWYG (What Your See Is What You Get) editor.
YMCA Website Services features many different kinds of pages, or content types. Choosing the right content type will ensure your collect the right information and allow you the flexibility to create layouts.
Blocks allow content editors to reuse sections of content across multiple pages.
Group pieces of related content together for tagging, filtering, sorting and grouping.
The media library stores images and files, allowing you to have custom cropping, focal pointing, folders and image styles.
Beyond just a basic contact form, Drupalβs robust webforms features allow you to build interactive webforms with logic-based questions, built-in animation fields and a submissions manager.
Virtual YMCA allows members and other authorized users to enjoy exclusive content for their local Y.
β οΈ DEPRECATED: Paragraphs are legacy components. New sites should use Layout Builder. See migration guide below.
The distribution comes with demo content to help kick-start your site building.
Guide prospective members through the join process.
The distribution provides two separate applications for managing schedules at your YMCA.