 Cheryl McClick has worked brilliant. Yes, I'm going to tell you today how we have moved to using a block based editor in WordPress before Gutenberg whilst I think and there's a little bit as well about how we're going to try and move towards using Gutenberg and obviously because it's very, very imminent. I've never heard of Gutenberg before. Good, hope you haven't.厚id. Mae'r maen nhw. Fy enw i'w ffandaeth yw'r agnod lambdaad ynghyd yn gyllun cyffredinol, ei dab 모습ur yn eu cyfnod, jw'n i'n meddwl i chi'n canolio gyda'r iawn. Ond o fe phwysigodd, y torchi yn mynd i'w cwrnodd a'i arwain cael unrhyw gwybr. Byddwn ni'n gwneud i ddweud teimlo gyda'i gweithio Beth yma oherwydd hynny i Gwttenberg. Mae'n oed yn ymgyrch yn ei fod, ond mae'n gwybod arno le'i'r adneud. felly mae'n gwybod i chi, ac mae'n gwybod i gynnwys ar hyn o'r gwerthio. Felly mae'n gwybod i gyd yn y gwaith ei yn ymgylch. Ond mae'n gwybod i'n gwybod i chi. Mae'n gwybod i chi, Aberystwyth. Ond mae'n gwybod i chi, fel hynny, felly mae'n gwybod i chi, ac mae'n gwybod i chi, rwy'n gwybod i chi, yn gŵi'r cymdeithasol, i gydag yboxbased cyllidog oherwydd cael ei gwybod i chi i gydag yboxbased cyllidog. A oedd yn gwybod i chi, Felly, rwy'n cael ei bod wedi'u cwestiynau ar y cyfnod. Rwy'n cael ei ddim yn gwybod ac yn cael ei ddweud, ond rwy'n cael ei ddweud o'r ffordd hynny, ond y gallu cyfnod o'i bwysig, a'i ddweud o'r ddweud. Ond yna ni'n cael ei ddweud o'r ddweud. Ond ni'n gwneud o'r ddweud o'r ddweud i'w ddweud. Ond y ddweud o'r ddweud, rwy'n cael ei ddweud i'r bwysig o'r ysgolion. Y ffalch o ei ddeithas, mae'n gweithio gyrdd ar yr adrwm ar degree i wneud o'r lleiniad yw'r le OMG. Roedd y ffalch o gyrddor ac mae'n gweithio gyrdd o'r leiniad yw ym mwynd i'r llai gyda hwn jeilio'r wlas i'r cyfleu'r plus i'r willoedd. Mae'r pwynt yn ymlaen i'r hyffordd a'i beth oedd o'r cyflodyniad, fi'n ymlaen i'r cwyl i'r gynnig oedd. A dyna'r gweithiadau mawr, gyda'n cael eu bod yn dipynnyddio'r llws. Rydyn ni'n ddod i'n cael ei gwerth o ddweud ei wneud i gyd. Yn yr oed yn rhoi bod eu gweld y cyflwynmar ac i'r newid yng Nghymru fel gynradd. Rydyn ni'n sgwpio fwy o'r gweithio ar y gweithiadau yw'n fy nghymru 3-4 yr annid, rwy'n risi at yna nhw. Cydyn ni'n gwybod ei gweithio ar blyw. Nid yw'r sitesen yng Nghymru, yw Merhys, Mae'r byw dwi'n gweld traddwl hynny. Mae'r byw'r byw dwi'n gweld o beth yn y gwaith. Rwy'n cael ei wneud i'r byw. Rwy'n gweld yn rhoi fan hyn. Rwy'n cael ei fideo. Mae'r byw er askau i roi, mae'r byw yn ddechrau ymddangos. Mae'r byw yn ddangos. Mae'r byw i'r byw o'r byw. Mae yma'r byw yn ddechrau'r byw. Mae'r byw yn ddangos. Mae'r byw yn ddechrau'r byw. yw'r gweithio sy'n gweithio'r ffordd. Mae'r gweithio'r ffordd yw'r ystod o'r tîm o'r llistau a gŵr. Mae erbyn y cyfnod o'r ardyfodol a'r gweithio'r mewn gwirionedd. A wnaeth yw'r gweithio sy'n rwyf wedi'i gwrthod. Mae'r gweithio sydd wedi'u gweithio yn gyfrif ymlaen. Yn gyfrif o'r gweithio, mae'n gwirionedd. Mae'n gwirionedd. Mae'n gwirionedd. Mae'n gwirionedd. Mae'n gwirionedd. bod y bydd o'r cyfnod o'r cyfnod o'r cyfnod, os ydym ni'n gyd yn y cyffredinol o'r cyfnod o wahanol, mae yna'r llysgrif, mae'n mynd i ddweud i'n ddweud o'r cyffredinol. Ond ond, mae'n cyfnod o'r cyffredinol yn y peth yn ymddangos. Yn y bydd y bod yn y ffoto, mae'n gwybio'n gwybod y menu a'r cyffredinol yn y cyfnod o'r cyffredinol. Felly, ymy'r ddifu'r lluno i'r meddwl iawn a'r hynny'n ddiadau mwyaf. Mae'n ddiddordeb yn rofach, oherwydd mae'r ddifu'r ddifu sy'n ymwneud, ond mae hi'r ddifu'r ganddoedd? Mae'n ddifu'r leagueol ac mae'n ddifu'r ddifu'r ganddoedd. Mae'n gwybio'r cadw'r hynny, mae'n gweithio'r gell os ymddangos niίνod a'r ganddoedd ymaло i'n gallu unig, ond mae'r mewn peth yn cael ei bod cyffin yw, ni'n golygu maen ac wedi gwneud i gael unrhyw. Mae unrhyw yn gwneud i ffordd, ac mae'r ffordd i chi fod yn cymryd o ysgolau. Rydych chi'n gwneud i ffordd yn cael eu cyfôn. Mae yna ceisio'n arig yn ymoghedol iawn ffordd i chi wedi gael eich gwybwyr yn dmwylltir o hynny, ac mae'n cael eu cyllusted yn gyfrifol. Yn y ddigwyd yn y terfyniad, mae'r wneud ei fod yn cynliad ymlaen i chi'n cyfrifol, neu yna'r adeithig wedi'u gwrthwyr. i methu i thaethau, mae yw'r droi arna yn eu cyfferddio a fofgwrddio i bethau i'w dwi'n cael eu plesio arall i ddim yn cael eu gael o'r mynd i'ch ddweud o'r ym lemyn. Ond rwy'n meddwl i'r caiff ysgwrddio, gyda'r gwrddion i'r eich ysgwrdd, i'r hyn o'r gwrddion a chel eu meddwl i'r gwstredag. Mae hynny'n meddwl i'r ddweud. Rydw i'n meddwl i'r grwmpedd o'u video, mae'r meddwl i'r meddwl i'r edrych rideis yn y botwm eich imagoedd yn eich bod ni'n gael roedd yn ei cychwyni ar y cyfnodaeth. Rwy'n cael ei wneud. A'r pwysigau rheoli'n bwysigwch o'r fwärd, ei wneud o'r fwyrddwch. Mae hoe 99 yma ac roedd ymlaen ei wneud o'r red. Rydyn ni i'r bwysig iawn i Greunwyr, oedd sy'n cael ei wneud o'r bwysig sydd ni'n gwneud o'r fwyrddwch a'r bwysigwch o'r fwyrddwch ar y pwysig. A'r pwysig yn cael ei wneud o'r bwysig. Mae'r ddweud hynny, mae'r bwysig yw'r ddaeth yw'r ddaeth gweld, dyma yn gyflawn i'r ddweud yma, mae'r ddweud yn y rhaid, yn y ddweud, a'r ddweud yn y ddweud yn y ddweud. Dwi'n ddweud y bwysig yw'r ddweud. Felly, y gallwn y peth o'r problemau o'r ffwyr? Felly, mae'n gweithio ar gyfer y dyma, o'r dyma. Mae'n gweithio ar gyfer y dyma, oherwydd, ychydig ar gyfer y dyma. Bydd wedi cael eu gweld fod yn ymdryghun i'w mewn wairionun bwrthfynol yn ymddangodd beth credu. Rydym yn bwrthfaith yma gyda'r phaith erbynnid yn gweinydd. Felly mae gennym byddai popeth o hwn ar erbyn i'w wneud. Fyddai bwysig yn gwneud bod yr hyn yn gwneud yn fwy mewn wnaeth. Fyddai bwysig unrhyw mewn wneud, ein gweinydd. Be' ond maen i'n gwneud ar y bwrthfynol i'w gweld mae'r ydydd. This content block on the left. We've got it. You can get it, it does exactly that. Will out port images, it allows us to put text in, links. Videos without embeds or lots of stuff. It really worked quite well. Sidebars we've got widget agel widget incentives ar начина iawn ideas that can do that. These adjusted if out widgets find categories, peaceful in categories and similar with a footler a footer with new widgets and menus and things to make that content er amigo or for. So web flash work really well a'r dweud hwn. Dych chi'n enw yw, hwn yna eich tyl veg, am siaradwch chi'n cael ei haeth arno i gael'i gwybod yn y rhaniaid. Felly dyma'r ddefnyddio'r hynny, ac mae'n dweud y rhai am hynny? A pwy oeddaeth yn ei bod yn yma hefyd o ddim'i'r ddau? Yra image i wneud â right? Cyn yr hynny, am ddau o'u twil, dwi'n i'n ddoefin i ddau ychydig? Felly dyma hefyd, ac mae'n dweud i ddweud i ddweud i ddweud i edryd yn y lle. You can't really do those dynamics at a way out which you've got more designed scope on them, should we say. So many have tried, so let's have a look at some of the attendant attitude solutions that it work so the first one is the good old shortcode. I'm sure you have all seen shortcodes. They work it like this so I'm not as big as that in the editor, but it just to put through the unit Caleddon. They are in square brackets and use the string of text in square brackets. What happens when you save your posts and you view that on the front end of the post, that gets replaced with some dynamic content. So a popular one might be that you've got one that a gweithiau arweinwt. Gweithwch i gweithwch eich rhan i ffordd, unrhywch i ddim yn fphoriaid yn ffarng. Maewn gwir oedd chi'n dewis arweinwt o'r unrhyw wap. Wel, dyfodd y ffordd y byddwn cwrdd iawn i bwysig arwain y dynai mentheiddiad yn yw'r gweithwch. Mae ffantai i'w bwysig wedi ychydig yn gweithwch, mae'n ddweud y ddim yn gweithwch i'w ddweud. Dwi dweud yn ei gweithwch i'w ddim ynffen nhw ngwych arweinwt turning. Yng nghymru dyn nhw'n Sixt having the parameters this thing takes is there's nothing on the screen to tell me that it's even available that can add this to your page. If you know about it, that's great, if you don't, you don't. Some plugins added a buttons were it says add media so you can click a button and then it will drop this code into the page for you which is good, it's better, but it's not perfect. It's been tried to be solved so I don't know if anyone has ever use this plugin called Shortcake ac mae'n cael iddyn ni'n unig ynghyd o ddau o'u chywrs cynghwys pethol, mae'n goblogi'r cynghwys pethol, oherwydd mae pobl o'r chywrs cynghwys yn ei ddeu'n gyntaf o'r wahanol. Wrth gael byddwch chi'n cael ei fod yn cael ei fawr. Mae ychydig y cyfrifoedd chwaraeiai, mae'n modd gyffrwm o'r sgwt Stuart ond mae'n pot. Mae'r llwg cynghwys lle drwy'r rhaidd na addib yn grŵr ygafaith, polwc mewn gwirionedd y cenderws gan hefyd. Efallai yw'r cwylio ei chwynhau'r cwyrdd o'r twylio a'r llwylo, gallwn yn ei ddefnyddio'r cwyrdd, rwy flynyddoedd ei dasho rydym Maybellau, a'r cerdd o bocs o'r bydd yn ychydig. Felly mae'r cerdd yn ymweld yw'r cerdd mewn gwyrdd. Mae'r posbwys i'r cerdd o'r bofynt. Rwy'n bod yn eich cerdd, mae'n dysgg yn ei dŷn yw'r cerdd yw'r bofyn, trafodd o'r trofodd i'n beth, dwi'n rhaid i ddim yn totol o'r bwysig. At ydych chi fydd yn dron y ffhrond o'r geisig na'r rei eich bod rhaid i'r adael i wneud iawn i'ch gweinydd flodion sy'n hyfforddi'n gwneud o'r ffhrond i'n gwneud beth oed. Felly mae'r angen chi'n cyfennol ei weld yn cael iawn, ond mae'n iawn yn fawr, oherwydd yn ei wneud. Oeddyd ganes gydweddoli'r ysgolwch yw, ar y bwysig yn Pswnol i'r adael i'r adael, ac efallai yn ddyfodol. Ac mae'n ffordd o'r modd, mae'n bwysig o'r bwrdd, ac mae'n ni'n bwysig o ddau ac mae'n bwysig o'r ffordd o'r ffordd o'r mwyaf i gael ymwysig o ran gwybod a wnaeth wneud hynny i gael y rhaid i'r pwyfyn ac mae'n ffrwng o'r ffordd o'r ddau a'r pwyfyn. Rhyon bwysig ymddangos ymddangos. Mae'n rhaid i'r ffwrdd. A llwyddo i chi i ddweud. Felly mae'r cwmpoedd ffordd, dyfi, elemen, ddwych, ond mae'n cael ei wneud o'r cwmpoedd. Ond mae'n cael wneud o'r cwmpoedd ar y pwysgadau. Mae'n gallu i'n mynd i ddweud y problemau o gweithio'r cwmpoedd i gynnwys ar gyfer gwaith o'r llwyddo i'ch gweithio'r cyffredinol o'r cwmpoedd. Onw'r pwysig yn ymgyrch, rwy'n meddwl, rwy'n meddwl a o'r teulu. A'r bwysig yn digwydd yn y bwysig. A oherwydd y llwy iawn o'r llythau ar amser. Mae hyn yn fwy gobeithio ar gael. Mae mae'r fwysig o'r mwy fydd. Mae'n rwy'n meddwl, mae'r gweithio i goryddio y cyfwild yn gweithio. Mae hyn yn ei fyddion cy yrdedgo. Mae'n meddyliadohol fan gyda maen iddyn nhw i honna yn y buch cyfwild yn y pwysig yn oed. ond maen nhw'n gallu wneud yn meddwl yw'r ei gwirio hynny. Mae'n gŵr yw'n llunion. Felly mae'n gweithio'n gwahoddi, mae'n gweithio'n gwahoddi na hwntio ymlu, ac mae'n hynny'n gweithio'n gwybod mewn gweld arno. Mae'r gweithio'n meddwl yn gallu llwyddo ni iawn ar y gweith gennym. Mae hynny wedi ychwanegau eitul, a'r holl yn gallai wyw, ac mae'n gweithio'n gwahanol arall. ac mae'n gynhwys i ychydig fel cyd-ddiweddau i ddweud o'r gweithio. Rwy'n dechrau mewn ffansbwynt o adeiladau'n gweithio'n gwahanol i'r cyd-diwyddau. Mae'r wneud yn ymddangos yn ymddangos. A wnaeth a bod ydych chi'n weithio'n gweithio'n gweithio. A wnaeth y pwysig yw'r gweithio'n gweithio'n gweithio'n gweithio'n gweithio, y symptoms when you can just break it in a few seconds flat by changing the values that you need to note that you shouldn't be able to change. So it comes very hard to create a website that sticks to the website's design principles the brand guidelines because people just want to experiment too much and most of these page builders have that out-of-box to some bit the other, some you can turn소on off and give control, but they're not! They just give too many options for our liking. Ac mae'n cymryd, mae'n gweithio'r bwysig yma yn rhaid, eich fod yma yn wych yn gweithio'r proj ddechrau Gwyntinberg, oedd yn gweithio'r cyju cael gyntaf, maen nhw'n 27 o'r bwysig o'r ysgolol? Mae'n ddweud? Mae'n ddweud, mae'n ddweud. Ond mae'n ddweud hynny'n ni. Mae'n ddweud i'r ddweud, mae'n ddweud i'r ddweud i'r ddweud, mae'n ddweud i'r ddweud, lists before Christmas, it'll probably just have to Christmas. But it's coming very shortly. I'm sure that everyone's got mixed opinions of what Gutenberg's like. I've used it. Parts of it I think are really good, parts of it I think are not so good, parts of it I think are really good for developing. Parts of it I think are not really good for developing. But it's coming, it's going to stay, and I'm sure that it will be a success in time. i'w ddweud sy'n gwybod i'r rhan o'r blaen. Rwy'n gweithio'r ddweud, mae'n fawr bod yn ei wneud o'r probl yn bwysig, a phobl yn gweithio, oherwydd 12 ymlaen i'r cwmwy o'r prefisio, oherwydd 18 ymlaen i'r creu'r llai, o'r cyfrifio'r gwahodd a'r gwahodd a'r gwahodd i'r gwahodd i'r cwmwy o'r bloch. Rydyn ni'n meddwl, mae'n gweithio, mae'n ei wneud, mae'n gweld i'r gwahodd, but it was just too much in his infancy. It's written in a completely differing language than I know. So it's all written in JavaScript. I do use JavaScript, but it's not really what I do. So I'd have to learn all that in re-acting things which was difficult. And it suffers some of the problems, that the page-builder suffers. You've got lots of options for things. So I don't know if you used it, but if you have paragraphs, you can change the background colour, you can set a drop cap on it, you can change the font size, Ac ydych yn fawr i'r gweithio beth mae'n gallu cael ei wneud i gael gweithio'r ffordd, ac yn fawr i'r gwahodd a'r ysgolwyd gan y gyflawni, ac mae hefyd yn bwysig yn ymdweud. Felly, mae'n bwysig yn gweithio ymddangos, ond, yn y cymdeithasol, mae gynnwys ei fod yn gweithio'r Gwttenburg, ac mae'n mynd i'n rhan i gael gael gwaith i'r cwlawn i gael gweithio'r pwysig yma. Ydyn nhw'n cael ei bod yn gweithio'r wybod. the solution we found to try and make this work and it's a very common solution that most of you have seen if you do not use it yourselves so you have not used plug-in to advance custom fields then this is a plug-in that allows relatively straight forward actually users to create different admin screens to allow users to enter data there to get output on the front end in a much more straightforward fashion so for example if you've got a postal it is about a person and it's displaying like a profile information you could quite easily create an edit screen where to just have a box put my name on, they have a box of your type with a job title the company, the email address contact details, a short file and the backend screen's really easy to create and it's nice and easy for the users to understand how to do that. but there's one particular feature of advanced custom fields that we took advantage of in the pro version, cuso a paid for version it's not very much, I think it's about $25 for a licence, and it's called the flexible content field. Now this field actually allows us to build these block based systems that Gutenberg's trying to do. You can kind of get an idea from what it's doing with this little screenshot here So, on the sites that use this, Clients, when they want to add some content, they basically click this button. You can change the label on this button by the way. It doesn't have to say add a row. So I think by the way it says add content or add block or something like that. And then you get a choice of which types of content that you want to add. And these will create using this plugin. So I think the one in the example that you saw in the designs where we've got the image, the text and the button. We call that like a feature row. So when the client wants to add one, a it would say a feature or a a click that and then they get a screen that appears on some fields that appear on their Е Anytime Tiger form with all the right fields rhodi is that content for that particular type. So the appraisal content field allows us to create these different blocks and allow the users to choose which ones they want to add to a page at a 17 point in time. So this is an example of what the backend could look like for a series of blocks. i'r wneud o'r fwlad a'r cyfronwyr cyfronwyr ymlaen i'r ddafyn yn gweithio'r fwylo ar gyfer y Gwttenbwrdd, yn gweithio'r fwylo argyrchu, ac yn fwrdd i'r fwylo ar gyfer y fwylo ar gyfer yr animatordau, sy'n gweithio'n gwneud i'r fwylo ar gyfer y fwylo ar gyfer yr unig, ac yn gwneud i'r fwylo ar gyfer y gwybwyng. Yn amlwg yma'r ysgrifennu o hwnnw o'r bwladau o bwladau o'r fwylo ar gyfer yr unig yw pwladau. ac mynd i'n mynd i nadod y haf ynghylch yw yみたい ffordd o'r hwn yn cael ei chaelion i gyrdigon i'r content wedi'i bwysig. Felly, dyna sy'n med Ysgolied 잡g. A hynny'n arwyd i'r hoffi gyda'r ddadgau i'r hoff yng Nghymru, ond mae'n hyn sy'n gaffi'r ddiweddysgolion oherwydd dwi'n credu y dal i ddim yn gweithio gyda mi ni arbennig. Chwil y clywedd channeliaeth mi yn ddwy'r boblau i'r hoffi. Mae'n gwneud angen i'r arddangos. We're writing the same pieces of code for this client, for this client and for this client. So what we needed to do was to standardise this and to try and make it so that it was more portable from one project to the next. It would save us time, it would save there for the client money because we didn't have to keep redoing things. And that was something we did when we built this plug-in called HDACF blocks. So this is something that we now use on most of our sites. .. blended, fyddwn i wneud wnaeth iawn i wneud eich gweithio ar y llhad y gweithfodol... ..di fabryd a fyddaeth pyrdi a fyddwn i'r llaw ar fy ffluio ar gael ingredients. Felly dyna'r gwelli ar driedogwyd yntvall caseol. Felly rydyn ni'n rhaid i adnodd atiadiau a'r bwysig i'r ei fodwch yn gyfawr...? E'n ddweud yma sy'n mynd i'r bwysig o gwblio, y llaw ar ôl yn dda... ..i ddweud hynny mae'r bwysig o gwrdd fflusig o'r llaw... Rwy'n gwybod sy'n grwmp arall, ac yn awr-'Mas dim yn minோedd ar y barod i'r byw yn gwneud hynny, ac mae'r newid yn gyntaf, ac mae'n rhaid i'r ysgrifennu'r rhaglen i gael yr ymd yn gwneud ar y cael ymddeithas, oedd ym mhen o bobl iawn o'r dwi'n byw hyn ar gyfer y Lywodraeth a oed na wneud yn llweithio na'r ysgrifennu honno. Ac oedd mynd i gael ar gyfer ar y bobl a byw yn gwybod â'r hyn mae'n gwybod yn gweithio ..so that we're being a bit more efficient in our development. So the actual blocks plugin at the moment has... ..I think these are all of the blocks we have. The might have missed some off. So we've got a block that allows you to have a form. It uses Grabsick Form so you need that active obviously. We've got one called Recent Content, which means you can display the latest five posts from the post type. Or you can display posts, five, ten posts from this category and so on. Feature row you've seen. Documents, so you can have a list of PDF documents that often clients want to do that. Or you can do a list of Word documents, whatever you want to add. Accordion, good for FAQs, things like that. A pricing block that allows you to do like a pricing table of different features or products if you like. A content block, probably really badly named, but essentially that's just like a WYSIWYG box that you can use like the normal content. A hero box or blocks, so that allows you to either have one hero section and that could be like an image with a description of the top and title. And that's a repeating block as well so you can add more than one hero and it'll turn it into like a slider. All the way down to slider and on and on. And then we've got other ones, you can see them on there. So like I said, some of them have repeating blocks inside them. So is there a call to action on there? Yes, because a call to action you can either have one or you can add more than one. The front end will behave appropriately as it does that. So this is an example of one of our blocks. So this is the content block and that's the simple one to show you. Each block has some like what we call default fields. So we can turn them off on and off for each block we want to do. And our default fields are essentially a block title. Most blocks on pay want some sort of title output somewhere. And a block introduction, this one doesn't have the introduction, which is just like a paragraph, a text input that you can add some stuff to. Because obviously it's always in the itself, so you can just put that in there. And they all have this option at the bottom for a custom class. This one, as I said, is a content block. And you can see you can add another column if you want to here. So what this does is just repeats this further down the page, a front end we can turn that into a column based layout. And we can set a maximum number of columns that they want to allow as well. So we can say you only allow to have three columns or four columns or two columns or one column if you want. And that would be grayed out, so you can't click it. And then each block also has some options tabs. So we split it into contents and options. Content, maybe there could be a better label than that, but essentially that's the stuff that you get seen on the front end. Options are the things that they can sort of change for this particular block. So most blocks, and again, we can turn these on and off on a per client basis using our plugin. So most blocks allow them to have a background color. So they can set a background for the whole block across the page. They could use a background image. And then we added this option on the right-hand side. So if they choose a dark color, obviously, we can't have dark text on a dark color, so we need to be able to a way of inverting that text. And there are sort of PHP libraries you can use to detect what color it is on the back end and then do that. But we found this was a good way of doing it. A ticker box, and then it'll add a class to the block we can then use to sort of do something and maybe change the color of it. And each block has the option for a custom class. So if you want to do something a bit different with a block, you can put a custom class in there and then maybe use the customizer to create a bit of CSS and output that block in a bit of a different way. So that's how that bit works. And like I said, all these can be turned on and off on a per client basis. So it was really important when we started developing this that we wanted to develop it in an extensible way. You're not sure what that means. It's essentially a code base that we can keep the same, but we can change things on a per client basis without changing the code base of our plugin. So that always stays the same. It's nice and stable. And it means we can update that code base and it's not going to break any sacks that that's gone on to. So the way in which we make it extensible is we have lots of what we call template overrides. So each of the blocks that you see on the screen, the plugin includes the front-end markup for that. And that is included in the plugin. But what we've allowed it to do is that if you include the same file in your theme, we use that instead. Just like when commerce uses, if you ever use that, you can override its templates by placing them into your theme. And that allows us to then change the markup for a specific client if that's needed for the design that we're achieving with them. So again, we're not breaking the plugin. We're just using the same file, putting the theme, and you can make some changes to it. All of the fields that make up all of the blocks are all filterable. So they're essentially in a huge array in PHP. And as a developer, I can take them out of there and I can push new fields into there. So if a client wants to have the call-to-action block, which has got a title, an image, description, and a button, if they want to add a second button in, I can do that quite easily. Either in a plugin or in the theme functions file, I can easily add a field into there. And then we could use the template override to put the template into the theme and actually output that extra field. So it's nice and extensible. There's lots of actions and filters. So each of the templates allows us to put content before and after the different places. We've got classes that are all filterable so that we can add extra classes to things if we want to do them to style and things like that. And based on classes, there's lots of helper classes. So where we've got a call-to-action block, the class will be outputting with how many there are. So it's in one, it's the five, it's the two. So we can use that to style things in different way-outs. And there's classes such as if they've added a background color, a class gets added, has background color, it was a background image and a class gets added, has background image. So we can use those classes to style the different blocks based on the options that the client has chosen in the back-end. So it was really important that we built it extensively. It isn't perfect. By no means is it perfect. And we did face some challenges when we were building this and I want to just cover a few of those quickly now. So the first one was the actual back-end interface. It isn't perfect. This is Advanced Custom Fields flexible content without us doing anything to it. And this is with all the fields collapsed. So you click on these to expand them and it will show you the fields inside them. But it's not very easy to see where your content is on the front-end. So obviously this is the content, which paragraph on the front-end is inside that block looks at the tops, it's probably under the first. It's not that easy to see where your content is. So we tried to make some improvements to that. It is a lot better than this. Which is a site we actually got an inquiry about and they were saying we need some help. We can't edit our content. I'm not surprised. I think that's a visual composer, I think. But yeah, where is the content? It's somewhere in there. It's better than that. So what did we do to try and prove this? We styled the headings so they were dark and we found that really helped visually see the differences in the different fields. Just stood out from the rest of the admin a little bit. You'll notice we also added an additional title on them. So we've got content, which is the block name, and then the block title will welcome is what we've put next to it. So you can see which section you're in on the page from the front-end. That's a bit nicer as well. Heroes are usually used first, so we did bother with those. That's why it's always obvious where they are. That's probably on the best screen chart because you'd be better to see in moments if they go a bit more often. And it's easy to find the different sections. Other things that are a problem is that obviously our brand's custom field saves everything as post meta. It's not saved into the content of your post in the database. So as far as the world is concerned, there's no content for all your posts. It doesn't have any. It's all in metadata. Why is that a problem? Well, it's not searchable by default in WordPress. WordPress doesn't search metadata by default. There are solutions for that. There are plugins that help you do that. But this is not perfect because it's not searchable. Other problems with that is that if you use Yoast SEO, and that's basically probably everyone in the room does, Yoast can't analyse your content on the page because it isn't in the content of the post. And that's what Yoast tries to do. It tries to look at the content that you've written in that way as you get it to and analyse it, and it can't do that. And again, someone thinks release the plugin that would help you do that. It's a bit flaky. So that's a bit of a problem. And the last one is reusable blocks. Gutenberg does this very, very well if you're going to use Gutenberg. You can save a block and then you can use it in multiple places. That's really good. And if you change the block once, it changes it everywhere. So that's quite nice. And clients didn't want that feature. We've actually built that into our plugin now and it works really well. We've been trying it with the design that you just saw before, which was good. And it's working so far so good. So they can create a block and then they can use it in all the other places on the website. And then if you change it in the place where they created it, it will change everywhere. So that's been good. But I wouldn't say it's been fully tested yet, but it is working. And then this kind of brings me on to the future and the next part of our journey with this plugin is that again, I'm not a JavaScript developer, so I can't sort of jump that barrier of being able to develop Gutenberg blocks in a moment. And the great team at ACF have built tools into advanced custom fields that allows you to pretty much create fields than you used to in ACF and make them available as a block in Gutenberg. And this is something I was actually looking at on the train coming up yesterday. And it's actually really good. You don't need to any JavaScript. You can write a bit of PHP, not a lot. And it will create your block as a Gutenberg block, which then has the benefits of being in the post content and that sort of stuff. So this is something that's coming soon. It's still in beta actually at the moment in the advanced custom fields for the plugin. I think they're up to beta 2 now with this, so obviously it's getting iterated on as we come up. Whether the launch, as WordPress launches, is available, I don't know, but it will obviously be out soon. There is a blog post on there if you want to read it. I think there's a couple of answers that have been updated to that one so that's going to be our next project. It's going to be converting our plugin that we have now so that it will work in Gutenberg as well. The best thing would be to try and use the same plugin we've got and make all the blocks available in both. As I said, I had a quick play with that and I'm not sure we're going to be able to do it. I won't go into the technical reasons why, but certainly we're going to look at building another different one that uses Gutenberg and then we can have two alternatives for clients to use whether they want to use Gutenberg out or they want to stick with the old system for now. Then it's up to them. And that's kind of me. So, as I said, I'm Mark. I'm a WordPress developer. I tend to do more back-end development than the front-end at all. If you want to follow me, I am WP Mark on Twitter. And just a little plug at the end, we are currently trying to hire a WordPress developer, so if you're interested in a remote role, then you can have a look. We're good with it. Hygi. I enjoyed that. There's going to be more from Mark tomorrow at 1.15 after lunch in here in our Gutenberg panel. Who's doing anything with Gutenberg right now? Is anybody making anything? Mm-hmm. You're talking? Well, yeah. You're allowed. Okay, that can come to you. Can you tell us about it? I can't, Mark. You can't, tomorrow. So, who's got questions for Mark? Chair. The ACF blocks plugin. Does it work with ACF Pro on it? It does, because ACF Pro, you have to have ACF Pro to have flexible content. The free version doesn't have that field available yet. But I think, if we're just going back to that slide, I'm pretty sure that's going to be in the free version, I think. So you might be able to build them in Gutenberg with the free version. Mark, this is a bit of a noddy question. We've probably generic to a lot of fields of software development. So you've built this, essentially, this extensible code base. So you've got a library of material that is configurable. And you said you can change that library without breaking the stuff that's written in the older version for one of the better work. How do you make sure, how do you regression test that? You make sure you don't, if you update the new stuff, you don't break the old stuff. That makes sense in my head. With difficulty is the answer. So I think it depends what we do to the plugin, in a way. So obviously, we've got all the sites we've built with it. I've got on my machine, or I've got available to test it with. I wouldn't test it with every site I've ever done. And we'd always say to clients anyway, don't update things without testing them, which is the, you know. But I think I would. I mean, I don't have any automated things or anything like that I'd test it with. If I'm developing something, I'd be like, that might break something if I do that. So I'm going to test it before I do it type thing. So yeah, no perfect answer really. But the way in which we would sort of edit the functionality would be through, so you would add our plugin to the site with ACI. And then let's say we wanted to add some fields to our blocks that were extra. Most of the sites we run, we sort of have a utility plugin, which does all the sort of site tweaks and modifications. We just throw it in there with a function that hooks into a filtering WordPress. So that's doing the modification to the actual code basically like. And the plugin just sort of sits and stays the same, if you like. And my service gets updated for whatever reason. But yeah. Yeah. Is your HD blocks plugin public or you guys use it internally only? It's not, yeah. That's the first question I'm going to ask when I last gave this talk. It's internally only at the moment. I don't know whether, we might really see it. I don't know. There's something. I don't think it would be paid for anything. It would just be out there for you to use as a look at. If we did. But it's not at the moment. Sorry. No. But it might be. What's this space? Any notes? Thanks again, Mark. Thank you very much.