{"id":125783,"date":"2020-08-02T19:16:01","date_gmt":"2020-08-02T19:16:01","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/high-performance-css-slider\/"},"modified":"2020-08-02T20:08:07","modified_gmt":"2020-08-02T20:08:07","slug":"high-performance-css-slider","status":"publish","type":"plugin","link":"https:\/\/bre.wordpress.org\/plugins\/high-performance-css-slider\/","author":18185378,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.0","stable_tag":"trunk","tested":"5.4.19","requires":"5.4","requires_php":"7.4","requires_plugins":"","header_name":"High Performance CSS Slider","header_author":"Moritz Scheitinger","header_description":"High Performance CSS Slider","assets_banners_color":"369ec5","last_updated":"2020-08-02 20:08:07","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/moritz-scheitinger.de\/HPCSSSLIDER\/","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":987,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","faq","changelog"],"tags":[],"upgrade_notice":{"1.0":"<ul>\n<li>Initial Release<\/li>\n<\/ul>\n\n<p>Features:<\/p>\n\n<ul>\n<li>High end Performance<\/li>\n<li>CSS only so no JS involved<\/li>\n<li>Responsive<\/li>\n<li>2.2 kB only<\/li>\n<li>CSS Only gets loaded when the Shortcode of the Slider is on that Page<\/li>\n<\/ul>"},"ratings":[],"assets_icons":{"icon-128x128.jpg":{"filename":"icon-128x128.jpg","revision":"2351212","resolution":"128x128","location":"assets","locale":""},"icon-256x256.jpg":{"filename":"icon-256x256.jpg","revision":"2351212","resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544x500-rtl.jpg":{"filename":"banner-1544x500-rtl.jpg","revision":"2351212","resolution":"1544x500","location":"assets","locale":""},"banner-1544x500.jpg":{"filename":"banner-1544x500.jpg","revision":"2351212","resolution":"1544x500","location":"assets","locale":""},"banner-772x250-rtl.jpg":{"filename":"banner-772x250-rtl.jpg","revision":"2351212","resolution":"772x250","location":"assets","locale":""},"banner-772x250.jpg":{"filename":"banner-772x250.jpg","revision":"2351212","resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.jpg":{"filename":"screenshot-1.jpg","revision":"2351205","resolution":"1","location":"assets","locale":""},"screenshot-10.jpg":{"filename":"screenshot-10.jpg","revision":"2351205","resolution":"10","location":"assets","locale":""},"screenshot-11.jpg":{"filename":"screenshot-11.jpg","revision":"2351205","resolution":"11","location":"assets","locale":""},"screenshot-12.jpg":{"filename":"screenshot-12.jpg","revision":"2351205","resolution":"12","location":"assets","locale":""},"screenshot-13.jpg":{"filename":"screenshot-13.jpg","revision":"2351205","resolution":"13","location":"assets","locale":""},"screenshot-14.jpg":{"filename":"screenshot-14.jpg","revision":"2351205","resolution":"14","location":"assets","locale":""},"screenshot-2.jpg":{"filename":"screenshot-2.jpg","revision":"2351205","resolution":"2","location":"assets","locale":""},"screenshot-3.jpg":{"filename":"screenshot-3.jpg","revision":"2351205","resolution":"3","location":"assets","locale":""},"screenshot-4.jpg":{"filename":"screenshot-4.jpg","revision":"2351205","resolution":"4","location":"assets","locale":""},"screenshot-5.jpg":{"filename":"screenshot-5.jpg","revision":"2351205","resolution":"5","location":"assets","locale":""},"screenshot-6.jpg":{"filename":"screenshot-6.jpg","revision":"2351205","resolution":"6","location":"assets","locale":""},"screenshot-7.jpg":{"filename":"screenshot-7.jpg","revision":"2351205","resolution":"7","location":"assets","locale":""},"screenshot-8.jpg":{"filename":"screenshot-8.jpg","revision":"2351205","resolution":"8","location":"assets","locale":""},"screenshot-9.jpg":{"filename":"screenshot-9.jpg","revision":"2351205","resolution":"9","location":"assets","locale":""}},"screenshots":{"1":"Slider Preview","2":"Slider on website with content","3":"Performance Test","4":"Features Explained","5":"Features Explained","6":"How to Use Step 1","7":"How to Use Step 2","8":"How to Use Step 3","9":"How to Use Step 4","10":"How to Use Step 5","11":"How to Use Step 6","12":"How to Use Step 7","13":"Mobile Example","14":"Mobile Example"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[189090,2141,1483,611,2143],"plugin_category":[],"plugin_contributors":[189091],"plugin_business_model":[],"class_list":["post-125783","plugin","type-plugin","status-publish","hentry","plugin_tags-css-only-slider","plugin_tags-image-slider","plugin_tags-responsive-slider","plugin_tags-slider","plugin_tags-wordpress-slider","plugin_contributors-speznat","plugin_committers-speznat"],"banners":{"banner":"https:\/\/ps.w.org\/high-performance-css-slider\/assets\/banner-772x250.jpg?rev=2351212","banner_2x":"https:\/\/ps.w.org\/high-performance-css-slider\/assets\/banner-1544x500.jpg?rev=2351212","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/high-performance-css-slider\/assets\/icon-128x128.jpg?rev=2351212","icon_2x":"https:\/\/ps.w.org\/high-performance-css-slider\/assets\/icon-256x256.jpg?rev=2351212","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/high-performance-css-slider\/assets\/screenshot-1.jpg?rev=2351205","caption":"Slider Preview"},{"src":"https:\/\/ps.w.org\/high-performance-css-slider\/assets\/screenshot-2.jpg?rev=2351205","caption":"Slider on website with content"},{"src":"https:\/\/ps.w.org\/high-performance-css-slider\/assets\/screenshot-3.jpg?rev=2351205","caption":"Performance Test"},{"src":"https:\/\/ps.w.org\/high-performance-css-slider\/assets\/screenshot-4.jpg?rev=2351205","caption":"Features Explained"},{"src":"https:\/\/ps.w.org\/high-performance-css-slider\/assets\/screenshot-5.jpg?rev=2351205","caption":"Features Explained"},{"src":"https:\/\/ps.w.org\/high-performance-css-slider\/assets\/screenshot-6.jpg?rev=2351205","caption":"How to Use Step 1"},{"src":"https:\/\/ps.w.org\/high-performance-css-slider\/assets\/screenshot-7.jpg?rev=2351205","caption":"How to Use Step 2"},{"src":"https:\/\/ps.w.org\/high-performance-css-slider\/assets\/screenshot-8.jpg?rev=2351205","caption":"How to Use Step 3"},{"src":"https:\/\/ps.w.org\/high-performance-css-slider\/assets\/screenshot-9.jpg?rev=2351205","caption":"How to Use Step 4"},{"src":"https:\/\/ps.w.org\/high-performance-css-slider\/assets\/screenshot-10.jpg?rev=2351205","caption":"How to Use Step 5"},{"src":"https:\/\/ps.w.org\/high-performance-css-slider\/assets\/screenshot-11.jpg?rev=2351205","caption":"How to Use Step 6"},{"src":"https:\/\/ps.w.org\/high-performance-css-slider\/assets\/screenshot-12.jpg?rev=2351205","caption":"How to Use Step 7"},{"src":"https:\/\/ps.w.org\/high-performance-css-slider\/assets\/screenshot-13.jpg?rev=2351205","caption":"Mobile Example"},{"src":"https:\/\/ps.w.org\/high-performance-css-slider\/assets\/screenshot-14.jpg?rev=2351205","caption":"Mobile Example"}],"raw_content":"<!--section=description-->\n<p>Its a High Performance CSS only slider, That is Optimized to the Max possible. \nThe CSS of the Slider only gets loaded in if the Shortcode is used on that page, so other pages without that slider dont suffer performance issues.\nThe CSS is just 2.2 Kb in Size.<\/p>\n\n<p>In Google Lighthouse the slider have:\n100% In Performance\n100% in Best practices\n100% in Accessibility\nand 99% in SEO<\/p>\n\n<p>How it should be used:\n2-5 Images that have the SAME size, the image sizes and repsonsive look depends on where you place the shortcode of the slider. \nand they should be in jpg format, for the best performance possible.\nIts Optimized for a max of 5 Slides only, dont use more.\nAlso non minified version of the CSS is in the Plugin folder if you want to Style it yourself, but please use a minifier too.<\/p>\n\n<h3>HPCSS Slider Installation and Usage<\/h3>\n\n<p>This Instructions are in Pictures explained but here short in text form:<\/p>\n\n<ol>\n<li>Upload 'hpcss_slider' to the wordpress admin<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress<\/li>\n<li>Open hpcss_slider and add a slide<\/li>\n<li>insert the image gallery using 'add media' button<\/li>\n<li>Select \"Create Gallery\" on the far left than pick your items and click on save<\/li>\n<li>Take the shortcode from the overview page<\/li>\n<li>Place it anywhere on your page<\/li>\n<li>Add Title and Meta Description to the Images than they will appear. (in the description field of the image you can also ad html)<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt><h3>Can I use unlimited slides?<\/h3><\/dt>\n<dd><p>no please only use max of 5<\/p><\/dd>\n<dt><h3>What about image format?<\/h3><\/dt>\n<dd><p>If you place the Slider Shortcode than it will use the full width on the element above. The Images will be adjusted to that format. Please use only images of the the same size in the slider.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial Release<\/li>\n<\/ul>","raw_excerpt":"Its a High Performance CSS only slider, That is Optimized to the Max possible.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/bre.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/125783","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bre.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/bre.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/bre.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=125783"}],"author":[{"embeddable":true,"href":"https:\/\/bre.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/speznat"}],"wp:attachment":[{"href":"https:\/\/bre.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=125783"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/bre.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=125783"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/bre.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=125783"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/bre.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=125783"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/bre.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=125783"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/bre.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=125783"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}