·¬ÇÑÉçÇø

Configuring an Apple News stylesheet


Brightspot gives you the option to import an existing article.json file to configure how your articles display in Apple News; however, you may opt to make additional changes beyond what is stipulated in this article.json file, or you may not have a file like this in the first place. In these cases, you can configure Apple News stylesheets manually in Brightspot. For more information on Apple News and JSON files, see .

  1. Click menu > Admin > Apple News > Stylesheets.
  2. In the Create widget, click Create New Stylesheet. A content edit page appears.
  3. In the Internal Name field, enter a name for the stylesheet. This name is used in certain widgets and in internal search.
  4. In the Layout field, enter the following values, which Apple News applies to articles styled with this stylesheet:
    1. Columns—Number of columns.
    2. Width—Width of page.
    3. Gutter—Number of pixels making up the gutter.
    4. Margin—Number of pixels making up the margin on the page.
  5. In the Layout Ordering field, determine the order of the fields that will render on the Apple News front end. For more information, see .
  6. In the Component Styles field, click add_circle_outline to add components that are governed by the styles configured in the stylesheet. For more information, see Configuring an Apple News stylesheet component style.

    Apple News configuring a stylesheet manually.png Apple News configuring a stylesheet manually.png

  7. Click Save.
Note
You may optionally click the Advanced tab at the top of the content edit page to do the following:
  • Select a style for the description heading. This value defaults to H3.
  • Set a transparent toolbar hat that is overlaid the top of the Apple News article.

Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.

•
•
•
Brightspot is packaged with content types that get you up and running in a matter of days, including assets, modules and landing pages.

• Content types
• Modules
• Landing pages
Everything you need to know when creating, managing, and administering content within Brightspot CMS.

• Dashboards
• Publishing
• Workflows
• Admin configurations
A guide for installing, supporting, extending, modifying and administering code on the Brightspot platform.

• Field types
• Content modeling
• Rich-text elements
• Images
A guide to configuring Brightspot's library of integrations, including pre-built options and developer-configured extensions.

• Google Analytics
• Shopify
• Apple News