{"id":297,"date":"2017-12-07T10:51:25","date_gmt":"2017-12-07T15:51:25","guid":{"rendered":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/?post_type=chapter&p=297"},"modified":"2018-05-30T15:56:51","modified_gmt":"2018-05-30T19:56:51","slug":"insert-media-on-a-page","status":"publish","type":"chapter","link":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/chapter\/insert-media-on-a-page\/","title":{"raw":"Insert media on a page","rendered":"Insert media on a page"},"content":{"raw":"To insert media on a page, go to the page where the media should be added. There are a number of ways to navigate to a page:\r\n\r\n\u2022 Select page from Pages<\/strong> tab (Dashboard)\r\n\u2022 Select page from Menu<\/strong> (Back to Book, top left)\r\n\u2022 Select a recent page from Recent<\/strong> in the Compass (Back to Book, top left)\r\n\r\nNeed a refresher on where to find the options listed above? Visit Navigating to a Specific Page <\/em>from the Create and Edit Pages<\/strong><\/a> chapter.\r\n\r\nOn the page, select the Edit<\/strong> (pencil) icon.\r\n\r\nMedia objects can be inserted into an edit box two ways:\r\n\r\n[caption id=\"attachment_332\" align=\"alignnone\" width=\"1672\"]\"\" Two methods of adding media: Inline or as a link[\/caption]\r\n\r\n \r\n

\"\"1. Insert media within the text\u00a0<\/strong><\/h4>\r\nInserting media inline is similar to the way you would insert an image into a word document. It is a static way of adding a media object onto the page. Within the text, paste the title of the media object in the location where you would like to insert the the media. The text will go around the media object. Highlight the title, then select the \u2018Insert Inline Scalar Media Link\u2019 icon. Select the media from the list in the pop up window. Once an image is selected, a Media formatting options<\/strong> box appears. This box provides options to format the size,\u00a0position, alignment and caption of a media file.\r\n\r\nExample of a large, right aligned image positioned between text, with no wrapping:\r\n\r\n\"\"\r\n\r\nSizes<\/strong>\r\nSmall (200 pixels wide)\r\nMedium (400 pixels wide)\r\nLarge (600 pixels wide)\r\nNative (original width, file must be less than 2 MB)\r\nFull (full width of the content area in Scalar)\r\n\r\nExample of a medium, right aligned image with wrapped text:\r\n\r\n\"\"\r\n

\r\n\"\"\u00a0 2. Insert media (as a reference) beside text <\/strong><\/h4>\r\nInserting media as a reference gives more flexibility. This way, the image is essentially anchored to a word instead of being inserted as a character. To place media next to the text, highlight the text within the text editor that the media file will reference, then select the Insert Scalar Media link<\/strong> icon. In the Media formatting options<\/strong> box, select the media size, caption, and if the media should be right or left aligned to the text.\r\n\"\"\r\nMedia that is inserted on a page displays a visual reference of the media object, the title, and description (if assigned). Position the cursor on the media image to view additional information about the media object:\r\nDetails<\/strong> lists associated metadata (the archival context)\r\nCitations<\/strong> provides a new view of the media, and a list of where the media has been referenced throughout the project (the use context)\r\nSource<\/strong> displays the original source URL of the media object","rendered":"

To insert media on a page, go to the page where the media should be added. There are a number of ways to navigate to a page:<\/p>\n

\u2022 Select page from Pages<\/strong> tab (Dashboard)
\n\u2022 Select page from Menu<\/strong> (Back to Book, top left)
\n\u2022 Select a recent page from Recent<\/strong> in the Compass (Back to Book, top left)<\/p>\n

Need a refresher on where to find the options listed above? Visit Navigating to a Specific Page <\/em>from the Create and Edit Pages<\/strong><\/a> chapter.<\/p>\n

On the page, select the Edit<\/strong> (pencil) icon.<\/p>\n

Media objects can be inserted into an edit box two ways:<\/p>\n

\"\"
Two methods of adding media: Inline or as a link<\/figcaption><\/figure>\n

 <\/p>\n

\"\"1. Insert media within the text\u00a0<\/strong><\/h4>\n

Inserting media inline is similar to the way you would insert an image into a word document. It is a static way of adding a media object onto the page. Within the text, paste the title of the media object in the location where you would like to insert the the media. The text will go around the media object. Highlight the title, then select the \u2018Insert Inline Scalar Media Link\u2019 icon. Select the media from the list in the pop up window. Once an image is selected, a Media formatting options<\/strong> box appears. This box provides options to format the size,\u00a0position, alignment and caption of a media file.<\/p>\n

Example of a large, right aligned image positioned between text, with no wrapping:<\/p>\n

\"\"<\/p>\n

Sizes<\/strong>
\nSmall (200 pixels wide)
\nMedium (400 pixels wide)
\nLarge (600 pixels wide)
\nNative (original width, file must be less than 2 MB)
\nFull (full width of the content area in Scalar)<\/p>\n

Example of a medium, right aligned image with wrapped text:<\/p>\n

\"\"<\/p>\n


\n\"\"\u00a0 2. Insert media (as a reference) beside text <\/strong><\/h4>\n

Inserting media as a reference gives more flexibility. This way, the image is essentially anchored to a word instead of being inserted as a character. To place media next to the text, highlight the text within the text editor that the media file will reference, then select the Insert Scalar Media link<\/strong> icon. In the Media formatting options<\/strong> box, select the media size, caption, and if the media should be right or left aligned to the text.
\n\"\"
\nMedia that is inserted on a page displays a visual reference of the media object, the title, and description (if assigned). Position the cursor on the media image to view additional information about the media object:
\nDetails<\/strong> lists associated metadata (the archival context)
\nCitations<\/strong> provides a new view of the media, and a list of where the media has been referenced throughout the project (the use context)
\nSource<\/strong> displays the original source URL of the media object<\/p>\n","protected":false},"author":8,"menu_order":3,"template":"","meta":{"pb_show_title":"","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-297","chapter","type-chapter","status-publish","hentry"],"part":56,"_links":{"self":[{"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/chapters\/297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/wp\/v2\/users\/8"}],"version-history":[{"count":16,"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/chapters\/297\/revisions"}],"predecessor-version":[{"id":652,"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/chapters\/297\/revisions\/652"}],"part":[{"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/parts\/56"}],"metadata":[{"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/chapters\/297\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/wp\/v2\/media?parent=297"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/pressbooks\/v2\/chapter-type?post=297"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/wp\/v2\/contributor?post=297"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/pressbooks-dev.library.yorku.ca\/scalar\/wp-json\/wp\/v2\/license?post=297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}