{"id":35658,"date":"2017-12-16T11:37:55","date_gmt":"2017-12-16T11:37:55","guid":{"rendered":"https:\/\/qw\/oikcom\/?post_type=shortcode_example&#038;p=31291"},"modified":"2017-12-18T16:56:10","modified_gmt":"2017-12-18T16:56:10","slug":"bw_background-attached-image","status":"publish","type":"shortcode_example","link":"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_background-attached-image\/","title":{"rendered":"bw_background <span class=\"summary\">&#8211; attached image<\/span>"},"content":{"rendered":"Use bw_background to display the attached image as a background image.  Use the <code>selector=<\/code> parameter to apply the background to a particular part of the page.<!--more-->\r\n\r\n<div class=\"bw_geshi none\"><pre>\r\n&#091;bw_background selector=.beech]\r\n&#091;div class=&quot;beech w100p0 bd-200&quot;] \r\nThe image does not have to be a featured image.\r\nNor does it have to be part of the page.\r\n&#091;ediv]\r\n<\/pre><\/div>\r\n\r\n<style  type=\"text\/css\" media=\"screen,print\">.beech { background: url( \"https:\/\/www.oik-plugins.com\/wp-content\/uploads\/2017\/12\/Beech-masts-1.jpg\" ) no-repeat;  background-size: 100% auto; background-origin: padding-box; }<\/style>\r\n<div class=\"beech w100p0 bd-200\"> \r\nThe image does not have to be a featured image.\r\nNor does it have to be part of the page.\r\n<\/div>\r\n\r\n<div><style  type=\"text\/css\" media=\"screen,print\">\r\n.beech { color: white; background-color: transparent;}\r\n<\/style><div class=\"bw_css\">Use custom CSS to alter the background and colours of foreground objects.<code><br \/>\n<span style=\"color: #6666ff;\">.beech<\/span> <span style=\"color: #00AA00;\">&#123;<\/span> <span style=\"color: #000000; font-weight: bold;\">color<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #dc143c;\">white<\/span><span style=\"color: #00AA00;\">;<\/span> <span style=\"color: #000000; font-weight: bold;\">background-color<\/span><span style=\"color: #00AA00;\">:<\/span> <span style=\"color: #dc143c;\">transparent<\/span><span style=\"color: #00AA00;\">;<\/span><span style=\"color: #00AA00;\">&#125;<\/span><br \/>\n&nbsp;<\/code><\/div><\/div>\r\n","protected":false},"excerpt":{"rendered":"<p>Use bw_background to display the attached image as a background image.  Use the <code>selector=<\/code> parameter to apply the background to a particular part of the page.<\/p>\n","protected":false},"featured_media":0,"template":"","letters":[523],"class_list":{"0":"post-35658","1":"shortcode_example","2":"type-shortcode_example","3":"status-publish","5":"letters-b","6":"entry","7":"has-post-thumbnail"},"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>bw_background - attached image - [oik] plugins.com<\/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:\/\/www.oik-plugins.com\/shortcode_example\/bw_background-attached-image\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"bw_background - attached image - [oik] plugins.com\" \/>\n<meta property=\"og:description\" content=\"Use bw_background to display the attached image as a background image. Use the selector= parameter to apply the background to a particular part of the page.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_background-attached-image\/\" \/>\n<meta property=\"og:site_name\" content=\"[oik] plugins.com\" \/>\n<meta property=\"article:modified_time\" content=\"2017-12-18T16:56:10+00:00\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_background-attached-image\/\",\"url\":\"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_background-attached-image\/\",\"name\":\"bw_background - attached image - [oik] plugins.com\",\"isPartOf\":{\"@id\":\"https:\/\/www.oik-plugins.com\/#website\"},\"datePublished\":\"2017-12-16T11:37:55+00:00\",\"dateModified\":\"2017-12-18T16:56:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_background-attached-image\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_background-attached-image\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_background-attached-image\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Shortcode examples\",\"item\":\"https:\/\/www.oik-plugins.com\/shortcode_example\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"bw_background &#8211; attached image\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.oik-plugins.com\/#website\",\"url\":\"https:\/\/www.oik-plugins.com\/\",\"name\":\"[oik] plugins.com\",\"description\":\"WordPress plugins and themes\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.oik-plugins.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"bw_background - attached image - [oik] plugins.com","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:\/\/www.oik-plugins.com\/shortcode_example\/bw_background-attached-image\/","og_locale":"en_US","og_type":"article","og_title":"bw_background - attached image - [oik] plugins.com","og_description":"Use bw_background to display the attached image as a background image. Use the selector= parameter to apply the background to a particular part of the page.","og_url":"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_background-attached-image\/","og_site_name":"[oik] plugins.com","article_modified_time":"2017-12-18T16:56:10+00:00","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_background-attached-image\/","url":"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_background-attached-image\/","name":"bw_background - attached image - [oik] plugins.com","isPartOf":{"@id":"https:\/\/www.oik-plugins.com\/#website"},"datePublished":"2017-12-16T11:37:55+00:00","dateModified":"2017-12-18T16:56:10+00:00","breadcrumb":{"@id":"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_background-attached-image\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.oik-plugins.com\/shortcode_example\/bw_background-attached-image\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.oik-plugins.com\/shortcode_example\/bw_background-attached-image\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Shortcode examples","item":"https:\/\/www.oik-plugins.com\/shortcode_example\/"},{"@type":"ListItem","position":2,"name":"bw_background &#8211; attached image"}]},{"@type":"WebSite","@id":"https:\/\/www.oik-plugins.com\/#website","url":"https:\/\/www.oik-plugins.com\/","name":"[oik] plugins.com","description":"WordPress plugins and themes","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.oik-plugins.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/shortcode_example\/35658","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/shortcode_example"}],"about":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/types\/shortcode_example"}],"version-history":[{"count":1,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/shortcode_example\/35658\/revisions"}],"predecessor-version":[{"id":35660,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/shortcode_example\/35658\/revisions\/35660"}],"wp:attachment":[{"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/media?parent=35658"}],"wp:term":[{"taxonomy":"letters","embeddable":true,"href":"https:\/\/www.oik-plugins.com\/wp-json\/wp\/v2\/letters?post=35658"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}