Selamat Datang di Editor Gutenberg

Contoh Gambar Cover
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!

👋

Amaze banget sama ClojureScript dan om.next

Facebook sama netflix ninggalin REST, mereka nge-invent Relay dan Falcor buat gantiinya. Intinya, buat request gak perlu lagi minta orang back-end buat bikin end-point baru, orang UI bisa bikir request sendiri.

Well, pas skripsi, gw tau perihnya ngebikin banyak endpoint buat ngehandle request yang aneh2. Endpoinya sih gampang, testing nya yang ribet. Itu kayak makan cabe, awalnya sih enak, akhirnya mencret berdarah2.

Dan sekarang, gw pake om.next, ClojureScript library btw, yang nyuri ide Facebook dan Netflix itu. om.next ini lebih keren lagi karena querynya simple. Bayangin ngoding UI tapi punya teknologi select sql tanpa harus ada server dan bisa bikin route semena2.

Nggak ada lagi string json, semuanya full struktur data

Nggak ada lagi string json, semuanya full struktur data

Di samping gambar, itu bukan json btw.

Well, client in full control!

Testimoni pake om.next seminggu terakhir.

Saving my Money

From now on, I will make sure that I don’t waste my money anymore. If my calculation doesn’t wrong, in the 2016, last year alone, I made more than 18000 USD. The problem is, I don’t know what I spent for. But I remembered that I subscribe for hosting and server thing just for fun.

I bought Mac and PS4 (and games), but it just about 3000 USD. I subscribe for MOOCs and bought some books, but it not more than 1000. So where are the rest?? I don’t know!!!

Realize that I manage the money so bad. I will learn to save my money.

Domain I deleted for saving my money.

Domain I saved.

My saving target is for buying a house.

Upgrade Biznet: dari MyMax 3 Family (4 Mbps) ke BiznetHome 2 (10 Mbps)

Saya mendapatkan kabar dai fanspage mymax3 bahwa Biznet mengeluarkan layanan baru, yaitu BiznetHome. Meskipun layanan baru, tetapi dengan nama besar seperti BizNet saya sudah yakin tentang kualitas dari BizNet.

Hal menarik dari layanan BizNet Home ini, tidak seprti max3, pada BizNet home layanan internet only dan internet combo (tambahan tv kabel) memiliki perbedaan signifikan. Dimana dengan harga yang sama dengan max3, layanan internet only BizNet home memberikan kecepatan internet 2x lebih cepat.

Penasaran, saya langsung saja login memakai akun max3 pada website biznethome, ternyata bisa.

SS Biznet Home

Selama ini, saya menjadi pelanggan max3 dari 2012, yaitu ketika max3 masing mengadakan promo. Saat itu, masih belum terdapat layanan tv kabel, masih internetnya saja.

Sampai 2015, dengan nominal yang sama dengan layanan tv kabel, saya masih memakai layanan tersebut. Hingga pada akhirnya saya bisa beralih ke BiznetHome internet only.

Pada website biznet home tersebut, saya bisa beralih ke pake internet only. Dan Akhirnya saya mendapatkan speed 10 Mbps, dari sebelumnya 4 Mbps.

Ganti paket BizNet Home

BizNet Speedtest

Jadi sebenernya, buat apa internet cepet?

Haha, quote itu pasti akan selalu dikenal. 😉

Facebook Went Down for 15 minutes, peoples goes crazy!

Today facebook down for 15 minutes, I thought it was error on my network. But when I check twitter, Peoples experienced same shit.

Hmm.. There was a day when my website down for 30 minutes, and no one people goes crazy,.. different level, LOL..

facebook down for 15 minutes

facebook down for 15 minutes