{"id":8582,"date":"2018-01-05T13:15:29","date_gmt":"2018-01-05T13:15:29","guid":{"rendered":"http:\/\/rifetheme.com\/help\/docs\/content-management\/albums-works-post-types\/album-media\/"},"modified":"2018-06-01T08:34:37","modified_gmt":"2018-06-01T08:34:37","slug":"album-media","status":"publish","type":"docs","link":"https:\/\/rifetheme.com\/help\/docs\/content-management\/albums-works-post-types\/album-media\/","title":{"rendered":"Album media"},"content":{"rendered":"<h2>Information<\/h2>\n<p>Working with <strong>work media<\/strong> is the same process as described here below, but done in <strong>Work media &#8211; Add images\/videos<\/strong>.<\/p>\n<h2>How to work with album media<\/h2>\n<p>Time to add some photos &amp; videos to present your album. We will work in section <strong>Album media &#8211; Add images\/videos<\/strong>. Lets check screen below:<\/p>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_8602\" class=\"thumbnail wp-caption alignnone\" style=\"width: 905px\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-8602\" src=\"https:\/\/rifetheme.com\/wp-content\/uploads\/2018\/01\/album-media.png\" alt=\"How Album media looks\" width=\"895\" height=\"564\" srcset=\"https:\/\/rifetheme.com\/wp-content\/uploads\/2018\/01\/album-media.png 895w, https:\/\/rifetheme.com\/wp-content\/uploads\/2018\/01\/album-media-300x189.png 300w, https:\/\/rifetheme.com\/wp-content\/uploads\/2018\/01\/album-media-768x484.png 768w\" sizes=\"auto, (max-width: 895px) 100vw, 895px\" \/><figcaption class=\"caption wp-caption-text\">How Album media looks<\/figcaption><\/figure>\n<ul>\n<li>If your browser supports multi upload then you can use it to upload many images at once. To do it use button <strong>Select\/Upload images and videos<\/strong><\/li>\n<li>To add single video from Youtube or Vimeo use button <strong>Add Video from Youtube\/Vimeo<\/strong>.<\/li>\n<li>To mark more items in Media Library and n item list, you can use <code>Ctrl<\/code>(<code>Cmd<\/code>) or key <code>Shift<\/code> while selecting them with the mouse.<\/li>\n<li>You can drag and drop each item to reorder them.<\/li>\n<li><strong>Every image and video from media library can be used only once in each album<\/strong>.<\/li>\n<li>To edit item details click on <strong>Pencil icon<\/strong> while hovering.<\/li>\n<li>Editing details of video from Youtube or Vimeo are done while editing item &#8211; <strong>Pencil icon<\/strong>.<\/li>\n<li>Bulk tagging is only available in <strong>Rife Pro<\/strong>.<\/li>\n<\/ul>\n<h2>Editing items<\/h2>\n<p>You edit each item by clicking <strong>Pencil icon<\/strong> on it.<\/p>\n<h3>Images<\/h3>\n<p>For image item you have following options:<\/p>\n<ul>\n<li><strong>Tags<\/strong> &#8211; You can add tags here to enable filtering of items.<\/li>\n<li><strong>Link<\/strong> &#8211; if filled then clicking image will take you to this URL. Also then this photo won&#8217;t be visible in lightbox.<\/li>\n<li><strong>Product this image represents<\/strong> &#8211; If you fill this, then on image you will see &#8220;add to cart&#8221; button for selected product. You need <a href=\"https:\/\/rifetheme.com\/help\/docs\/plugins-recommendations\/woocommerce-online-shop\/\">WooCommerce<\/a> and some products to use it.<\/li>\n<li><strong>Color under photo<\/strong> &#8211; Used in slider.<\/li>\n<li><strong>RatioX in bricks theme<\/strong> &#8211; How many bricks area should take this image. Used only in Bricks.<\/li>\n<\/ul>\n<h3>Editing Image title &amp; description<\/h3>\n<p>Slider, scroller &amp; bricks layout can use title and description that you provide for each item in Media Library.<\/p>\n<p>When you edit your album items Click <strong>Edit image details<\/strong> and it will open new window where you can change <strong>Title<\/strong> &amp; <strong>description<\/strong>.<\/p>\n<p>Also when editing album please be sure to mark <strong>Show title and description of album items<\/strong> in <a href=\"https:\/\/rifetheme.com\/help\/docs\/content-management\/albums-works-post-types\/album-options\/\">Album options<\/a>.<\/p>\n<figure id=\"attachment_9062\" class=\"thumbnail wp-caption alignnone\" style=\"width: 1056px\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9062 size-full\" src=\"https:\/\/rifetheme.com\/wp-content\/uploads\/2018\/01\/album-edit-image-title.png\" alt=\"Use a marked button to edit your image details\" width=\"1046\" height=\"155\" srcset=\"https:\/\/rifetheme.com\/wp-content\/uploads\/2018\/01\/album-edit-image-title.png 1046w, https:\/\/rifetheme.com\/wp-content\/uploads\/2018\/01\/album-edit-image-title-300x44.png 300w, https:\/\/rifetheme.com\/wp-content\/uploads\/2018\/01\/album-edit-image-title-768x114.png 768w, https:\/\/rifetheme.com\/wp-content\/uploads\/2018\/01\/album-edit-image-title-1024x152.png 1024w\" sizes=\"auto, (max-width: 1046px) 100vw, 1046px\" \/><figcaption class=\"caption wp-caption-text\">Use marked button to edit your image details<\/figcaption><\/figure>\n<h3>Video from media library<\/h3>\n<p>For video item from <strong>Media Library<\/strong> you have following options:<\/p>\n<ul>\n<li><strong>Tags<\/strong> &#8211; You can add tags here to enable filtering of items.<\/li>\n<li><strong>Autoplay video<\/strong> &#8211; Works only in the slider<\/li>\n<li><strong>RatioX in bricks theme<\/strong> &#8211; How many bricks area should take this video. Used only in Bricks.<\/li>\n<li><strong>To set thumb<\/strong> for video from <strong>Media Library<\/strong>:\n<ul>\n<li>Click in top right <strong>Edit video details<\/strong><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8603\" src=\"https:\/\/rifetheme.com\/wp-content\/uploads\/2018\/01\/setting-thumb-for-video.png\" alt=\"setting thumb for video\" width=\"731\" height=\"202\" srcset=\"https:\/\/rifetheme.com\/wp-content\/uploads\/2018\/01\/setting-thumb-for-video.png 731w, https:\/\/rifetheme.com\/wp-content\/uploads\/2018\/01\/setting-thumb-for-video-300x83.png 300w\" sizes=\"auto, (max-width: 731px) 100vw, 731px\" \/><\/li>\n<li>On new page that will open set featured image &#8211; it will be your thumb.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-8605\" src=\"https:\/\/rifetheme.com\/wp-content\/uploads\/2018\/01\/featured-image-for-video.png\" alt=\"Thumb for video from Media Library\" width=\"360\" height=\"388\" srcset=\"https:\/\/rifetheme.com\/wp-content\/uploads\/2018\/01\/featured-image-for-video.png 360w, https:\/\/rifetheme.com\/wp-content\/uploads\/2018\/01\/featured-image-for-video-278x300.png 278w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3>YouTube &amp; Vimeo video<strong><br \/>\n<\/strong><\/h3>\n<p>For video item from <strong>Youtube or Vimeo<\/strong> you have following options:<\/p>\n<ul>\n<li><strong>Tags<\/strong> &#8211; You can add tags here to enable filtering of items.<\/li>\n<li><strong>Link to video<\/strong> &#8211; YouTube or Vimeo link<\/li>\n<li><strong>Video Thumb<\/strong> &#8211; Displayed instead of video placeholder in some cases. If none, the placeholder will be used(for YouTube movies default thumbnail will show).<\/li>\n<li><strong>Autoplay video<\/strong><\/li>\n<li><strong>RatioX in bricks theme<\/strong> &#8211; How many bricks area should take this video. Used only in Bricks.<\/li>\n<li><strong>Title<\/strong> &#8211; Used in slider and lightbox<\/li>\n<li><strong>Description<\/strong> &#8211; Used in slider and lightbox<\/li>\n<\/ul>\n","protected":false},"author":1,"featured_media":0,"parent":196,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_tag":[],"class_list":["post-8582","docs","type-docs","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/8582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/comments?post=8582"}],"version-history":[{"count":9,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/8582\/revisions"}],"predecessor-version":[{"id":9064,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/8582\/revisions\/9064"}],"up":[{"embeddable":true,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/196"}],"next":[{"title":"Using rational image sizes","link":"https:\/\/rifetheme.com\/help\/docs\/content-management\/albums-works-post-types\/using-rational-image-sizes\/","href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/8583"}],"prev":[{"title":"Album options","link":"https:\/\/rifetheme.com\/help\/docs\/content-management\/albums-works-post-types\/album-options\/","href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/docs\/8581"}],"wp:attachment":[{"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/media?parent=8582"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/rifetheme.com\/help\/wp-json\/wp\/v2\/doc_tag?post=8582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}