How to set up a site with the Small Y template

The Small Y template is a set of modules and themes tailored to the needs of Small YMCAs.

What is the Small Y template?

The Small Y template is a set of modules and themes tailored to the needs of Small YMCAs. It is designed to be a lightweight, easy-to-use solution for small organizations that need a simple, effective website.

A full working sandbox of the Small Y template is available at https://small-y-stable.y.org/demo-ui-kit.

What’s different?

New, simplified theme

The Small Y template includes updates to the Layout Builder design system provided by VML in collaboration with the YMCA of the USA. View a mockup of the new theme (Figma).

Only the most essential modules

The Small Y template is built with a small set of modules that are essential for a basic YMCA website. This makes it easier to set up and maintain, and reduces the weight of the site.

Modules and features included with the Small Y template include:

Any other modules or features of the distribution can be added as needed via the Drupal admin interface.

Additions to the main distribution

The Small Y Template provided a number of features back to the main distribution for all YMCA Website Services users to benefit from. These include:

  • Partners/Sponsors block now allow for partners to be split into multiple tiers.
  • Simple Text/Table block now applies responsive table styles more consistently.
  • An additional Utility Menu has been added to the Header to allow content editors to add additional links in the top right of the header.
  • Events Listings and Articles Listings have been updated to include a Number of items field to limit the number of items displayed.
  • Alerts have a new set of styles that follow the colorway color scheme.

Small Y Specific Features

The Small Y template includes a few additional features that are not included in the main distribution. These are intended to simplify the setup process for small organizations and add guardrails to keep content consistent.

  • Limits have been added to the number of items for the main menu and many components.
  • Breadcrumbs are now automatically added to all pages.
  • Additional variants have been added to the Banner block. Each banner can be used with the colorway color or grey background.
    • Tall - for use as the primary hero banner on a page.
    • Sub-page chevron - for use as a secondary banner on a page.
    • Sub-page chevron (no media) - for use as a secondary banner on a page with no media.
    • Sub-page frame - for use as a secondary banner on a page with dark text on a white background.
    • Promo - for use as a smaller banner on a page with a call to action and no media.
      A screenshot of the banner variants listed above.
  • Ping-pong blocks can be added in sections using the Ping-pong Section content block. This allows for alternating content blocks to be added to a page with section-level formatting, instead of block-by-block formatting.
    • When adding a Ping-pong Section, you can choose from two sets of options for the blocks contained within in Styles > Y Styles.
      • Image Alignment - Choose whether the image starts on the left or right.
      • Background colors - Choose between a colorway, white, or grey background for items in the section.
        The Y Style options for ping-pong blocks.
  • Statistics blocks have been redesigned and have the option to be displayed with a grey or colorway background.
  • Grid CTA blocks have their CTA buttons moved between the subheading and the items. Icon Grid blocks have the CTA below the items.

Install the Small Y template

The Small Y template can be installed via the YMCA Website Services Installation wizard or the command line.

  • Installation Wizard: The YMCA Website Services Installation wizard is a web-based tool that guides you through the process of setting up a new YMCA website. It includes a step-by-step process for configuring the site.
    • When asked to choose the Installation Type, choose “Small Y” and proceed with the installation steps.
  • Command line
    • drush -vy si openy openy_configure_profile.preset=small_y openy_theme_select.theme=openy_carnation openy_terms_of_use.agree_openy_terms=1 install_configure_form.enable_update_status_emails=NULL --account-name=admin --site-name='YMCA Website Services'

Build your site

Once you’ve installed a site with the Small Y template, you can start building your site by adding content and configuring the layout. See How to set up a Layout Builder site.

Last modified December 16, 2024: docs: Add lots more small y stuff (5840698b5)