• Κανένα προϊόν στο καλάθι σας.

Closeup photography of green palm leaves

  • Home
  • Νέα

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.

Of Mountains & Printing Presses

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:

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!

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

?

Comments(34)

  1. Zack Yacovone

    I’m very happy to read this. This is the kind of manual that needs to be given and not the random misinformation that’s at the other blogs. Appreciate your sharing this best doc.

    https://www.zoritolerimol.com

  2. Jgcjjt

    purchase viagra online – viagra next day order sildenafil 50mg generic

  3. Opapik

    order prednisolone 5mg online cheap – oral prednisolone buy tadalafil 20mg pills

  4. Qlsyaz

    augmentin 375mg cheap – tadalafil 10mg tadalafil 10mg drug

  5. Emergency Garage Door Repair in Sun City

    When I originally commented I clicked the “Notify me when new comments are added” checkbox and now each time a comment is added I get three emails with the same comment. Is there any way you can remove me from that service? Thank you!

    https://phxgaragedoor.guru/garage-door-repair-in-sun-city-az/

  6. Jmpajw

    sulfamethoxazole pill – sildenafil tablet buy generic sildenafil

  7. Peenah

    order cephalexin 500mg for sale – buy cephalexin 500mg online erythromycin 500mg usa

  8. Dsvgmy

    sildenafil 50mg us – buy generic sildenafil purchase stromectol

  9. Hckpjs

    buy rhinocort online cheap – budesonide drug oral disulfiram

  10. Jqjooy

    buy ceftin 500mg – cialis 20mg over the counter tadalafil 10mg price

  11. Rmrjlv

    ampicillin 250mg cost – purchase ampicillin without prescription tadalafil 40mg ca

  12. Dvkgie

    amoxicillin 500mg canada – buy generic amoxicillin 250mg vardenafil 20mg pill

  13. Btloxl

    stromectol 3 mg tablets price – stromectol coronavirus buy vardenafil 10mg online

  14. Nqyffz

    cheap doxycycline 200mg – buy clomiphene generic tadalafil 40mg oral

  15. Sqpqor

    cialis 10mg canada – online canadian pharmacy legit provigil 100mg for sale

  16. Jocrum

    prednisone online buy – free ed pills buy isotretinoin 40mg pills

  17. Lyvzhc

    buy generic amoxicillin 500mg – sildenafil 100mg cost sildenafil 150mg generic

  18. Unmcui

    order prednisolone 40mg – prednisolone pill buy viagra 50mg without prescription

  19. Jhufhm

    order furosemide online cheap – buy stromectol uk buy ivermectin 12mg

  20. Pshjtj

    purchase plaquenil – oral hydroxychloroquine order baricitinib 4mg online cheap

  21. Rqridm

    order glucophage generic – glucophage 1000mg sale amlodipine online buy

  22. Yxjdsx

    lisinopril us – tenormin 100mg us order atenolol 50mg

  23. Ldukba

    vardenafil 20mg sale – order vardenafil online cheap clomid tablet

  24. Nupumh

    cheap ventolin inhalator – academic writing is buy priligy pills

  25. Xjcnwg

    order synthroid 100mcg online cheap – synthroid 75mcg drug order plaquenil pill

  26. Hmrfkh

    tadalafil 40mg usa – sildenafil 50 mg order viagra 100mg generic

  27. Pzskqv

    buy deltasone 20mg for sale – buy amoxil 250mg order amoxil 500mg pill

  28. Rwrpla

    purchase diltiazem generic – buy gabapentin 800mg pills order neurontin 600mg

  29. Gftwxe

    purchase lasix for sale – buy zovirax online buy doxycycline 200mg for sale

  30. Qycicu

    cenforce 100mg uk – stromectol generic order motilium pill

  31. Stjvid

    viagra 50mg us – sildenafil 50 mg buy cialis 20mg without prescription

  32. hire a hacker for cell phone

    Hello! I’m at work browsing your blog from my new iphone! Just wanted to say I love reading your blog and look forward to all your posts! Carry on the superb work!

    https://www.hannibalhackers.su/

  33. hire a hacker to catch cheating spouse

    Lovely just what I was searching for.Thanks to the author for taking his clock time on this one.

    https://www.keystroke.group/

  34. hire a hacker for social media

    Valuable information. Lucky me I found your web site by accident, and I’m shocked why this accident did not happened earlier! I bookmarked it.

    https://www.keystroke.group/

10% έκπτωση με την εγγραφή σας στο Newsletter μας!*

*Η έκπτωση ισχύει για την πρώτη παραγγελία σας