{"id":1495,"date":"2016-04-29T17:43:45","date_gmt":"2016-04-29T21:43:45","guid":{"rendered":"http:\/\/bcrw.barnard.edu\/digitalshange\/blog\/?p=1495"},"modified":"2018-09-17T14:17:11","modified_gmt":"2018-09-17T18:17:11","slug":"tips-recommended-image-sizes-and-plugin-tutorials","status":"publish","type":"post","link":"https:\/\/bcrw.barnard.edu\/digitalshange\/blog\/?p=1495","title":{"rendered":"TIPS: Recommended Image Sizes and Plugin Tutorials"},"content":{"rendered":"<p>This post has recommended image sizes as well as tutorials on some of the plug-ins for for the Digital Shange Projects website. For more general information, check out my previous post, below.<\/p>\n<blockquote class=\"wp-embedded-content\" data-secret=\"kEogTPgFXQ\"><p><a href=\"http:\/\/bcrw.barnard.edu\/digitalshange\/blog\/?p=1445\">TIP: Posting to the Digital Shange Projects site<\/a><\/p><\/blockquote>\n<p><iframe loading=\"lazy\" class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" src=\"http:\/\/bcrw.barnard.edu\/digitalshange\/blog\/?p=1445&#038;embed=true#?secret=kEogTPgFXQ\" data-secret=\"kEogTPgFXQ\" width=\"600\" height=\"338\" title=\"&#8220;TIP: Posting to the Digital Shange Projects site&#8221; &#8212; The Worlds of Ntozake Shange and Digital Storytelling\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe><\/p>\n<hr \/>\n<h3><\/h3>\n<h3>Recommended Images Sizes<\/h3>\n<p>Thumbnail\u200b image\u200b\u2014<\/p>\n<ul>\n<li>Width: 700 pixels<\/li>\n<li>Height: 393 pixels<\/li>\n<li>72 ppi (pixels per inch)<\/li>\n<li><strong>Reminder:\u00a0<\/strong>post thumbnails for your Portfolio item by using &#8220;Featured Image&#8221;<\/li>\n<\/ul>\n<p>Large image\/s\u2014<\/p>\n<ul>\n<li>Max width: 1200 pixels<\/li>\n<li>72 ppi<\/li>\n<li><strong>Note:<\/strong>\u00a0if you are posting the image at the top of your Portfolio item, I recommend using the following size: 1200&#215;600\u00a0pixels<\/li>\n<\/ul>\n<hr \/>\n<h3>Plugins<\/h3>\n<h5>1. To add images with pages that flip, use <strong>Booklets<\/strong>.<\/h5>\n<p><a href=\"http:\/\/bcrw.barnard.edu\/digitalshange\/blog\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-29-at-5.18.49-PM.png\" rel=\"attachment wp-att-1497\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1497 alignnone\" src=\"http:\/\/bcrw.barnard.edu\/digitalshange\/blog\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-29-at-5.18.49-PM-231x300.png\" alt=\"Screen Shot 2016-04-29 at 5.18.49 PM\" width=\"231\" height=\"300\" srcset=\"https:\/\/bcrw.barnard.edu\/digitalshange\/blog\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-29-at-5.18.49-PM-231x300.png 231w, https:\/\/bcrw.barnard.edu\/digitalshange\/blog\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-29-at-5.18.49-PM.png 350w\" sizes=\"auto, (max-width: 231px) 100vw, 231px\" \/><\/a><\/p>\n<div id=\"attachment_1503\" style=\"width: 302px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/bcrw.barnard.edu\/digitalshange\/blog\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-29-at-5.32.04-PM.png\" rel=\"attachment wp-att-1503\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1503\" class=\"wp-image-1503 size-full\" src=\"http:\/\/bcrw.barnard.edu\/digitalshange\/blog\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-29-at-5.32.04-PM.png\" alt=\"Screen Shot 2016-04-29 at 5.32.04 PM\" width=\"292\" height=\"171\" \/><\/a><p id=\"caption-attachment-1503\" class=\"wp-caption-text\">Copy\/paste the &#8220;shortcode&#8221; to add your Booklet to your Portfolio item.<\/p><\/div>\n<div id=\"attachment_1502\" style=\"width: 301px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/bcrw.barnard.edu\/digitalshange\/blog\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-29-at-5.32.08-PM.png\" rel=\"attachment wp-att-1502\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1502\" class=\"wp-image-1502 size-full\" src=\"http:\/\/bcrw.barnard.edu\/digitalshange\/blog\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-29-at-5.32.08-PM.png\" alt=\"Screen Shot 2016-04-29 at 5.32.08 PM\" width=\"291\" height=\"126\" \/><\/a><p id=\"caption-attachment-1502\" class=\"wp-caption-text\">You can choose whether your Booklet has a light or dark background.<\/p><\/div>\n<p>Short list of terms:<\/p>\n<ul>\n<li><strong>Padding:<\/strong>\u00a0the margin around your images.<\/li>\n<li><strong>Flip speed:<\/strong> how fast your pages flip<\/li>\n<li><strong>Automatic flip delay:<\/strong> how long it takes for the page to flip (set to 0 if you don&#8217;t want the pages to flip automatically)<\/li>\n<li><strong>Show thumbnails:<\/strong> choose &#8220;Yes&#8221; to show all of you images at the bottom of your Booklet; choose &#8220;No&#8221; to hide the thumbnails.<\/li>\n<li><strong>Booklet cover behavior:<\/strong> add a cover to your Booklet or by choosing &#8220;Closable &#8211; Centered&#8221; or &#8220;Closable &#8211; Either side.&#8221; If you don&#8217;t want a cover, choose &#8220;Opened always&#8221;<\/li>\n<\/ul>\n<h5><\/h5>\n<hr \/>\n<h5>\u00a02. To add images in a standard slider, use <strong>Soliloquy Slider<\/strong>.<\/h5>\n<p><a href=\"http:\/\/bcrw.barnard.edu\/digitalshange\/blog\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-29-at-5.18.57-PM.png\" rel=\"attachment wp-att-1496\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1496 alignnone\" src=\"http:\/\/bcrw.barnard.edu\/digitalshange\/blog\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-29-at-5.18.57-PM-220x300.png\" alt=\"Screen Shot 2016-04-29 at 5.18.57 PM\" width=\"220\" height=\"300\" srcset=\"https:\/\/bcrw.barnard.edu\/digitalshange\/blog\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-29-at-5.18.57-PM-220x300.png 220w, https:\/\/bcrw.barnard.edu\/digitalshange\/blog\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-29-at-5.18.57-PM.png 349w\" sizes=\"auto, (max-width: 220px) 100vw, 220px\" \/><\/a><\/p>\n<p><strong>Soliloquy Slider<\/strong> tutorial:<br \/>\n<a href=\"http:\/\/soliloquywp.com\/docs\/creating-your-first-slider\/\" target=\"_blank\" rel=\"noopener\">http:\/\/soliloquywp.com\/docs\/creating-your-first-slider<\/a><\/p>\n<h5><\/h5>\n<hr \/>\n<h5>3. To create have more control over the layout of your <strong>Portfolio<\/strong> item, use <strong>Visual Composer<\/strong>.<\/h5>\n<h5><a href=\"http:\/\/bcrw.barnard.edu\/digitalshange\/blog\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-29-at-5.25.01-PM.png\" rel=\"attachment wp-att-1498\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1498\" src=\"http:\/\/bcrw.barnard.edu\/digitalshange\/blog\/wp-content\/uploads\/2016\/04\/Screen-Shot-2016-04-29-at-5.25.01-PM.png\" alt=\"Screen Shot 2016-04-29 at 5.25.01 PM\" width=\"288\" height=\"54\" \/><\/a><\/h5>\n<p><strong>Visual Composer<\/strong>\u00a0tutorial:<br \/>\n<a href=\"https:\/\/vc.wpbakery.com\/video-academy\/visual-composer-tutorial-for-beginners\/\" target=\"_blank\" rel=\"noopener\">https:\/\/vc.wpbakery.com\/video-academy\/visual-composer-tutorial-for-beginners<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This post has recommended image sizes as well as tutorials on some of the plug-ins for for the Digital Shange Projects website. For more general information, check out my previous post, below. TIP: Posting to the Digital Shange Projects site Recommended Images Sizes Thumbnail\u200b image\u200b\u2014 Width: 700 pixels Height: 393 pixels 72 ppi (pixels per [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1495","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/bcrw.barnard.edu\/digitalshange\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bcrw.barnard.edu\/digitalshange\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bcrw.barnard.edu\/digitalshange\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bcrw.barnard.edu\/digitalshange\/blog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bcrw.barnard.edu\/digitalshange\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1495"}],"version-history":[{"count":10,"href":"https:\/\/bcrw.barnard.edu\/digitalshange\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1495\/revisions"}],"predecessor-version":[{"id":1639,"href":"https:\/\/bcrw.barnard.edu\/digitalshange\/blog\/index.php?rest_route=\/wp\/v2\/posts\/1495\/revisions\/1639"}],"wp:attachment":[{"href":"https:\/\/bcrw.barnard.edu\/digitalshange\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1495"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bcrw.barnard.edu\/digitalshange\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1495"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bcrw.barnard.edu\/digitalshange\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}