{"id":312,"date":"2017-04-28T20:10:11","date_gmt":"2017-04-29T03:10:11","guid":{"rendered":"https:\/\/blocksylaunch.click\/documentation\/?p=312"},"modified":"2017-05-17T20:35:12","modified_gmt":"2017-05-18T03:35:12","slug":"media","status":"publish","type":"post","link":"https:\/\/blocksylaunch.click\/documentation\/monarch\/media\/","title":{"rendered":"Using Media Sharing Buttons In Monarch"},"content":{"rendered":"<p><iframe loading=\"lazy\" class=\"youtube-player\" type=\"text\/html\"  width=\"920\" height=\"518\" src=\"https:\/\/www.youtube.com\/embed\/kbD3d_uYWs8?feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe><\/p>\n<h2>An Overview Of Media Sharing Button Settings<\/h2>\n<p><img decoding=\"async\" src=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/media-settings.jpg\" alt=\"media sharing settings\" \/><\/p>\n<p>Images are of the most shared content on the web and there is no reason you should miss out on letting your readers share your image-rich content with the world. Monarch auto detects all images within post content and even offers a custom shortcode to enable image sharing for any image on your site.<\/p>\n<h2>Choose Icon Style<\/h2>\n<h3>Select Hover<\/h3>\n<p>This option allows you to choose from any of the available hover styles Monarch offers for Media Sharing Buttons. You can hover over any of the options to get an example preview of the hover effect. Once you decide on an option, just click to select any style and your section will be indicated by a green checkmark.<\/p>\n<h2>Choose Icon Shape<\/h2>\n<h3>Select Shape<\/h3>\n<p>Monarch offers 3 shapes for your icon buttons: Squared, Rounded, and Circles. Combined with the styles mentioned above you can create a variety of great looking social buttons.<\/p>\n<h2>Display Settings<\/h2>\n<h3>Icon Alignment<\/h3>\n<p>This option lets you select either &#8216;Left&#8217; or &#8216;Centered&#8217;. Selecting left will display your button labels and\/or share counts to the right of your network icons, creating a more horizontal button shape. Selecting &#8216;Centered&#8217; will place your button labels and\/or share counts below your network icons and center the button content, creating a taller button shape. <\/p>\n<h3>Number of Columns<\/h3>\n<p>Monarch offers 7 column width options. You can choose to have up to 6 equal width columns, or let your buttons take on an auto-width based on the width of your buttons&#8217; content. No matter your selection, Monarch accommodates for small browser widths and adjusts your column selection for mobile devices.<\/p>\n<h3>Display Share Counts<\/h3>\n<p>Displaying share counts is a great way to show off how many times your pages have been shared and even a great way to encourage visitors to spread your content. This number will appear inside each button either to the right or below your network icons based on your &#8216;Icon Alignment&#8217;.<\/p>\n<h3>Minimum Count Display<\/h3>\n<p>Sometimes it is better to not show counts at all than it is to show that your content hasn&#8217;t been shared over a certain threshold. This setting allows you to set the minimum share count that Monarch will display in your media buttons. This is a great feature for new content that hasn&#8217;t had the opportunity to be shared for much time.<\/p>\n<h3>Display Total Shares<\/h3>\n<p>This share count will add up the shares across all displayed networks and display the total right above your buttons. This is a great way to show the totality of how popular a given page is.<\/p>\n<h3>Display Network Names<\/h3>\n<p>Check this box to display the network labels in your sharing buttons. These can be customized to whatever you wish. For example, you can choose to replace the Network Name &#8216;Twitter&#8217; to something like &#8216;Tweet This&#8217; or &#8216;Share This&#8217;.<\/p>\n<h3>Outer Text Color<\/h3>\n<p>If the option above is selected, this option will appear to allow you to choose your Outer Text Color. This setting will affect your Total Shares Count, and your Network Label and\/or individual share count if you have selected circular buttons, which place button text outside the background color of your buttons. Using circular buttons with network names on with media sharing can be hard to optimize since the images across your website will contain an array of colors.<\/p>\n<h3>Remove Icon Spacing<\/h3>\n<p>By default, the media sharing buttons are spaced out with a small margin. Checking this option lets you remove the spacing between your icons for a whole new set of design possibilities.<\/p>\n<h3>Hide On Mobile Devices<\/h3>\n<p>If you wish to not display media sharing buttons on mobile devices you can check this box. <\/p>\n<h2>Color Settings<\/h2>\n<h3>Use Custom Colors<\/h3>\n<p>By default, Monarch uses the default network colors, but for a more custom approach you can select your own button colors. If an option below is not defined, the default setting will be used for that element.<\/p>\n<h3>Background Color<\/h3>\n<p>This color picker will define the background color of your media sharing buttons.<\/p>\n<h3>Hover Background Color<\/h3>\n<p>This color picker will define the background color of your media sharing buttons when the user hovers over a button.<\/p>\n<h3>Icon Color<\/h3>\n<p>This color picker will define the color of your media sharing buttons&#8217; icons.<\/p>\n<h3>Icon Color<\/h3>\n<p>This color picker will define the color of your media sharing buttons&#8217; icons when the user hover over a button.<\/p>\n<h2>Post Type Settings<\/h2>\n<h3>Global Setting<\/h3>\n<p>Monarch will auto detect any image within a blog post and automatically enable media sharing for those images.<\/p>\n<h3>Media Sharing Shortcode<\/h3>\n<p>Although Monarch will only auto detect images on blog posts, you can enable media sharing for any image on your site by wrapping it in the media sharing shortcode like so [et_social_share_media]&lt;img src=&quot;https:\/\/www.website.com\/image.jpg&quot;\/&gt;[\/et_social_share_media]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Encourage the sharing of media on media-centric websites such as Pinterest and Facebook.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,18],"tags":[],"class_list":["post-312","post","type-post","status-publish","format-standard","hentry","category-monarch","category-sharing"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Elegant Themes Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blocksylaunch.click\/documentation\/monarch\/media\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using Media Sharing Buttons In Monarch - Elegant Themes Documentation\" \/>\n<meta property=\"og:description\" content=\"Encourage the sharing of media on media-centric websites such as Pinterest and Facebook.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blocksylaunch.click\/documentation\/monarch\/media\/\" \/>\n<meta property=\"og:site_name\" content=\"Elegant Themes Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-29T03:10:11+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-05-18T03:35:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/media-settings.jpg\" \/>\n<meta name=\"author\" content=\"admindocumentation\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admindocumentation\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/media\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/media\\\/\"},\"author\":{\"name\":\"admindocumentation\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\"},\"headline\":\"Using Media Sharing Buttons In Monarch\",\"datePublished\":\"2017-04-29T03:10:11+00:00\",\"dateModified\":\"2017-05-18T03:35:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/media\\\/\"},\"wordCount\":820,\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/media\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/media-settings.jpg\",\"articleSection\":[\"Monarch Plugin Documentation\",\"Social Sharing\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/media\\\/\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/media\\\/\",\"name\":\"Using Media Sharing Buttons In Monarch - Elegant Themes Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/media\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/media\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/media-settings.jpg\",\"datePublished\":\"2017-04-29T03:10:11+00:00\",\"dateModified\":\"2017-05-18T03:35:12+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/media\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/media\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/media\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/media-settings.jpg\",\"contentUrl\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/media-settings.jpg\",\"width\":960,\"height\":1711},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/monarch\\\/media\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using Media Sharing Buttons In Monarch\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#website\",\"url\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/\",\"name\":\"Elegant Themes Documentation\",\"description\":\"Just another WordPress site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.elegantthemes.com\\\/documentation\\\/#\\\/schema\\\/person\\\/1a5d1f17110e347e68b57af08f2b5268\",\"name\":\"admindocumentation\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g\",\"caption\":\"admindocumentation\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Elegant Themes Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blocksylaunch.click\/documentation\/monarch\/media\/","og_locale":"en_US","og_type":"article","og_title":"Using Media Sharing Buttons In Monarch - Elegant Themes Documentation","og_description":"Encourage the sharing of media on media-centric websites such as Pinterest and Facebook.","og_url":"https:\/\/blocksylaunch.click\/documentation\/monarch\/media\/","og_site_name":"Elegant Themes Documentation","article_published_time":"2017-04-29T03:10:11+00:00","article_modified_time":"2017-05-18T03:35:12+00:00","og_image":[{"url":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/media-settings.jpg","type":"","width":"","height":""}],"author":"admindocumentation","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admindocumentation","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/media\/#article","isPartOf":{"@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/media\/"},"author":{"name":"admindocumentation","@id":"https:\/\/blocksylaunch.click\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268"},"headline":"Using Media Sharing Buttons In Monarch","datePublished":"2017-04-29T03:10:11+00:00","dateModified":"2017-05-18T03:35:12+00:00","mainEntityOfPage":{"@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/media\/"},"wordCount":820,"image":{"@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/media\/#primaryimage"},"thumbnailUrl":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/media-settings.jpg","articleSection":["Monarch Plugin Documentation","Social Sharing"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/media\/","url":"https:\/\/blocksylaunch.click\/documentation\/monarch\/media\/","name":"Using Media Sharing Buttons In Monarch - Elegant Themes Documentation","isPartOf":{"@id":"https:\/\/blocksylaunch.click\/documentation\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/media\/#primaryimage"},"image":{"@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/media\/#primaryimage"},"thumbnailUrl":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/media-settings.jpg","datePublished":"2017-04-29T03:10:11+00:00","dateModified":"2017-05-18T03:35:12+00:00","author":{"@id":"https:\/\/blocksylaunch.click\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268"},"breadcrumb":{"@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/media\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blocksylaunch.click\/documentation\/monarch\/media\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/media\/#primaryimage","url":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/media-settings.jpg","contentUrl":"https:\/\/blocksylaunch.click\/documentation\/wp-content\/uploads\/2017\/04\/media-settings.jpg","width":960,"height":1711},{"@type":"BreadcrumbList","@id":"https:\/\/blocksylaunch.click\/documentation\/monarch\/media\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blocksylaunch.click\/documentation\/"},{"@type":"ListItem","position":2,"name":"Using Media Sharing Buttons In Monarch"}]},{"@type":"WebSite","@id":"https:\/\/blocksylaunch.click\/documentation\/#website","url":"https:\/\/blocksylaunch.click\/documentation\/","name":"Elegant Themes Documentation","description":"Just another WordPress site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blocksylaunch.click\/documentation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/blocksylaunch.click\/documentation\/#\/schema\/person\/1a5d1f17110e347e68b57af08f2b5268","name":"admindocumentation","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/93f87460348373787f0caa24e173bcefb6261f6bd8e78555d580cf9c0070eccc?s=96&d=mm&r=g","caption":"admindocumentation"}}]}},"_links":{"self":[{"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/312","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/comments?post=312"}],"version-history":[{"count":2,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/312\/revisions"}],"predecessor-version":[{"id":314,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/posts\/312\/revisions\/314"}],"wp:attachment":[{"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/media?parent=312"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/categories?post=312"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blocksylaunch.click\/documentation\/wp-json\/wp\/v2\/tags?post=312"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}