Two Thousand Words

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut sollicitudin eget neque ullamcorper viverra. Aenean luctus et augue ac condimentum. Donec et risus et elit sodales rutrum nec nec nunc. Sed vel ultrices metus. Vivamus pharetra ultricies magna in sollicitudin. Vivamus mollis eleifend sem id tempus. Duis laoreet tortor at facilisis condimentum. Phasellus non libero blandit, viverra nisl non, euismod massa. Integer porta sem sit amet purus dictum, sit amet egestas lorem pulvinar. Sed ante dui, pretium condimentum interdum sed, venenatis non urna. What about now?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus id purus vel lorem vulputate finibus. Praesent consequat pellentesque velit at blandit. Maecenas semper, ante et varius vulputate, ante turpis mattis sapien, non accumsan est felis sit amet nisl. Morbi in posuere arcu. In maximus ac libero a vulputate. Ut eget risus sed lorem molestie viverra. Mauris vitae sapien vel erat rutrum euismod. Curabitur consequat metus quis elementum dictum. Quisque condimentum iaculis purus, ac sollicitudin augue tempor nec. Aenean sit amet augue a lorem bibendum rutrum. Donec sit amet sodales enim.

Proin auctor euismod felis, imperdiet malesuada nibh scelerisque in. Nulla facilisi. Donec vitae metus magna. Nunc a facilisis tortor. Cras lacinia purus id ultrices volutpat. Morbi molestie aliquet massa. Donec id enim non ex aliquam congue at lacinia diam.

Morbi lobortis et turpis et maximus. Proin pretium sagittis luctus. Ut consequat lorem ac vulputate auctor. Ut facilisis tortor in iaculis suscipit. Nulla sit amet pharetra orci. Phasellus sit amet odio laoreet purus vehicula elementum et at urna. Cras lectus erat, porta vel pulvinar sit amet, mollis eget magna. Maecenas sit amet elementum erat. Duis faucibus nunc in egestas imperdiet. In varius libero mollis lectus auctor molestie. In semper augue eleifend nibh malesuada ullamcorper. Duis aliquet feugiat elementum. Maecenas luctus et sapien et iaculis. Etiam convallis ullamcorper libero. Curabitur eget neque vel sem varius facilisis vel eu elit.

Fusce egestas accumsan mattis. Sed a lorem varius, porttitor eros vitae, sagittis ex. Nam non nibh mauris. Vivamus ut tellus sed lectus venenatis convallis. Nam aliquet lacinia neque et aliquam. Mauris eget urna facilisis, commodo nisi nec, euismod tortor. Maecenas tincidunt, nunc at pellentesque sodales, dui eros interdum risus, a vehicula nunc tortor viverra arcu. Nunc eu scelerisque quam. Nunc pulvinar arcu purus. Nunc porttitor a velit sit amet rhoncus. Cras vel velit ac tellus rutrum ullamcorper non in mi. Suspendisse elementum ullamcorper fringilla.

Pellentesque viverra, libero vel aliquam tempus, nisi est euismod ipsum, et commodo purus nunc quis massa. Pellentesque arcu ex, laoreet non commodo non, aliquam porttitor erat. Mauris ornare sem ac tincidunt ultricies. Sed porttitor eleifend quam in vehicula. Morbi feugiat lobortis nunc, at efficitur ante euismod vitae. Quisque tristique eleifend mi eget malesuada. Vivamus laoreet urna diam, at bibendum elit lacinia quis. Pellentesque eu enim accumsan, pellentesque tellus auctor, pharetra metus. Integer pretium risus leo, quis lobortis urna ultrices viverra. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras interdum ornare tellus, nec tristique tellus luctus nec.

Mauris malesuada augue neque, aliquam efficitur sem elementum vel. Nam vitae malesuada purus. Etiam feugiat consequat leo, eget laoreet orci porta sit amet. Aenean pretium rhoncus nisl. Nam non magna ac urna laoreet dapibus vel id sapien. Etiam aliquet finibus rhoncus. Morbi id mauris vel dui scelerisque scelerisque at et sapien.

Integer tincidunt dui id est vestibulum, quis congue lorem maximus. Proin nec massa arcu. Praesent venenatis erat nibh, non ullamcorper risus ultricies dapibus. Mauris blandit lectus sed lacinia tincidunt. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent nec venenatis enim. Fusce a sagittis sapien, id tincidunt dolor. Pellentesque placerat urna a consectetur iaculis. Morbi venenatis suscipit augue. Praesent aliquam, neque a egestas volutpat, lectus nunc fermentum dui, sit amet semper dolor ligula et magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Fusce ultrices mi neque, ullamcorper rhoncus diam lacinia mattis. Sed ac est nisl. Vestibulum ultrices pretium felis, nec auctor enim facilisis ut. Proin velit tellus, sollicitudin at nunc eget, dapibus tincidunt ligula. Curabitur porttitor velit eu leo scelerisque placerat. Proin gravida massa mauris, ac sodales lorem ultricies at. Maecenas ante quam, suscipit eget scelerisque ac, gravida sit amet magna. Pellentesque quis erat dignissim, lobortis velit in, facilisis tellus. Suspendisse potenti. Integer aliquam est interdum libero facilisis molestie. Nullam sagittis, ante non maximus tincidunt, eros ex vulputate mauris, quis condimentum lacus urna at lorem. In condimentum, neque ut tincidunt consequat, mauris nisl feugiat tortor, ut pharetra quam metus nec neque. Fusce aliquam diam ut enim dapibus sollicitudin.

Donec tincidunt varius congue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec fermentum purus eu nisl tincidunt pulvinar. Nam velit velit, aliquet quis auctor sed, pretium at massa. Donec enim est, pellentesque eget gravida blandit, feugiat ut elit. Sed consectetur nisl in laoreet tincidunt. Vivamus ullamcorper tempor eros, vel luctus ante gravida id.

Curabitur ultricies diam quis diam consectetur, ac iaculis felis convallis. Suspendisse urna sapien, venenatis dapibus sapien eu, porta convallis ex. Ut et nisl venenatis, semper nibh eget, accumsan nulla. In interdum orci ac massa lobortis, in varius nisl pretium. Nunc nunc risus, hendrerit at efficitur eget, feugiat vitae velit. Sed gravida sodales metus, quis vestibulum ipsum ullamcorper non. Quisque libero nulla, commodo et sem vel, feugiat ultricies libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce vel dolor finibus, semper augue eget, congue nibh. Pellentesque luctus blandit aliquet. Etiam congue in sem in ornare. Nunc ornare id nibh quis feugiat. Nulla placerat, ex sed hendrerit faucibus, arcu massa mollis dolor, at lacinia felis lorem id est. Cras varius dui in consectetur consectetur. Sed sagittis, ipsum non mattis porta, elit tellus mollis tellus, id semper dolor leo quis enim.

Sed sodales eros ut ultrices accumsan. Sed tincidunt sapien quis nisl feugiat condimentum. Nullam feugiat lacinia tellus, elementum efficitur elit varius ut. Aliquam vel eros a augue hendrerit finibus. Suspendisse potenti. Nunc vitae lectus ultricies, finibus ligula at, pulvinar est. Nunc varius consequat ullamcorper. Donec sit amet dignissim sem. Vestibulum consectetur quam quis lacus efficitur, at molestie nibh porta. Sed eu consequat quam. Vestibulum et dolor at eros varius euismod vel vitae enim. Phasellus finibus placerat dignissim. Mauris fermentum augue sit amet justo porttitor consectetur. Nulla facilisi. Maecenas eros purus, vestibulum semper ullamcorper nec, volutpat vitae urna.

Duis euismod magna et nibh cursus fringilla. Vivamus malesuada est nibh, vel lobortis libero gravida eget. Cras venenatis eros sem, vitae luctus lacus viverra hendrerit. Nunc egestas dolor leo, eget ullamcorper nibh blandit ac. Praesent congue scelerisque lorem eget accumsan. Cras nec convallis tortor. Ut vulputate mi rutrum nisi condimentum, ac venenatis arcu placerat. Phasellus vehicula nunc quis condimentum maximus. Suspendisse lacinia suscipit lacus non rutrum. Proin ut nisl id massa gravida sollicitudin eu aliquam orci. Donec id lectus magna.

Nam sed tristique nisl. In ultricies justo consequat purus condimentum, ut maximus metus faucibus. Proin laoreet arcu sit amet felis dapibus dignissim. Suspendisse rhoncus turpis dui, at condimentum nunc dictum in. Cras ac nisl lacinia arcu elementum malesuada. Praesent tincidunt felis et ex malesuada laoreet in quis justo. In hac habitasse platea dictumst. Morbi sollicitudin viverra libero, vitae feugiat nibh varius nec.

Etiam molestie nibh ipsum, dictum luctus sapien feugiat ut. Nam at diam ut est laoreet vehicula. Morbi congue est nunc, sit amet ullamcorper eros sodales at. Maecenas id faucibus ante. Nunc posuere pharetra eros, id feugiat erat ornare at. Nunc dictum eros elit, sit amet rutrum felis tristique vel. Donec turpis ex, sollicitudin vitae mi quis, tempor ornare eros. Etiam consequat, lectus ac imperdiet tincidunt, nunc dui lobortis odio, non posuere purus massa sed felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam laoreet ante tellus, in iaculis nisl rutrum ac. Nunc ut placerat nunc, vel convallis nulla. Curabitur augue dui, pretium fermentum commodo non, semper a est. Cras hendrerit cursus nibh sed ultricies. Aliquam erat volutpat.

Duis hendrerit varius nisl at hendrerit. Nulla dignissim risus id tortor sodales vehicula. Vivamus iaculis suscipit ultrices. Fusce dapibus ac eros vel auctor. Morbi bibendum et arcu at tincidunt. Donec facilisis dui in gravida pharetra. Curabitur consequat in neque et laoreet. Maecenas vestibulum cursus laoreet.

Nulla lobortis ultricies velit, in iaculis purus accumsan eget. Praesent at gravida felis. Mauris id nulla nulla. Aliquam quis nibh vitae sem luctus posuere luctus in neque. Morbi congue risus risus, et auctor dui maximus ut. Phasellus dignissim elit odio, nec scelerisque eros scelerisque non. Quisque ut pellentesque ligula. Duis sit amet mi at ipsum auctor aliquet. Duis at bibendum nisi.

Vivamus in posuere turpis. Nam lobortis placerat dui, eu pretium ante. Curabitur non ipsum nisi. Aliquam erat volutpat. Etiam et sodales turpis. Phasellus a malesuada massa. Sed ut sagittis tortor. Suspendisse maximus justo non facilisis consequat. Nulla facilisi. Sed vel lorem sem. Morbi lacinia feugiat diam, quis dapibus arcu maximus vel. In hac habitasse platea dictumst. Suspendisse dui enim, semper at lorem non, malesuada rhoncus risus. In rhoncus ante nibh, id pulvinar quam tincidunt non.

Vestibulum condimentum pharetra lacus sit amet elementum. Praesent et justo quam. Nam eget fringilla elit. Donec cursus molestie nulla, at fringilla massa ullamcorper eget. Mauris sit amet felis rhoncus, pulvinar massa vitae, semper erat. Proin nibh purus, placerat eget mattis nec, elementum placerat ex. Duis quis velit odio. Sed vehicula nibh id euismod vulputate. Aliquam condimentum consequat erat a finibus. Etiam aliquam quam purus, eu condimentum felis efficitur sit amet. Nam varius porta velit, nec accumsan felis vehicula id. Donec fringilla ligula sit amet lacinia commodo. Interdum et malesuada fames ac ante ipsum primis in faucibus. Morbi nec quam nisl. Integer a pharetra lectus, non vehicula elit.

Sed pellentesque, ante facilisis laoreet luctus, lacus quam iaculis risus, egestas interdum justo metus a urna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Integer pulvinar aliquet nunc eget sagittis. Suspendisse viverra sem nisi, et dictum augue lobortis nec. Aliquam et gravida tortor, id consequat justo. Vivamus dapibus, tortor quis porta bibendum, odio purus accumsan justo, sed maximus purus nisl sed ex. Cras justo sem, rutrum eu mauris non, pulvinar bibendum elit. Nullam eu justo sit amet lorem sodales volutpat ut quis nisl. Donec porttitor vulputate sapien a tempor. Vestibulum blandit mollis risus eu pharetra. Quisque id feugiat odio. Etiam suscipit quis nisl sit amet volutpat. Ut at diam sit amet dolor ultricies lobortis id eget nisl. Nullam at faucibus lacus. Fusce eu diam vitae quam dignissim luctus. Cras felis orci, ultricies vel rutrum ullamcorper, auctor a ipsum.

Donec posuere pulvinar orci, a imperdiet mi volutpat ac. Praesent finibus lacinia eros, sed pulvinar metus fringilla vitae. Curabitur rhoncus lacus quis velit facilisis, et iaculis risus tristique. Nam neque nisl, sagittis vel nunc sagittis, semper hendrerit libero. Maecenas ut imperdiet tortor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Vivamus neque tellus, rutrum eu consequat at, mollis ac eros. Morbi malesuada quam dui, nec suscipit libero elementum pharetra. Proin convallis lorem orci, quis ornare tortor consequat quis. Donec id nulla ligula. Phasellus quam elit, vestibulum non lectus vel, fermentum viverra turpis. Fusce laoreet ultricies urna.

Quisque id sapien feugiat, dignissim augue eu, fermentum sapien. Nullam pharetra sem lectus, in mattis turpis accumsan tincidunt. Suspendisse facilisis ligula in magna mollis, dictum sagittis felis mattis. Phasellus tincidunt, diam non pulvinar lobortis, mauris nibh hendrerit urna, aliquam lobortis diam mi et mauris. Sed eget luctus nunc, non sodales elit. Nunc est magna, varius et ante rutrum, rhoncus elementum orci. Curabitur a quam sit amet lacus laoreet auctor at ac purus. Etiam porttitor pulvinar elit, et dapibus odio maximus eu. Pellentesque volutpat viverra leo sed pharetra. In vel dui vel elit ornare porta fermentum ut quam. Vestibulum eu tortor sapien. Pellentesque sagittis elementum elit sed dignissim.

Nullam ornare maximus blandit. Nunc leo lectus, pretium non molestie ac, dapibus non neque. Quisque ante nisl, gravida eget turpis at, lobortis congue nulla. Aenean cursus vehicula dui vitae luctus. Ut nisi ligula, congue a ante sit amet, aliquam elementum magna. Nulla lobortis erat vitae.

Multi-column

Pellentesque habitant morbi tristique senectus et netus et malesuada fames.


Curabitur eu libero quam. Maecenas sed suscipit est. In pharetra dictum mi sed pharetra.

Suspendisse malesuada ut lectus in tempor. Quisque ultricies diam ac nisl imperdiet consectetur.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam elit erat, tincidunt posuere neque a, ultrices euismod quam. Sed at dui ex. Mauris vestibulum id dui eget maximus. Aenean bibendum nisi nec porttitor vehicula. In quis leo nec orci semper blandit. Aliquam erat volutpat. Nullam lobortis, ligula quis mollis posuere, enim nulla auctor nunc, eu sodales libero lacus sit amet dolor. Aenean vitae risus vel nisi auctor varius sit amet non nunc. Sed sollicitudin, quam vitae semper rhoncus, nunc magna condimentum dui, quis convallis lectus est ac massa.

Welcome to the Gutenberg Editor

This is the first block.

This paragraph started out as a classic block.

Of Mountains & Printing Presses

The goal of this new editor is to make adding rich content to WordPress simple and enjoyable. This whole post is composed of pieces of content—somewhat similar to LEGO bricks—that you can move around and interact with. Move your cursor around and you’ll notice the different blocks light up with outlines and arrows. Press the arrows to reposition blocks quickly, without fearing about losing things in the process of copying and pasting.

What you are reading now is a text block the most basic block of all. The text block has its own controls to be moved freely around the post…

… like this one, which is right aligned.

Headings are separate blocks as well, which helps with the outline and organization of your content.

A Picture is Worth a Thousand Words

Handling images and media with the utmost care is a primary focus of the new editor. Hopefully, you’ll find aspects of adding captions or going full-width with your pictures much easier and robust than before.

Beautiful landscape
If your theme supports it, you’ll see the “wide” button on the image toolbar. Give it a try.

Try selecting and removing or editing the caption, now you don’t have to be careful about selecting the image or other text by mistake and ruining the presentation.

The Inserter Tool

Imagine everything that WordPress can do is available to you quickly and in the same place on the interface. No need to figure out HTML tags, classes, or remember complicated shortcode syntax. That’s the spirit behind the inserter—the (+) button you’ll see around the editor—which allows you to browse all available content blocks and add them into your post. Plugins and themes are able to register their own, opening up all sort of possibilities for rich editing and publishing.

Go give it a try, you may discover things WordPress can already add into your posts that you didn’t know about. Here’s a short list of what you can currently find there:

  • Text & Headings
  • Images & Videos
  • Galleries
  • Embeds, like YouTube, Tweets, or other WordPress posts.
  • Layout blocks, like Buttons, Hero Images, Separators, etc.
  • And Lists like this one of course 🙂

Visual Editing

A huge benefit of blocks is that you can edit them in place and manipulate your content directly. Instead of having fields for editing things like the source of a quote, or the text of a button, you can directly change the content. Try editing the following quote:

The editor will endeavor to create a new page and post building experience that makes writing rich posts effortless, and has “blocks” to make it easy what today might take shortcodes, custom HTML, or “mystery meat” embed discovery.

Matt Mullenweg, 2017

The information corresponding to the source of the quote is a separate text field, similar to captions under images, so the structure of the quote is protected even if you select, modify, or remove the source. It’s always easy to add it back.

Blocks can be anything you need. For instance, you may want to add a subdued quote as part of the composition of your text, or you may prefer to display a giant stylized one. All of these options are available in the inserter.

You can change the amount of columns in your galleries by dragging a slider in the block inspector in the sidebar.

Media Rich

If you combine the new wide and full-wide alignments with galleries, you can create a very media rich layout, very quickly:

Accessibility is important — don’t forget image alt attribute

Sure, the full-wide image can be pretty big. But sometimes the image is worth it.

The above is a gallery with just two images. It’s an easier way to create visually appealing layouts, without having to deal with floats. You can also easily convert the gallery back to individual images again, by using the block switcher.

Any block can opt into these alignments. The embed block has them also, and is responsive out of the box:

You can build any block you like, static or dynamic, decorative or plain. Here’s a pullquote block:

Code is Poetry

The WordPress community

If you want to learn more about how to build additional blocks, or if you are interested in helping with the project, head over to the GitHub repository.


Thanks for testing Gutenberg!

👋

11878

gazpacho

Aenean feugiat et urna sed luctus. Etiam at fermentum magna, ut posuere massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin tempus finibus maximus. Sed sed pharetra sapien. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce interdum, leo ut molestie sagittis, neque velit vestibulum enim, in mollis felis ligula eu ligula. Quisque malesuada odio nec mi feugiat ornare. Donec mollis tincidunt lectus in accumsan. Nam et nunc id lorem aliquam auctor. Cras diam nibh, eleifend nec fermentum sed, convallis vitae dui. In vitae nunc et nunc ornare tincidunt. Suspendisse tristique vestibulum mollis.

Vivamus feugiat ligula eget ex tempor, vitae laoreet velit laoreet. Ut vestibulum finibus porta. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam rhoncus accumsan magna vel fermentum. Vestibulum nec vulputate magna, sed laoreet mauris. Maecenas pulvinar maximus rhoncus. Etiam ultrices sapien quis libero lacinia, a cursus erat finibus. Cras aliquam velit vel pellentesque condimentum. Sed molestie lacus quis orci luctus lacinia. Pellentesque sit amet magna bibendum leo iaculis mollis. Phasellus id metus eleifend diam gravida placerat. Nullam sed blandit lorem, ut aliquet augue. Sed eget facilisis dolor. Praesent egestas turpis sapien, pharetra facilisis sapien varius quis. Nulla dui ligula, faucibus vitae quam vel, facilisis fermentum massa. Sed sit amet convallis tortor.

Nunc sollicitudin malesuada sem elementum rutrum. Morbi molestie ipsum non felis accumsan tristique. Nunc id neque eu lacus dapibus dictum nec eget augue. Donec lobortis leo lacus, ac iaculis dolor viverra sit amet. Nunc sollicitudin ut felis iaculis pulvinar. Curabitur fringilla porttitor pulvinar. Ut molestie augue semper, ornare sapien non, vulputate turpis. In hac habitasse platea dictumst. Nullam nec eros ut elit eleifend finibus. Suspendisse tempus tellus nec lectus viverra tempor. Duis et mi ornare, tempor nulla eget, volutpat mi. Pellentesque molestie metus vel tempus fermentum. Pellentesque dolor quam, sagittis ut nulla in, fringilla fermentum justo.