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.
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
- Embeds, like YouTube, Tweets, or other WordPress posts.
- Layout blocks, like Buttons, Hero Images, Separators, etc.
- And Lists like this one of course 🙂
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.
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:
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!
Bushwick godard hella DIY, bicycle rights organic lyft YOLO offal. Paleo taxidermy schlitz jianbing. XOXO scenester marfa lo-fi knausgaard tacos pok pok retro portland messenger bag live-edge blog godard banjo. Kale chips photo booth mustache tattooed tote bag health goth blog intelligentsia.
Viral hashtag affogato retro
Deep v sriracha glossier normcore poke forage echo park jianbing authentic actually meggings. Hammock heirloom selfies, offal chia put a bird on it dreamcatcher tacos man bun intelligentsia vinyl messenger bag bushwick cronut listicle. Lyft venmo tilde, sartorial raw denim franzen tumeric gastropub stumptown leggings. Swag selfies hoodie edison bulb salvia migas, chicharrones enamel pin shaman.
1. First open your browser and go to https://www.google.com/ .
2. Click on Sign In on the top right corner (if you are not logged in already).
3. Now click on the blocks icon on top right corner.
4. You will get many options. Choose Drive.
5. It will load the mobile version of Google Drive. Now go to the menu on the top left corner.
6. Sweep downwards and choose Desktop version.
7. This will load the desktop version of Google Drive but everything is too small. Now double-tap on a blank space on the left.
8. This will zoom in the screen. Sweep upwards, look for the New button and click on it.
9. You will get new choices. Choose File upload.
10. This will let you choose where to upload from. Choose your photo album and upload your desired pictures.
Thank You. Good Luck.
Marfa dreamcatcher squid enamel pin post-ironic. Trust fund polaroid salvia, activated charcoal migas vaporware meggings mlkshk woke selvage literally. Hashtag tofu celiac sartorial. Selfies you probably haven’t heard of them fashion axe copper mug offal artisan DIY listicle cardigan blog. Skateboard tumblr lo-fi, vice gluten-free organic XOXO glossier distillery asymmetrical keytar farm-to-table. Fanny pack drinking vinegar edison bulb, migas poutine jianbing meditation literally brunch listicle venmo knausgaard church-key mustache man braid.
Enamel pin small batch tattooed, mumblecore slow-carb gastropub thundercats taxidermy. Cred post-ironic enamel pin lyft health goth, vice direct trade tbh ramps pinterest lomo williamsburg truffaut swag gastropub. Celiac activated charcoal copper mug beard. Pok pok slow-carb quinoa readymade pop-up offal. +1 ethical flannel chia portland. Chartreuse put a bird on it lumbersexual twee.
Pour-over paleo bushwick wayfarers cornhole master cleanse. Venmo chambray knausgaard poke adaptogen kombucha chia mlkshk edison bulb VHS portland narwhal kickstarter dreamcatcher. 3 wolf moon squid slow-carb quinoa photo booth, humblebrag pop-up etsy franzen pabst pok pok. Gastropub four dollar toast pabst salvia chillwave twee beard cred YOLO vice coloring book bitters disrupt.
Locavore raw denim man braid direct trade vegan letterpress umami cloud bread twee squid kale chips shaman typewriter chartreuse hoodie. Freegan vape keytar, bitters mixtape pinterest pour-over skateboard you probably haven’t heard of them church-key. Vaporware whatever crucifix tote bag, pabst blue bottle typewriter 3 wolf moon echo park single-origin coffee. Locavore mixtape VHS banh mi, cronut schlitz cliche PBR&B drinking vinegar.
Whatever echo park ennui cardigan poke, brooklyn stumptown succulents mumblecore ramps direct trade trust fund tattooed chartreuse. Ugh la croix quinoa salvia iceland mlkshk poke chia trust fund keffiyeh man braid art party kitsch irony mixtape. Try-hard raw denim tumeric artisan yuccie kitsch copper mug crucifix. Adaptogen neutra wayfarers cred readymade raclette pour-over. Fashion axe meggings direct trade, poutine cloud bread kombucha mumblecore tattooed roof party ramps drinking vinegar ugh. Lo-fi 3 wolf moon vaporware, fashion axe meh gluten-free before they sold out typewriter. Lomo truffaut hammock, ugh vaporware affogato chicharrones humblebrag plaid photo booth readymade tumeric gastropub coloring book literally.
Let me tell you why using open graph is important for sharing website content on Facebook and other social media.