{"id":37817,"date":"2015-07-26T17:30:28","date_gmt":"2015-07-26T17:30:28","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/add-background-size-to-customizer\/"},"modified":"2015-07-26T17:36:38","modified_gmt":"2015-07-26T17:36:38","slug":"add-background-size-to-customizer","status":"publish","type":"plugin","link":"https:\/\/ug.wordpress.org\/plugins\/add-background-size-to-customizer\/","author":14221942,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"0.0.1","stable_tag":"trunk","tested":"4.2.39","requires":"3.4.0","requires_php":"","requires_plugins":"","header_name":"Add background-size to Customizer","header_author":"Chris Borchert","header_description":"","assets_banners_color":"f2eee8","last_updated":"2015-07-26 17:36:38","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/cborchert\/wp_background_size","header_author_uri":"https:\/\/www.upwork.com\/users\/~01a1334c219d2092b7","rating":5,"author_block_rating":0,"active_installs":50,"downloads":3806,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"1"},"assets_icons":[],"assets_banners":{"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":"1206925","resolution":"772x250","location":"assets","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":"1206925","resolution":"1","location":"assets","width":790,"height":367},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":"1206925","resolution":"2","location":"assets","width":793,"height":368}},"screenshots":{"1":"Demonstrating custom CSS to create a tiled 100px by 100px background.","2":"Demonstrating \"Cover\" option."}},"plugin_section":[],"plugin_tags":[2769,2767,356,2768,133],"plugin_category":[43,50,59],"plugin_contributors":[87078],"plugin_business_model":[],"class_list":["post-37817","plugin","type-plugin","status-publish","hentry","plugin_tags-appearance","plugin_tags-background","plugin_tags-css","plugin_tags-customizer","plugin_tags-image","plugin_category-customization","plugin_category-media","plugin_category-utilities-and-tools","plugin_contributors-cmborchert","plugin_committers-cmborchert"],"banners":{"banner":"https:\/\/ps.w.org\/add-background-size-to-customizer\/assets\/banner-772x250.jpg?rev=1206925","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/add-background-size-to-customizer_f2eee8.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/add-background-size-to-customizer\/assets\/screenshot-1.jpg?rev=1206925","caption":"Demonstrating custom CSS to create a tiled 100px by 100px background."},{"src":"https:\/\/ps.w.org\/add-background-size-to-customizer\/assets\/screenshot-2.jpg?rev=1206925","caption":"Demonstrating \"Cover\" option."}],"raw_content":"<!--section=description-->\n<p>This plugin for Wordpress adds a background-size controller to the Background Image section in the Wordpress Customizer.<\/p>\n\n<p>You can access the new controller by going to <strong>Appearance &gt; Customize<\/strong> from the Dashboard, and clicking on the <strong>Background Image<\/strong> section.<\/p>\n\n<p>Once you've added your custom background image, you can set your background-image size to: \n - \"Cover\": As large as possible; fills entire view, with cropping.\n - \"Contain\": As large as possible, without cropping; fits inside of view.\n - \"100% width\": Width fits view perfectly, height may be smaller or larger than view (equivalent to css '100% auto').\n - \"100% height\": Height fits view perfectly, width may be smaller or larger than view (equivalent to css 'auto 100%').\n - \"Inherit\": Sets background size to whatever parent element is set to (html, in this case).\n - \"Custom\": Allows you to put in your own css to be applied in the section called \"CSS for background-size (if 'custom' selected).\"<\/p>\n\n<p>To learn more about the CSS background-size property, go to:<\/p>\n\n<p>https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/background-size\nor\nhttp:\/\/www.w3schools.com\/cssref\/css3_pr_background-size.asp<\/p>\n\n<h3>Notes<\/h3>\n\n<p><strong>Notes:<\/strong>\n*The plugin works by adding styles to the body.custom-background class. If the default custom-background support has been disrupted, then this plugin will not work.<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload <code>add-bg-size-to-customizer.php<\/code> to the <code>\/wp-content\/plugins\/<\/code> directory<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<\/ol>\n\n<p>That's it!<\/p>\n\n<!--section=changelog-->\n<h4>0.0.1<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Allows you to control the background-size of your main background image from the comfort of the customizer, using predetermined values or custom CSS.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/37817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=37817"}],"author":[{"embeddable":true,"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/cmborchert"}],"wp:attachment":[{"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=37817"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=37817"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=37817"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=37817"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=37817"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/ug.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=37817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}