By request, this view shows the original responsive images example with an extended srcset range. Full srcset image width list breaks down as follows: 300 pixels (default from WordPress) 375 pixels (new in this example) 768 pixels (default from WordPress) 1024 pixels (default from WordPress) 1125 pixels (new in this example) 1920 pixels (new in […]
Category Archives: Uncategorized
Responsive Images demo: Corrected code
Note: Because of how the Twenty Nineteen theme defines widths, what image source is selected is influenced by both viewport width and screen resolution. In other words, a viewport width of 800px on a 2x monitor will be interpreted as 1600px. To run tests on 2x monitors, use the Firefox developer tools in mobile display […]
Responsive Images demo: Current generated code
Note: Because of how the Twenty Nineteen theme defines widths, what image source is selected is influenced by both viewport width and screen resolution. In other words, a viewport width of 800px on a 2x monitor will be interpreted as 1600px. To run tests on 2x monitors, use the Firefox developer tools in mobile display mode […]
Post-Gutenberg Image Post
This post features various images and image sizes including a gallery to test the download size of different setups. The post was created using the latest build of the Gutenberg plugin (as of Tuesday August 7 at 4:58pm PST) which includes the Responsive Images in galleries PR. Note: All images are originally 1600px wide.Only default […]
WordPress Resources at SiteGround
WordPress is an award-winning web software, used by millions of webmasters worldwide for building their website or blog. SiteGround is proud to host this particular WordPress installation and provide users with multiple resources to facilitate the management of their WP websites: Expert WordPress Hosting SiteGround provides superior WordPress hosting focused on speed, security and customer […]
Template: Featured Image (Vertical)
This post should display a featured image, if the theme supports it. Non-square images can provide some unique styling issues. This post tests a vertical featured image.
Template: Featured Image (Horizontal)
This post should display a featured image, if the theme supports it. Non-square images can provide some unique styling issues. This post tests a horizontal featured image.
Template: More Tag
This content is before the more tag. Right after this sentence should be a “continue reading” button of some sort.
Template: Excerpt (Defined)
This is a user-defined post excerpt. It should be displayed in place of the post content in archive-index pages.
Template: Excerpt (Generated)
This is the post content. It should be displayed in place of the auto-generated excerpt in single-page views. Archive-index pages should display an auto-generated excerpt of this content. Depending on Theme-defined filters, the length of the auto-generated excerpt will vary from Theme-to-Theme. The default length for auto-generated excerpts is 55 words, so to test the […]