{"id":128,"date":"2008-09-03T09:35:23","date_gmt":"2008-09-03T09:35:23","guid":{"rendered":"http:\/\/wpthemetestdata.wordpress.com\/2007\/09\/04\/test-with-wide-image-resized\/"},"modified":"2008-09-03T09:35:23","modified_gmt":"2008-09-03T09:35:23","slug":"images-test","status":"publish","type":"post","link":"https:\/\/www.actif.my\/apps\/index.php\/2008\/09\/03\/images-test\/","title":{"rendered":"Images Test"},"content":{"rendered":"

Left-align, no caption<\/h3>\n

\"blogLeft-aligned image with no caption, and text before and after.\u00a0Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n

Right-align, no caption<\/h3>\n

\"blogRight-aligned image with no caption, and text before and after.\u00a0Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n

No alignment, no caption<\/h3>\n

None-aligned image with no caption, and text before and after.\u00a0\"blog Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n

<\/p>\n

Image Alignment Tests: Captioned Images<\/h2>\n

Center-align with Caption<\/h3>\n

Center-aligned image with caption, and text before and after.<\/p>\n

\"blog
A picture is worth a thousand words<\/figcaption><\/figure>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n

Left-align with caption<\/h3>\n

Left-aligned image with caption, and text before and after.<\/p>\n

\"blog
A picture is worth a thousand words<\/figcaption><\/figure>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n

Right-align with caption<\/h3>\n

Right-aligned image with caption, and text before and after.<\/p>\n

\"blog
A picture is worth a thousand words<\/figcaption><\/figure>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n

No alignment, with caption<\/h3>\n

None-aligned image with caption, and text before and after.<\/p>\n

\"blog
A picture is worth a thousand words<\/figcaption><\/figure>\n

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas vel est. Nunc aliquam, orci at accumsan commodo, libero nibh euismod augue, a ullamcorper velit dui et purus. Aenean volutpat, ipsum ac imperdiet fermentum, dui dui suscipit arcu, vitae dictum purus diam ac ligula.<\/p>\n

<\/p>\n

Other Image Tests<\/h2>\n

Wide Image, Resized In Editor<\/h3>\n

Image is 1000x667px, resized in editor to 300×200.<\/p>\n

\"blog<\/p>\n

Wide Image, Not Resized<\/h3>\n

Image is 1000x667px, not resized in editor, and does not overflow outside of the content area.<\/p>\n

\"blog<\/p>\n

Image Thumbnails<\/h3>\n

\"blog<\/p>\n

\"blog<\/p>\n

<\/p>\n

Clearing Floats<\/h2>\n

The last item in this post is a floated image. Make sure any elements after it are clearing properly.<\/p>\n

\"blog<\/p>\n","protected":false},"excerpt":{"rendered":"

Left-align, no caption Left-aligned image with no caption, and text before and after.\u00a0Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed odio nibh, tincidunt adipiscing, pretium nec, tincidunt id, enim. Fusce scelerisque nunc vitae nisl. Quisque quis urna in velit dictum pellentesque. Vivamus a quam. Curabitur eu tortor id turpis tristique adipiscing. Morbi blandit. Maecenas […]<\/p>\n","protected":false},"author":1,"featured_media":5104,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"chat","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/www.actif.my\/apps\/index.php\/wp-json\/wp\/v2\/posts\/128"}],"collection":[{"href":"https:\/\/www.actif.my\/apps\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.actif.my\/apps\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.actif.my\/apps\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.actif.my\/apps\/index.php\/wp-json\/wp\/v2\/comments?post=128"}],"version-history":[{"count":0,"href":"https:\/\/www.actif.my\/apps\/index.php\/wp-json\/wp\/v2\/posts\/128\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.actif.my\/apps\/index.php\/wp-json\/wp\/v2\/media\/5104"}],"wp:attachment":[{"href":"https:\/\/www.actif.my\/apps\/index.php\/wp-json\/wp\/v2\/media?parent=128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.actif.my\/apps\/index.php\/wp-json\/wp\/v2\/categories?post=128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.actif.my\/apps\/index.php\/wp-json\/wp\/v2\/tags?post=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}