demo.wpgraphql.comWPGraphQL Demo – Demo site for WPGraphQL

WPGraphQL Demo Demo site for WPGraphQL Menu About Pages Amazon Store Blog Home Page Comments Page Comments Disabled Page Image Alignment Page Markup And Formatting Categories Alignment Comments Corner Case Embeds Excerpt Featured Images Formatting Images Jetpack Lists Markup More Tag Password Post Formats Shortcodes Sticky Titles Unpublished Depth Level 01 Level 02 Level 03 Level 04 Level 05 Level 06 Level 07 Level 08 Level 09 Level 10 Advanced Menu Title Attribute Menu CSS Class Menu Description New Window / Tab Tiled Gallery This is a test for Jetpack’s Tiled Gallery. You can install Jetpack or Slim Jetpack to test it out. This is some text after the Tiled Gallery just to make sure that everything spaces nicely. Author Jared Erickson Posted on March 15, 2013 Categories Gallery , Images , Jetpack Leave a comment on Tiled Gallery Twitter Embeds Doing what you know” locks you in a prison of the past. Uncertainty is the path to an innovative future. — Carl Smith (@carlsmith) October 16, 2012 This post tests WordPress’ Twitter Embeds feature. Author Jason Bradley Posted on March 15, 2013 Categories Content , Embeds , Twitter Leave a comment on Twitter Embeds Featured Image (Vertical)…yo 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. Author John Saddington Posted on March 15, 2013 September 12, 2019 Categories Codex , Corner Case , Featured Images , Images Leave a comment on Featured Image (Vertical)…yo Featured Image (Horizontal)…yo 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. Author Tom McFarlin Posted on March 15, 2013 September 12, 2019 Categories Codex , Corner Case , Featured Images , Images Leave a comment on Featured Image (Horizontal)…yo Nested And Mixed Lists Nested and mixed lists are an interesting beast. It’s a corner case to make sure that Lists within lists do not break the ordered list numbering order Your list styles go deep enough Ordered – Unordered – Ordered ordered item ordered item unordered unordered ordered item ordered item ordered item ordered item Ordered – Unordered – Unordered ordered item ordered item unordered unordered unordered item unordered item ordered item ordered item Unordered – Ordered – Unordered unordered item unordered item ordered ordered unordered item unordered item unordered item unordered item Unordered – Unordered – Ordered unordered item unordered item unordered unordered ordered item ordered item unordered item unordered item Author Michael Novotny Posted on March 15, 2013 Categories Content , Lists Leave a comment on Nested And Mixed Lists More Tag This content is before the more tag . Right after this sentence should be a continue reading” button of some sort. Continue reading More Tag” Author Chris Ames Posted on March 15, 2013 Categories Content , More Tag Leave a comment on More Tag Excerpt This is a post excerpt. This is the post content. Author Jared Erickson Posted on March 15, 2013 Categories Content , Excerpt Leave a comment on Excerpt Markup And Formatting Headings Header one Header two Header three Header four Header five Header six Blockquotes Single line blockquote: Stay hungry. Stay foolish. Multi line blockquote with a cite reference: People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997 Tables Employee Salary John Saddington $1 Because that’s all Steve Job’ needed for a salary. Tom McFarlin $100K For all the blogging he does. Jared Erickson $100M Pictures are worth a thousand words, right? So Tom x 1,000. Chris Ames $100B With hair like that?! Enough said… Definition Lists Definition List Title Definition list division. Startup A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model. #dowork Coined by Rob Dyrdek and his personal body guard Christopher Big Black” Boykins, Do Work” works as a self motivator, to motivating your friends. Do It Live I’ll let Bill O’Reilly will explain this one. Unordered Lists (Nested) List item one List item one List item one List item two List item three List item four List item two List item three List item four List item two List item three List item four Ordered List (Nested) List item one List item one List item one List item two List item three List item four List item two List item three List item four List item two List item three List item four HTML Tags These supported tags come from the WordPress.com code FAQ . Address Tag 1 Infinite Loop Cupertino, CA 95014 United States Anchor Tag (aka. Link) This is an example of a link . Abbreviation Tag The abbreviation srsly stands for seriously”. Acronym Tag The acronym ftw stands for for the win”. Big Tag These tests are a big deal, but this tag is no longer supported in HTML5. Cite Tag Code is poetry.” — Automattic Code Tag You will learn later on in these tests that word-wrap: break-word; will be your best friend. Delete Tag This tag will let you strikeout text , but this tag is no longer supported in HTML5 (use the strike instead). Emphasize Tag The emphasize tag should italicize text. Insert Tag This tag should denote inserted text. Keyboard Tag This scarsly known tag emulates keyboard text , which is usually styled like the code tag. Preformatted Tag This tag styles large blocks of code. .post-title { margin: 0 0 5px; font-weight: bold; font-size: 38px; line-height: 1.2; } Quote Tag Developers, developers, developers… –Steve Ballmer Strong Tag This tag shows bold text. Subscript Tag Getting our science styling on with H 2 O, which should push the 2” down. Superscript Tag Still sticking with science and Albert Einstein’s E = MC 2 , which should lift the 2” up. Teletype Tag This rarely used tag emulates teletype text , which is usually styled like the code tag. Variable Tag This allows you to denote variables . Author Tom McFarlin Posted on January 11, 2013 Categories Content , Formatting , Markup Leave a comment on Markup And Formatting Image Alignment Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let’s get started. On the topic of alignment, it should be noted that users can choose from the options of None , Left , Right, and Center . In addition, they also get the options of Thumbnail , Medium , Large & Fullsize . The image above happens to be centered . The rest of this paragraph is filler for the sake of seeing the text wrap around the 150×150 image, which is left aligned . As you can see the should be some space above, below, and to the right of the image. The text should not be creeping on the image. Creeping is just not right. Images need breathing room too. Let them speak like you words. Let them do their jobs without any hassle from the text. In about one more sentence here, we’ll see that the text moves from the right of the image down below the image in seamless transition. Again, letting the do it’s thang. Mission accomplished! And now for a massively large image . It also has no alignment . The image above, though 1200px wide, should not overflow the content area. It should remain contained with no visible disruption to the flow of content. And now we’re going to shift things to the right align . Again, there should be plenty of room above, below, and to the left of the image. Just look at him there… Hey guy! Way to rock that right side. I don’t care what the left aligned image says, you look great. Don’t...