 Saya tidak akan berjaya sejauh-jauh seperti Huay Rens. Terutamanya kerana ia tidak benar-benar tanika. Saya akan bercakap tentang Gutenberg. Ia adalah editur berlaku yang berlaku dengan berlaku. Agenda itu adalah apa ialah Gutenberg? Bagaimana untuk di-install untuk bermain? Saya akan melakukan sedikit perjalanan pada editur baru. Selepas itu, kita akan mempertimbangkan beberapa pro dan con dari editur. Pertama, apa yang berlaku dengan Gutenberg? Ia adalah perlukan baru pada editur berlaku. Ia adalah nama setelah Johannes Gutenberg yang membuat pembentangan yang berlaku dengan perlukan yang berlaku dengan perlukan yang berlaku sekitar 500 tahun lalu. Ia tidak membuatkan perlukan yang berlaku dengan Project Gutenberg. Di sini, saya ada yang membuat pembentangan yang saya mahu beraskan. Ia adalah sesuatu yang akan berlaku dengan serta-salah yang kita datang sekali. Saya akan membuat pembentangan untuk mempunyai pembentangan yang saya mahu dapatkan. Saya benar-benar berlaku dengan castan yang saya tidak pernah mengeriakan. Tidak apa-apa pun, saya akan melakukan sedikit perlukan bagi pembentangan. Saya akan menyikastikan bagi pembentangan yang saya mahu mengeriakan. ada banyak kode short dan html kode sekarang untuk menjadikan kelihatan pelanggan dan Gutenberg mempunyai untuk membuatnya mudah untuk orang yang mempunyai dengan mengambil blocs yang sedikit dan juga menambahkan pilihan yang lebih awal tetapi itu berlaku semuanya kerana sekarang belum di dalam jadi sekarang ia di beta beta dan boh kerana tidak terlalu tinggi dalam pilihan perkara-perkara yang dianggapkan untuk menghubung ia tidak mempunyai, ia tidak mempunyai untuk penjagaan tidak menggunakan kelihatan pelanggan jika anda mencuba kelihatan pelanggan tetapi jika anda mempunyai kelihatan pelanggan, anda mahu menggunakan kelihatan pelanggan yang digunakan untuk mencuba dan membuatnya, saya membuatnya dari perasaan saya sendiri jadi sebab sebagai pengguna, kami berharap untuk mencubanya dengan menggabungkannya sebagai perusahaan kami boleh menyebabkan kelihatan pelanggan atau mencuba kelihatan pelanggan dalam projek GitHub dan semoga ini akan diberikan di WordPress 5.0 yang menghadiri sebuah pilihan yang sekarang adalah perusahaan pilihan setiap pilihan antara 4-6 bulan awak patut esok pada tahun yang akan berakhir ini berikan sebuah masa untuk pilihan pilihan pilihan dan pilihan pilihan dan pilihan untuk menggunakan kelihatan pelanggan bagaimana anda membunyai GuruTunberg yang sebenarnya membuatkan perusahaan pilihan secara recent It requires WordPress 4.8, which is the latest version. So to show you the page. So this is the parking page for Gutenberg. In here it also says here, this is a beta software. Do not run it on production sites. FAQ on how to get feedbacks and how to contribute. So to contribute to this, you do not need to be a developer yourself. You can just be an user who finally found some bugs or issues that you are not aware of and then you can go to their plug-ins. Go to their GitHub. So say for example, GitHub pages, they have a lot of feedbacks, testing feedbacks and issues raised. So the developers themselves, they can prioritize what to fix and what to put in, some of them are actually enhancements. Same goes for the support forums here. So moving on to exploring Gutenberg. This is what I'm going to cover hopefully in time. So first is the new menu comparing pretty old editor, new editor. The mobile view and also exploring some of the blocks there. Do remind me if I have sleep out some data. So first thing first, this is Gutenberg after installing. How you access it is through this menu option here. It has new post function, which you can actually see over here, or a demo. It's also a demo basically have this basic. Welcome to the Gutenberg editor. With all the different blocks already been used. And another way to access it is that after you install, you can actually see that there's an additional link here called Gutenberg, which will direct you to the Gutenberg editor. So let me first compare the old and new editor. So this is the new editor, right? This is the old editor. So you can see that it's a lot more cluttered with the various options at the sidebars. And there's also the extra stuff at the bottom here where there's text and everything else. And whereas in the new editor, right now it has the post settings hidden over here. You can actually, it's a drop-down menu. And actually has more screen space just for the post itself. To look at the mobile view, let me collect this menu first and just write. So let me go to there. So it's a responsive design. So you can actually see that the Gutenberg editor itself is already, you can actually edit on mobile without much fast. So if you look at this, it's the tiny MCE bus here is taking out a lot of space. And I also have other plug-ins installed on there. That's why it looks very bloated as well. On a pure vanilla one, you'll probably see only this much. But still it's a lot of space that has been used up. And then, now let's explore the blocks. So the blocks are basically broken into text blocks, table, live page, buttons, and bed views. So there are just some examples. So for text blocks, it's basically just text itself where you can input a text. And if you want to create a new block, you can just basically double-enter in order to break into a new block and enter your text in a new block. And not only that, you can actually adjust your block up and down with these buttons here and those formatting and alignments here as well. There are also other settings that you can see on the side here as well. I'm not going to in depth. You can play around when you are back at home. Table view. Let me try to find a table view. So this is a table view. So this table view here, you can actually insert right now to insert, we have to go all the way down and hit this plus button and insert the table. And then settings are not working right now. So as expected, there will be bugs, right? And not only that for a live HTML view, you can actually... Let's see. Yeah. I'm not able to get it out right now. Yeah, so this plugin just came out recently so I'm also a bit unfamiliar with these two, but basically what this live HTML editor is supposed to do is that when you switch over, you can switch over just only that block itself to the HTML view instead of looking into the text view itself because text view it's a bit messy, right? You will notice that there are additional text here, these additional comments here which is not in the tiny MCE. So if you look in the tiny MCE if I go to text it actually has it but it doesn't format properly right now. On the front end you will not see the text at all. So don't need to worry about that. Okay. And then there are also buttons that is included here. So basically buttons additional blocks which will help you to create call to action buttons without installing additional plugins or do additional formatting or stuff like that. So it's a good block for people who wants to create a product page or contact us button without really going into the design. Right? And there's also the embed function. Embedding is very simple. So just need to there's actually a long list of providers like Flickr, Reddit, Spotify, YouTube inside here already in this list. So basically just click on this and you just need to put in the YouTube URL. Right? Okay. So the pros of Gutenberg is that TANI MCE is good in a sense that it helps people to put in the stuff that they want into a site but it has to move on from TANI MCE because there are actually a lot of issues with TANI MCE sometimes you might some of you might face unexpected formatting issues some might and also how many writers do you know that actually know HTML? Right? Usually when writers finish writing already or go through the editor and editor will sometimes put in additional HTML in order to put in things like related articles or you may like this post as well. Right? And for publishers that like medium style editing Gutenberg is something that is similar to what medium has. Right? And actually a while ago Matt Gutenberg who is the WordPress co-founder and creator either one but he actually tried medium writing a post on medium to announce a new release of our WordPress version and thereafter on his personal blog went on to say that he's looking into how to better improve the writing experience and he said what's not better than to go into medium itself and experience the entire user interface and learn from there. Right? So that's one thing that I suppose taken from as you can see there's more screen space less distraction the blogs and alignment options are also making it easier for responsive sites it also works well on mobile so you can actually edit your stuff on mobile there's also the ability for team and blocking developers to add their own custom blogs. Right now because Gutenberg is something new so the developers more or less I wouldn't say hesitant but slowly gearing into providing custom blogs for Gutenberg Right? Given that there's a drive to include this in the WordPress core in at least a year time Right? But currently the core is that there's no markdown support so whoever likes markdown you have to stay off it for the moment The learning curve wise Well, some of if you are new to WordPress which guys are really not if you are new to WordPress the learning curve is actually very easy because you don't need to unlearn what you have learned and and so for that more experience actually took me a while as well the better part of today to actually get used to the interface there are no custom meta boxes yet so things like the use SEO plugin if you look at the Gutenberg interface just now realize that the use SEO plugin is not there Right? but they are looking into how to into how to provide the same same level of information to the users as well most likely in a using a pre-production pre-publication model there are also no responsive columns yet so the thing is that in WordPress by default there's no responsive columns but there are a lot of page builders like visual composer they they have responsive columns inside and that's something that a lot of people are looking for so this is something that a lot of people are actually looking forward to for eventual inclusion but WordPress compatibility is also a suspect in the sense that because it's a complete breakaway from tiny MCE there was or there is I'm not really sure a drive to include tiny MCE into Gutenberg as well as a blog which I there's some pushback on that as well don't bang on that so very compatibility compatibility with a lot of plugins we have to see how it goes when it release the transfer of view not being able to update to 5.0 it likely be there as long as the plugin developers or at least the developers of the plugins that you use or the teams that you use they don't update their site their files the projects accessibility accessibility in the sense that if you are not if you are somehow handicapped whether visual or what's not right now it's hard to use and their contributors who are looking to improving the accessibility of this as well so but you have to be aware that Gutenberg is still in beta and it's likely to be in beta for at least a year so the inclusion of it is like two major versions away so fixes and features have been work on at the moment so there are some props that I have to give shout outs that I have to give to first it's this article diving into the new Gutenberg WordPress editor so basically the reason why I give that is this presentation is structured around this clearly written post that was published two days ago while I was still scratching my head at that thing already yeah the groovy is in the audience WordPress sorry no Microsoft Singapore for hosting us and Microchain for allowing this PHP slash WordPress meetup to happen usually we have our meetup separately yeah right so who am I I'm Robert you can contact me that email address there and that is a caricature of me any questions and or feedback or anything you can raise now short quotes short quotes currently should still work but but it's best to move towards custom blocks after all short quotes are actually hacks that was put in in order to answer a question a future request from the end users they want to put in some custom customized stuff inside then yeah back then they realized we need something and short quotes was the answer yeah but it's still a hack yeah yeah you can install Jetpack for that yes thanks for reminding me but because I don't use Markdown so I did explore that feature what do you mean by Markdown? Markdown is basically a format writing format so instead of using like the H1 or H2 text right you basically use things like dash and the equal size to to hmm oh yes that is a good one yeah raw okay so this is front right we won't see much of it because it's really format but if we look at the at the raw it's basically like this yeah so you notice the headings are like using the hash sign text block the images are embedded in this manner yeah so some writers likes this yeah yes sorry right so let me right now it's not really well formatted so this is the front end oh yes iya iya iya so you can build custom blocks that might be developers who try to be creative and use this custom block functionality and basically extend to make it dynamic so we will see how it goes yeah after all it's something new yeah yes project you mean the oh this plugin this plugin is there for us to try out actually so it's for us to try out to give feedback to the contributors the developers right so in you mean you're talking about as a total editor by itself don't right now i don't think there's talks of that yet yeah ah you can i think but i'm not really sure about the yeah after all this is an open source project right now it's hosting on its own own own githrepo so you can go inside explore and see how how you can straddle out and spinning off your own make it a good but standalone yeah i think the strategy that WordPress always uses is to create a plugin is a new feature that experimenting for the call but before they actually call they actually build extension first so once extension improvement to work in this case it's actually is on trajectory eventually make hopefully make this part of the call so it can be was never originally planned as a separate project or something you can just plug into your own application or own website for your own new stuff but i guess since the code is all open source and javascript stuff is all there you could theoretically just look through that code and find parts that make sense to you and maybe rip it out or if you look deeper they may actually have a way to like if you want to use it in your personal site in a different capacity they probably have some guide there i guess if you look at the development guide of how to contribute new blocks and stuff you could also from there get some clues about how to release yourself but again it's a matter of leading to the source code yep master process like custom post types and founders or books yes for now we can't really use it but i guess like what i say it's two resources away it'll be next year or at least until the next meet or next year or end towards the end of next year so it gives the plugin and team developers sufficient time to update the teams and plugins to catch up with 5.0 right and i don't really think that you need to worry about WooCommerce after WooCommerce is under automatic right now and a lot of automatic stuff are working on WordPress contributing to WordPress core as well yeah so for you SEO plugin i also know that they are also looking into this and working a solution to to to fit into the editor's experience yeah any other questions no right okay so before i end off if an announcement to make it's WorkCam Singapore 2017 right so last year we actually hosted WorkCam 2016 Singapore 2016 and it was quite a crowd right so 2017 this is a URL okay so we are actually targeting about 250 attendees oh yeah okay let me show you so last year's photos first so at least you know i'm not pulling pulling words out of the air yeah so this is photos from last year right it was held here in microsoft for this year we are trying to look we are still looking for not looking we are confirming a venue right now at the moment right so don't worry about the location it will still be around town okay so this is a sum of photos right so the tracks are in the talks are in a two track format there will be talks for everyone essentially for designers, users business people, developers anyone that you can think of who use WordPress in one way or another there will be talks for them as I mentioned it will be held in town the date is October 28 it's a Saturday okay there will be after party after the conference location will be is to be confirmed and tickets will be released after the location is confirmed for the work cam okay so right now I know you are not the target crowd but we are as in for sponsors at least unless there are CEO's here who is willing to sponsor us any CEO or decision makers right but we are still looking for speakers right speak here okay right so we are looking for sponsors and speakers because speakers we don't need to be technical you can be someone who is talking for perspective of a designer or from an user your experience of using WordPress and what one WordPress to be in the future stuff like this just some of your talks information on the sponsors and speakers that are on the website right you also can reach out to us at the following address Singapore at workcam.org yeah we will have at least 5 5 pair of eyeballs looking at this email address yeah so that's all