This is the multi-page printable view of this section. Click here to print.

Return to the regular view of this page.

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.