{"id":17,"date":"2022-01-27T11:07:58","date_gmt":"2022-01-27T16:07:58","guid":{"rendered":"https:\/\/wpdocs.bu.edu\/bu-stories\/?page_id=17"},"modified":"2022-09-06T16:00:16","modified_gmt":"2022-09-06T20:00:16","slug":"pages","status":"publish","type":"page","link":"https:\/\/wpdocs.bu.edu\/bu-stories\/blocks\/pages\/","title":{"rendered":"Pages"},"content":{"rendered":"

The pages block are the individual pages within a BU Story. They are parent blocks and can contain additional blocks within them: headings, copy, image, spacer, and buttons. Essentially, the page block is the container for everything within the individual page, but it also comes with unique controls of its own for you to further customize its design and experience.<\/p>\n

Page URL<\/h2>

\nYou have the option to link pages to a website URL. This will make a button appear on the bottom of the page prompting the user to learn more (or whatever short, concise call to action you choose). This is helpful if you want to encourage the user to take a specific action (like applying to BU), or to provide additional reading material for an interested user.<\/p>\n

\"\"
Optional. Enter a URL to link the page to. When the page is clicked, the user will be taken to the URL provided.<\/figcaption><\/figure><\/p>\n

\"\"
When a Page URL is added, a button will appear at the bottom of the page with the Call to Action you selected. When clicked, it will take the user to the URL.<\/figcaption><\/figure><\/p>\n

<\/div>\n<\/div>\n\n

\n

Page Audio<\/h2>
<\/p>\n

\"\"
Select background audio for this page. The file should be an .mp3 and should be short and compressed to a small file size.<\/figcaption><\/figure><\/p>\n

<\/div>\n<\/div>\n\n

\n

Page Background<\/h2>
<\/p>\n

Background Image<\/h3>\n

\"\"
Select a background image for the page. You can choose an image from your Media Library or upload a new one. To remove an image once it’s selected, simply click the ‘Remove image’ link beneath it in the inspector. If you wish to select a different image, click on the image and you will be able to select or upload media.<\/figcaption><\/figure><\/p>\n

Once an image is selected, you will be able to access additional control options:<\/p>\n

Opacity<\/h4>\n

\"\"
You can also adjust the opacity of the image as needed if you’d like to show some of the background color which will create a subtle wash of color. This can be helpful particularly if an image is very bright.\u00a0<\/figcaption><\/figure><\/p>\n

\"\"<\/p>\n

Background Video<\/h3>\n

You also have the option of including a background video instead. Note that if you have already selected a background image, you will have to remove it before you can set a background video. Currently, only MyMedia or Vimeo are supported.<\/p>\n

\"\"
Enter the Video ID for the video you want to use. The video must have a 9×16 vertical aspect ratio for an ideal viewing experience.<\/figcaption><\/figure><\/p>\n

Learn how to upload videos to MyMedia<\/a>.<\/p>\n

 <\/p>\n

<\/h4>\n

Finding the Video ID<\/h4>\n

On MyMedia, the video ID is in the URL.<\/p>\n

\"\"<\/p>\n

In the above example, the video ID is 1_mee0smkf<\/strong>.<\/p>\n

Looping Video<\/h4>\n

You can also loop the video if desired, so it will play continuously, which is ideal for short clips.<\/p>\n

Note: if a video is looped, the page duration will use the value set in the Duration section instead of the video length.<\/p>\n

Background Color<\/h3>\n

\"\"
Select a background color for the page, either providing a HEX value or selecting a color.<\/figcaption><\/figure><\/p>\n

Background Animation<\/h3>\n

\"\"
Background animations are helpful to add some interest to a static image background by creating subtle movement and making it more visually engaging. Select from a dropdown of available animations.<\/figcaption><\/figure><\/p>\n

<\/div>\n<\/div>\n\n

\n

Page Border<\/h2>
<\/p>\n

Border Weight and Color<\/h3>\n

\"\"
Set an optional border weight and select a border color, either providing a HEX value or selecting a color.<\/figcaption><\/figure><\/p>\n

<\/div>\n<\/div>\n\n

\n

Duration<\/h2>
<\/p>\n

\"\"
Set the duration of the page in seconds. This is the amount of time before the BU Story will auto-advance to the next page. Note that this duration will be automatically overridden if a background video or audio is assigned to the page, and the page will instead use the duration of the video or audio.<\/figcaption><\/figure><\/p>\n

<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"

The pages block are the individual pages within a BU Story. They are parent blocks and can contain additional blocks within them: headings, copy, image, spacer, and buttons. Essentially, the page block is the container for everything within the individual page, but it also comes with unique controls of its own for you to further […]<\/p>\n","protected":false},"author":3324,"featured_media":0,"parent":13,"menu_order":2,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/wpdocs.bu.edu\/bu-stories\/wp-json\/wp\/v2\/pages\/17"}],"collection":[{"href":"https:\/\/wpdocs.bu.edu\/bu-stories\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wpdocs.bu.edu\/bu-stories\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/bu-stories\/wp-json\/wp\/v2\/users\/3324"}],"replies":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/bu-stories\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":16,"href":"https:\/\/wpdocs.bu.edu\/bu-stories\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":363,"href":"https:\/\/wpdocs.bu.edu\/bu-stories\/wp-json\/wp\/v2\/pages\/17\/revisions\/363"}],"up":[{"embeddable":true,"href":"https:\/\/wpdocs.bu.edu\/bu-stories\/wp-json\/wp\/v2\/pages\/13"}],"wp:attachment":[{"href":"https:\/\/wpdocs.bu.edu\/bu-stories\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}