Welcome to the Gutenberg Editor

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 endeavour 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!

👋

Aviso a los puristas

Instrucciones de Avedon a su laboratorio
Instrucciones de Avedon a su laboratorio

Aviso a los puristas” (Purists Beware) así titulaba Chase Jarvis una entrada en su blog. Era una entrada muy corta pero muy ilustrativa sobre como los puristas siempre consideran que ahora somos todos unos “tramposos” por tener herramientas como Photoshop y “antaño” los grandes maestros no tenían dichos medios; algunos van más lejos y afirman que los grandes maestros no tenían si quiera la predisposición de hacerlo.

Con una simple fotografía de Richard Avedon desmonta todas estas teorías absurdas.

Continue reading “Aviso a los puristas”

´Corcon

20141019_igg_alcorcon-4403

En un lugar de la Mancha, de cuyo nombre no quiero acordarme, no ha mucho tiempo que vivía un hidalgo de los de lanza en astillero, adarga antigua, rocín flaco y galgo corredor. Una olla de algo más vaca que carnero, salpicón las más noches, duelos y quebrantos los sábados, lantejas los viernes, algún palomino de añadidura los domingos, consumían las tres partes de su hacienda. El resto della concluían sayo de velarte, calzas de velludo para las fiestas, con sus pantuflos de lo mesmo, y los días de entresemana se honraba con su vellorí de lo más fino. Tenía en su casa una ama que pasaba de los cuarenta, y una sobrina que no llegaba a los veinte, y un mozo de campo y plaza, que así ensillaba el rocín como tomaba la podadera. Frisaba la edad de nuestro hidalgo con los cincuenta años; era de complexión recia, seco de carnes, enjuto de rostro, gran madrugador y amigo de la caza. Quieren decir que tenía el sobrenombre de Quijada, o Quesada, que en esto hay alguna diferencia en los autores que deste caso escriben; aunque, por conjeturas verosímiles, se deja entender que se llamaba Quejana. Pero esto importa poco a nuestro cuento; basta que en la narración dél no se salga un punto de la verdad.

20141019_igg_alcorcon-4398

Es, pues, de saber que este sobredicho hidalgo, los ratos que estaba ocioso, que eran los más del año, se daba a leer libros de caballerías, con tanta afición y gusto, que olvidó casi de todo punto el ejercicio de la caza, y aun la administración de su hacienda. Y llegó a tanto su curiosidad y desatino en esto, que vendió muchas hanegas de tierra de sembradura para comprar libros de caballerías en que leer, y así, llevó a su casa todos cuantos pudo haber dellos; y de todos, ningunos le parecían tan bien como los que compuso el famoso Feliciano de Silva, porque la claridad de su prosa y aquellas entricadas razones suyas le parecían de perlas, y más cuando llegaba a leer aquellos requiebros y cartas de desafíos, donde en muchas partes hallaba escrito: La razón de la sinrazón que a mi razón se hace, de tal manera mi razón enflaquece, que con razón me quejo de la vuestra fermosura. Y también cuando leía: …los altos cielos que de vuestra divinidad divinamente con las estrellas os fortifican, y os hacen merecedora del merecimiento que merece la vuestra grandeza.

20141019_igg_alcorcon-4396

Con estas razones perdía el pobre caballero el juicio, y desvelábase por entenderlas y desentrañarles el sentido, que no se lo sacara ni las entendiera el mesmo Aristóteles, si resucitara para sólo ello. No estaba muy bien con las heridas que don Belianís daba y recebía, porque se imaginaba que, por grandes maestros que le hubiesen curado, no dejaría de tener el rostro y todo el cuerpo lleno de cicatrices y señales. Pero, con todo, alababa en su autor aquel acabar su libro con la promesa de aquella inacabable aventura, y muchas veces le vino deseo de tomar la pluma y dalle fin al pie de la letra, como allí se promete; y sin duda alguna lo hiciera, y aun saliera con ello, si otros mayores y continuos pensamientos no se lo estorbaran. Tuvo muchas veces competencia con el cura de su lugar -que era hombre docto, graduado en Sigüenza-, sobre cuál había sido mejor caballero: Palmerín de Ingalaterra o Amadís de Gaula; mas maese Nicolás, barbero del mesmo pueblo, decía que ninguno llegaba al Caballero del Febo, y que si alguno se le podía comparar, era don Galaor, hermano de Amadís de Gaula, porque tenía muy acomodada condición para todo; que no era caballero melindroso, ni tan llorón como su hermano, y que en lo de la valentía no le iba en zaga.

20141019_igg_alcorcon-4405

En resolución, él se enfrascó tanto en su letura, que se le pasaban las noches leyendo de claro en claro, y los días de turbio en turbio; y así, del poco dormir y del mucho leer, se le secó el celebro, de manera que vino a perder el juicio. Llenósele la fantasía de todo aquello que leía en los libros, así de encantamentos como de pendencias, batallas, desafíos, heridas, requiebros, amores, tormentas y disparates imposibles; y asentósele de tal modo en la imaginación que era verdad toda aquella máquina de aquellas sonadas soñadas invenciones que leía, que para él no había otra historia más cierta en el mundo. Decía él que el Cid Ruy Díaz había sido muy buen caballero, pero que no tenía que ver con el Caballero de la Ardiente Espada, que de sólo un revés había partido por medio dos fieros y descomunales gigantes. Mejor estaba con Bernardo del Carpio, porque en Roncesvalles había muerto a Roldán el encantado, valiéndose de la industria de Hércules, cuando ahogó a Anteo, el hijo de la Tierra, entre los brazos. Decía mucho bien del gigante Morgante, porque, con ser de aquella generación gigantea, que todos son soberbios y descomedidos, él solo era afable y bien criado. Pero, sobre todos, estaba bien con Reinaldos de Montalbán, y más cuando le veía salir de su castillo y robar cuantos topaba, y cuando en allende robó aquel ídolo de Mahoma que era todo de oro, según dice su historia. Diera él, por dar una mano de coces al traidor de Galalón, al ama que tenía, y aun a su sobrina de añadidura.

20141019_igg_alcorcon-4413

En efeto, rematado ya su juicio, vino a dar en el más estraño pensamiento que jamás dio loco en el mundo; y fue que le pareció convenible y necesario, así para el aumento de su honra como para el servicio de su república, hacerse caballero andante, y irse por todo el mundo con sus armas y caballo a buscar las aventuras y a ejercitarse en todo aquello que él había leído que los caballeros andantes se ejercitaban, deshaciendo todo género de agravio, y poniéndose en ocasiones y peligros donde, acabándolos, cobrase eterno nombre y fama. Imaginábase el pobre ya coronado por el valor de su brazo, por lo menos, del imperio de Trapisonda; y así, con estos tan agradables pensamientos, llevado del estraño gusto que en ellos sentía, se dio priesa a poner en efeto lo que deseaba.

20141019_igg_alcorcon-4410

tralaralara

Bomberos
Bomberos
Bomberos

Vale, pues hay que, fisicamente, quitar la imagen destacada de los archivos de post-type para que no los repita.

O eso o no meter la imagen destacada como contenido del post y dejarla solo mostrada como destacada.

twentyfourteen_post_thumbnail(); de content.php o content-image.php, por ejemplo.

morata

Un pavo bajando en bici
20140427_igg_cto_dh_espana_morata_1196
20140427_igg_cto_dh_espana_morata_1196

-*******-

Un pavo bajando en bici
Un pavo bajando en bici

———**********———-

Un pavo vestido de rosita
Un pavo vestido de rosita bajando rapido que te cagas

otra bici

Vamos a meter un poco de texto para que no se repita la dichosa imagen destacada con la del contenido del post.

Cras at tortor eget nulla auctor ullamcorper. Ut ac porta magna. Duis ornare ultrices mauris, eget sodales tellus tristique sit amet. Pellentesque mauris magna, rhoncus ut vestibulum nec, interdum sit amet felis. Aenean consectetur euismod eros non vulputate. Maecenas aliquam, elit nec interdum auctor, sem augue ultricies enim, ut sagittis purus felis ut elit. Integer sagittis venenatis commodo. Aenean nibh justo, pellentesque nec fringilla eget, viverra ut elit. Integer dictum, sapien ut laoreet sollicitudin, orci nunc bibendum urna, ut blandit lacus enim quis ligula.

Vestibulum aliquet, magna faucibus mattis pharetra, lacus tellus feugiat nibh, in feugiat risus tortor eu nulla. Vivamus non sem at ipsum egestas semper. Curabitur libero risus, pellentesque quis cursus vel, dignissim vel lorem. Praesent vehicula pellentesque metus eu dictum. Duis magna libero, placerat at tempus eget, malesuada eu dolor. Fusce at rhoncus dui. Quisque ac mi id justo consequat venenatis. Quisque lobortis velit quis magna fringilla ac iaculis ligula venenatis. Phasellus sem odio, fermentum in condimentum in, faucibus sit amet odio. Pellentesque quis erat augue, at varius metus. Nullam non leo vel dui molestie aliquam. Aenean sed elit nunc, scelerisque gravida felis. Suspendisse tincidunt interdum libero in aliquet.

Maecenas blandit posuere quam quis ultrices. Suspendisse imperdiet euismod vehicula. Ut vitae lorem eu orci sodales fermentum nec eu lacus. Aenean varius bibendum dui, at interdum dui dictum sed. Sed nisi purus, semper eget sodales non, porta quis turpis. Suspendisse potenti. Aenean nec mi eget lacus lacinia vulputate nec id urna. Praesent semper tristique consectetur. Sed porttitor malesuada velit, lobortis dictum enim consequat sed. Donec vehicula condimentum purus vel bibendum. Maecenas pharetra, justo in sollicitudin faucibus, elit purus lacinia diam, non elementum urna eros nec velit. Etiam nec risus odio. Donec sit amet enim augue, quis consequat urna. Cras felis quam, commodo id commodo ut, scelerisque lacinia leo. Nunc tempus commodo nisl nec faucibus. In odio tellus, ornare sed molestie at, dignissim at nibh.

Vestibulum at odio a lorem posuere semper nec et urna. Morbi in nibh neque. Vivamus quis commodo odio. Phasellus a est non sem hendrerit fringilla. Nullam pretium justo vitae erat aliquam ac rhoncus dolor posuere. Integer aliquet pretium pretium. Suspendisse vel congue ligula. Vestibulum arcu tortor, faucibus id dapibus a, fermentum in enim. Morbi ullamcorper mi ut tellus pellentesque quis ultricies sapien iaculis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean leo felis, dictum et venenatis sed, elementum eu dolor. Etiam bibendum consequat metus vel feugiat. Aliquam magna orci, laoreet vel pretium eget, luctus quis nulla. Proin quis eros risus, a varius justo.

biciii
biciii

Sed eget odio arcu, feugiat interdum nisi. Etiam consectetur, dui nec volutpat auctor, est odio commodo nulla, quis ultricies enim dui ut ipsum. Nulla orci nulla, pretium vitae fermentum at, mollis sit amet mi. Vestibulum sit amet diam justo, lacinia sodales enim. Nullam ullamcorper arcu eget nisi scelerisque non cursus dui tempus. Integer id velit quis sem malesuada interdum vitae suscipit arcu. Proin cursus viverra magna, vitae porta orci malesuada sit amet. Etiam porta, enim vel eleifend suscipit, tellus quam suscipit libero, nec convallis nisi justo a magna. Integer in scelerisque quam. Nam quam enim, rutrum vel tristique at, sagittis id erat.

Mauris pharetra nulla et metus venenatis scelerisque. Phasellus ornare, lacus varius ultricies rhoncus, massa est laoreet felis, eget porttitor quam ligula nec nulla. Vestibulum consectetur magna et lacus luctus sed volutpat sapien consectetur. Nullam iaculis, nulla ac tincidunt porttitor, erat lorem luctus odio, id blandit velit diam id dolor. Integer ut blandit nunc. Curabitur ac tempor augue. Aliquam ut euismod metus. Nunc mattis orci neque. Aenean vel velit tellus, in gravida diam. Nam nec ullamcorper ipsum.

Curabitur sit amet porta augue. Pellentesque luctus mi lorem. Pellentesque at tortor sit amet odio aliquet faucibus quis placerat magna. Praesent ut dui diam, vel condimentum velit. Quisque sed odio ullamcorper odio sodales placerat. Fusce eget sem nibh. Donec at tortor massa, eu dapibus est.

Duis vestibulum, urna ut hendrerit lobortis, augue lacus dapibus augue, ac aliquet erat neque eget augue. Fusce eget feugiat orci. Nam feugiat ante vel dolor imperdiet eleifend. Vivamus nec rhoncus erat. Cras elementum ligula eu lacus posuere ut tristique mauris ultricies. Suspendisse sem nibh, molestie et feugiat in, faucibus vitae erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Quisque accumsan, turpis quis interdum tempor, sem purus hendrerit orci, vel semper metus nunc tristique orci. Aliquam gravida, sapien molestie gravida tempor, augue libero venenatis urna, eu tempor sapien quam nec mi. Donec euismod leo sapien. Duis nec ante non lectus interdum elementum. Praesent malesuada placerat arcu ut consequat. Etiam enim orci, fringilla a sodales vitae, tincidunt sit amet metus. Cras rhoncus volutpat felis eu rutrum. Maecenas in erat sit amet sem elementum fermentum. Sed aliquet porttitor ligula, non egestas risus elementum at. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam ipsum arcu, dapibus id venenatis sit amet, faucibus non justo. Aliquam mollis porttitor elit et hendrerit. Nunc fermentum ornare justo, eu tristique tellus luctus eu.