 Saya akan berkongsi dengan pesakit yang telah kita bekerja Okey, hari ini saya akan berkongsi tentang membuat penerbangan dengan penerbangan Pertama, penerbangan Meskipun kami adalah penerbangan organisasi untuk WorkCamp 2017 WorkCamp adalah penerbangan tentang penerbangan Tetapi saya tidak bekerja untuk otomatik Dan saya juga tidak berusaha Kehidupan hari saya tidak mempunyai penerbangan dengan penerbangan Jadi jika anda berharap untuk melihat penerbangan teknikal Saya rasa anda boleh pergi makan malam sekarang Okey, bahkan jika anda tidak familiar dengan penerbangan dengan penerbangan Atau tidak sebenarnya telah digunakan untuk mempunyai konten di internet Ada peluang yang baik yang anda mungkin melihat Ada peluang yang membuat penerbangan dengan penerbangan Dan mungkin dalam masa 24 jam Dan ini sebab penerbangan penerbangan tentang 27% dari semua jenis di internet Dan ini mempunyai peluang web US White House Jadi sebagai penerbangan penerbangan, saya ada penerbangan penerbangan Saya selalu berminat dalam sebuah penerbangan yang berlainan Siapa yang membuat penerbangan? Bagaimana membuat penerbangan? Dan bagaimana prosesnya? Bagaimana penerbangan dan masyarakat yang membuat penerbangan? Jadi siapa penerbangan ini? Ini sebenarnya MET MET adalah penerbangan penerbangan Dan juga penerbangan penerbangan CEO Penerbangan penerbangan yang mempunyai penerbangan Jadi sesuatu yang menikmati saya sedikit adalah bagaimana penerbangan penerbangan Penerbangan penerbangan penerbangan berlainan dari banyak tempat untuk membuat penerbangan penerbangan di sekitar 43 negara di seluruh dunia Dan sebab begini, mereka menghubungi penerbangan penerbangan penerbangan untuk membantu menghubungi komunikasi mereka di antara tempatan dan ia sebenarnya mempunyai penerbangan penerbangan penerbangan yang berlainan Jadi mereka menghasilkan penerbangan penerbangan penerbangan Jadi apabila anda melihat stat ini anda mungkin fikir bahawa penerbangan penerbangan sangat kecil lebih dari 600 orang Dan jika anda mempunyai penerbangan penerbangan penerbangan itu sebenarnya sangat kecil Google, Facebook, Yahoo Saya tidak tahu jika anda akan mempertimbangkan bahawa Yahoo tidak mempunyai penerbangan penerbangan Tapi ada sesiapa yang mahu memperkenalkan bagaimana penerbangan penerbangan penerbangan di syarikat? Ada sesiapa yang mahu memperkenalkan? Jadi ia sebenarnya memperkenalkan $1 juta Sangat menarik untuk membuat penerbangan penerbangan penerbangan Jadi saya menerbang penerbangan penerbangan penerbangan untuk membuat penerbangan penerbangan untuk membuat penerbangan penerbangan Saya akan mengajar penerbangan penerbangan untuk membuat penerbangan penerbangan untuk membuat penerbangan penerbangan untuk membuat penerbangan penerbangan untuk membuat penerbangan penerbangan untuk membuat penerbangan penerbangan untuk membuat penerbangan penerbangan untuk membuat penerbangan penerbangan untuk membuat penerbangan penerbangan untuk membuat penerbangan penerbangan untuk membuat penerbangan penerbangan untuk membuat penerbangan penerbangan For example in Ganz蘭, such as The Wall Street Journal, which performs more general examples such as the Shrestime's So from the viewpoint of Autometic, this is relatively unique in the history of the world In the physical world, we do not have access to the same printing press as The Shrestime's But in the digital world, we can have access to the same software that they use Okey, so these are just a few examples of the other products that Automatic Develop said offers to compliment the WordPress software. WordPress is the main and the most popular and probably most well known product that Automatic offers. So many things you may not know that they actually offer them. Here's another list. These are all open source software. We'll ask the question now. What exactly is WordPress? And maybe some of you have seen WordPress.com, WordPress.org and might be a little bit confused about the difference between the two of them. Maybe I should check if everyone's familiar with HTML, CSS, PHP. Anyone doesn't know what they mean? Okey, maybe a bit shy. So HTML is an acronym for Hypertext Markup Language. So basically it formats your web page content. CSS stands for Cascading Style Sheets. It helps to style your web page content. PHP is a recursive acronym for PHP, Hypertext Pre-Processor. So I tried to think of an easy way to explain this. But as a non-developer, I'm just going to say it does magic behind the scenes. WordPress is based on PHP, so it's coded in PHP. Okey, so the two flavors of WordPress that I mentioned earlier. There's a great comparison table on the link there. Basically WordPress.com is a fully hosted version of WordPress that is maintained and updated by WordPress themselves, by Automatic themselves. So their tagline is focus on your beautiful content and let us handle the rest. And the version of WordPress found at WordPress.org, you have to host it yourself. And the tagline is get your hands dirty and host your website yourself. Okey, so you would have to go to WordPress.org, download the files and buy space somewhere on a server and put your files there and host it. But the outside is free and open source. Whereas if you want to do extra things with your WordPress.com site, you probably have to pay for it. So this is an example of what the dashboard for a blog hosted on the.com website. So I'm not sure if you've ever used blogging tools like Blogger or Life Journal. Maybe it's too far back in the past or some of it. You would understand the value in having a community, sort of like an interconnected network of readers, like audience of sites and blogs. So essentially when you use WordPress.com you're plugging into a really existing blogging ecosystem of readers around the world. And in contrast, this is the dashboard for a self-hosted version of WordPress. And I can show you live dashboard. Okey, maybe I'll do that later. Okey, so the next question to ask is who should use WordPress? In my opinion, this question should be answered in tandem with another one which is how WordPress can be used. So the answer is in some boring ways and in some really cool ways. I'll confess to having really limited experience with a fully hosted WordPress.com site. I've actually started using WordPress when it was version 1.0, something way back in the early 2000s. If you've ever had the pleasure of using blogger, after a certain point it got very limiting creatively. There was only so much you could do in terms of styling your blog template. Can I do this? No, it doesn't work. Can't do that. Can't put a password on my blog or just able to fully customise it the way you want it. So there were creative workarounds that people came up with. But in the end I looked around and then I found this WordPress that really fit what I wanted to do. So I started using it. At the time WordPress.com didn't exist yet. So WordPress.com was the only way for me to be able to do what I wanted to do. So I ended up discovering and using and learning how to buy a domain name and host it and manage my own site. So in my opinion, if you really want to understand the potential of using WordPress, we have to go through an overview of how it's involved over the years. So just show you an example of the file structure that you find if you download WordPress off the WordPress.outside. And the thing we want to look at here is the wp-content folder. This is where the things that when you get started with your own WordPress installation, you will probably be playing around with most of the things in this folder. So this is where the plugins and themes go. It's where everyone makes their modifications and personalizes their WordPress installation. Okay, so quick overview of a plugin. Plugin is a piece of code that contains a group of functions that can be added to your WordPress site. And it's used to extend the functionality of your site from the basic version that you get. And themes. So you first install WordPress that runs on a default theme. Both versions.com and .org allow you to modify the default theme. You can also switch to a completely different theme. And the default theme changes every year. They release a new version every year. So basically this is to let automatic showcase all the new features that they come up with. So that they release a new theme every year so that they can sort of demo new things that they come up with. So it will start at the very beginning. This was the default theme probably the most famous and most recognizable block theme block layout design having been used in millions of sites and ported to over 30 completely different platforms. If you've seen this somewhere else it actually began as a WordPress theme. It's called Kubrick and it's designed by a guy who is now the director of product design at Square Space which is a WordPress competitor I guess. He made this theme for WordPress version 1.2 in I think 2004 and 2 years later automatic made it the default template with WordPress version 1.5 and this theme was the default theme for 4 years until 2010 when they started releasing a new default template every year. Hafid Toh Post actually interviewed the designer of this template and his role in the whole blogging and he also wrote a short and fascinating article on how he designed this template and you can find it in his blog binaryboundside.com and mirau slightly less interesting the back end of WordPress the dashboard look like this in the beginning so left side is the version 1.5 admin dashboard and then it got updated to version 2.1 around 2007 and after this I stopped using WordPress for a really long time okay the year Kubrick was retired 2010 automatic release WordPress version 3.0 I think it was a major breakthrough for WordPress it really evolved from just a blogging tool to like a fully fledged content management system so if you're interested in more details and the full history and product evolution of WordPress I think WP Creative has done a post on this and I'll provide links at the end so after the default Kubrick theme was retired here's a I've got thumbnails here of the different default themes that got released every year so I started from the top left corner the default theme was called 2010 as in the middle it's 2011 they're getting very original with their naming conventions so we'll go like this way and then end up with 2070 it's quite interesting from a design perspective to see how the designs evolved from the top left it looks very much like a typical blog layout and then as you go along the years you see with their evolution and to a more content management system instead of just a blogging tool the layouts and the default themes also change so in the middle right for example you see that it's more like a portfolio layout and then you come all the way to 2070 but you get like a very property type so I think it's also evolved not only along with also the universal trends at the time so in 2010 was a time where a lot of people were blogging about their personal lives like photo blogging, video blogging and then as we all grew up and kind of realized the dangers of posting personal things online we started to post more like professional things like portfolios and semi-journalistic content and media so default themes while they look good they are actually just the tip of the iceberg when it comes to deeming for a WordPress they are just showing you the most basic things you can do with WordPress but for an idea of how versatile WordPress really is it's not by any means a comprehensive demo but I've got just a few examples of what you can achieve in terms of theme design for WordPress this is personal website of a Japanese DJ and producer called Midori Ayoyama he also organizes parties for for a better idea of how the animation and design actually works and I should show you the link however it doesn't really work here right now so maybe I'll do that later this is another example of well I would categorize this as like a web design portfolio thing this company called Lattice Incorporated there are web design slash development company they help people to design websites and this is their portfolio site this is another example of a creative design studio portfolio site and this is two chimps they sell coffee subscriptions so it's actually an e-commerce site e-commerce sites if you're running WordPress you can use a plugin called WooCommerce this is interesting so I would categorize this as WordPress multi-user multi-user as it was a separate project in the past before WordPress.com existed it existed as a way to allow people to create a network of WordPress blogs so one user creates like many different blogs WordPress blogs they all run on the same installation of WordPress it was merged into the main WordPress project from version 3.0 so in 2010 and today WordPress actually includes this feature the ability to create a network of sites by using the multi-site feature so actually WordPress.com itself is actually a multi-site network so it can be very similar to your own personal version of WordPress.com end users of your network can create their own sites on demand which is what this site 500 pixels is actually offering you can create your blog on demand share plugins and themes so if I was the owner of 500 pixels for example I would make a stock WordPress and a set of free to find plugins and themes and then anyone of you could go onto my site and create your own blog and choose from this free to find set of plugins and themes that I'm offering if you don't want to allow your end users to create blogs on demand you can disable this feature and then you create the blog for them instead these are the links some things that I mentioned earlier at the end of part 1 you can also check out the WordPress theme showcase at WordPress.org slash showcase and so links on the history and evolution of WordPress and the article on QBectl WordPress can we can we take a break I actually want to switch I'm going to show you the themes that I mentioned earlier this is the first theme I mentioned the personal website of the Japanese DJ so you can do full animations like this pretty much just a with stuff like the bottom navigation actually they are no longer in business but their website still exist and it looks really cool the animation was really nice remove your mouse and if you took them something happened so these are just a few examples of the possibilities and potential of using WordPress to define website and then there's the e-commerce two chips coffee the WooCommerce plugin this was the example of the WordPress multi-user so these are all these blogs ran out the same and depending on your subscription how much they're paying they get access to different plugins and themes on the site after 2007 so I kind of kept up now and then with the updates 1.6 version 2.1, 2.4 and then I completely lost track and the next time I came back to WordPress it was version 4 and I was completely lost because there was this new thing called Theme Frameworks and I had no idea what they were child themes, parent themes, what are they in the past to customise all you had to do was just go into the inbuilt theme editor and just edit one CSS file and that was it and then maybe update the index.php if you wanted to exclude things from post categories from the main page but the new themes were really really complex for me and the number of files that were involved and suddenly exploded they had their old folders sub folders and if you wanted to customise a theme that somebody else had published and created there would be so many things that you had to edit yourself so it was kind of mind blowing so I thought I'll just google for a theme and I'll get one that kind of looks like what I need so when I google 8,800 themes 10,500 themes it's actually not that difficult so we'll look first at WordPress.com when you create a new WordPress.com site it's very handy to categorise the type of log that you're creating type of site that you're creating into log website and then depending on which one you want they show you a maximum of 3 themes you can choose or you can just skip that and decide later so if you skip that you'll be going with a default theme then this is still WordPress.com dashboard but when you decide later you can come back to it it's in a site bar under themes this is called a theme showcase so all these themes were created by other people and you can pick one and customise it, style it change the colour, change the font it's a just a minor thing to do because this is actually the word camp site it's a little bit different from the actual WordPress.com site but you should be able to do the same thing, browse through other people's themes and select the one you want and the WordPress the south hosted WordPress dashboard looks kind of the same I really see that so under the site bar there's a tag called appearance and that's where you will customise your theme the slight difference being that if you want you can actually upload a theme to your south hosted WordPress installation and then choose it it will show up in the theme showcase I think this is not possible if you're using WordPress.com so I'll explain very briefly about child and parent themes as well as I can and maybe frameworks although I think child, parent themes and frameworks more relevant if you're using the south hosted version of WordPress as you can't actually modify functions for the WordPress.com site so this folder diagram WordPress wp-content folder is where your plugins and themes go so a theme that someone has created it's called parent theme and if you want to make modifications to it you should best practice is to make a copy of it and then modify it as a child theme so parent theme and child theme would exist in the same folder parent theme encompasses 3 things, the first is design the second is functionality and the third is templates so before the system of having child theme was implemented when someone install a parent theme file to their own liking what happens is that when WordPress releases update, some of the changes might get overwritten the site might even break because it wouldn't it won't no longer work properly so child themes was kind of a system that was invented to avoid these situations so a child theme would hook onto a parent theme and it uses all its template files and function files and while being able to at the same time change the way that the parent and child theme and theme frameworks so WordPress has kind of been developed so excessively that it evolved into an entire ecosystem of people who develop themes and plugins and now even beyond parent and child themes there's this thing called framework and it's used mostly by the people who develop and design themes for living by these developers to help them speed up the process of creating new themes so they're not really parent themes in a sense they could function as parent themes but they're much more comprehensive than regular parent themes so it's kind of like, think of it at a higher level, sort of like a template engine of sorts so it's like a set of conventions and functions that will help developers speed up the process of creating themes why a normal person should know about this is because so so because frameworks are meant to help speed up theme development this means that a properly designed framework a well designed framework can potentially give rise to hundreds of very good looking parent themes so they don't only look good but they also function very well, very reliably and so if you know which frameworks to search for it can help you narrow down deciding on what themes to choose from so maybe instead of having 10,500 themes to look at you might have just 500 to choose from if frameworks are generally released as paid themes because no one of work and effort that goes into increasing them now I can show you an example of a framework or the live site it's actually one of my domain so the framework is called Enfold and I have to thank Robert who runs the WordPress Singapore Meetups and is also on the work camp team with me but he was the one who introduced me to this framework so it's actually a version 4 but since I got this quite a few years ago and it's a paid theme so I'm actually running version 3.2 so it might not be the exact same thing that you can see on the theme demo site but I'll show you live how it actually works so when you create a page normally you will not have these options but because I'm using this framework you can create you can create the layout of the page so if I want a page to be split the content of the page to be split in half then I'll select this option if I want the content to be split into thirds and I select this option it actually helps speed up things when you're creating your website and you can also have if you're doing an e-commerce site you also have options to just plot a grid of products like a 3x3 showcase of your products on one page and other very interesting options they actually will show you okay so this is the person who created the info framework and these are all it's a version 4.0 so these are all up to date demos of the kind of websites you can create using this framework ranging from all the way to photography portfolio it's really quite comprehensive seems to cover almost every conceivable kind of website so these are the links so Canvas and Genesis are two other examples of frameworks that have been very well designed they are actually probably the top 2 most popular frameworks being used by people who run WordPress sites if you want to learn more about frameworks and maybe try again you can check out the WordPress codex now we'll talk about plugins so I don't want to give you the normal ordinary examples of plugins I pick the few I call them trending buzzwords for 2017 so AI and machine learning I don't know if you're tired of hearing about them but they're all the rage right now so why now here are some cool plugins for WordPress that I found that incorporate AI and machine learning I haven't tried any of them but this is the first one word lift related buzzwords AI, SEO, link data okay so word lift is a plugin that's supposed to help you create structured websites that are readable by humans and machine it helps you organize posts and pages by adding links, facts media to your posts so you can create and publish your own knowledge it also publishes content as linked open data following linked data principles by Tim Bernard so this is an example of how it works when you write a post for example there's a little sidebar there it will suggest to you what they call entities in four different categories what, who, where and when so you can accept the suggestions that the plugin suggest to you or you can create your own yourself so what this does is it adds additional information contextual information to your post so by doing that it does two things the first thing is it helps search engines to understand your page your posts with semantic content optimization Theoretically this should result in your posts getting view by more qualified audience because the second thing with relevant content recommendations that are customized around your audience you should in theory engage your readers more so when readers are engaged they stay reading your content for a longer time and the second plugin Watson Finds Related Buzzwords AI predictive analysis so this plugin basically checks your content against IBM's Watson Finds web service so your content and page I think are sent to the web service at whatsonfinds.com and if you want to see a demo of Watson Finds you can also go to whatsonfinds.com to have a look at how it works so according to we have to create a code or anything how Watson Finds in order to use this plugin and they also claim that they don't keep any of your personal data for any other information but I don't know if you will do it with them this is how it works so the plugin adds an icon to your you can actually then analyze it with Watson Finds you actually also can use Watson Finds plugin from the sidebar to analyze content that you're not going to publish on your website so for any other reason you can copy paste text in this box and have it analyzed why would you do this you might ask I ask myself to say the same thing so because what happens every time you analyze your content let's say you want to you have an objective of writing a post that will make people feel very angry able to show up there in the bottom bar so Watson Finds will help you analyze your post and then it will say your content contains a little strong feeling of but I want my post to provoke feelings of anger so that I will then modify go back and modify my content until Watson Finds tells me that your post will provoke strong feelings of anger then I've achieved my goal so it even has a handy timeline so at any point of time you can go back and review the changes you've made or revert to a previous version and choose okay the third plugin I've chosen to show you it's called Darwin this is useful for e-commerce it connects your site to a service by a Dutch company called Darwin Pricing how it works is it's meant to be a dynamic with a pricing optimization service which the company describes as allocation optimization algorithms that serve the optimal pricing offers to maximize profits based on machine learning tech and artificial neural networks so the plugin provides an integration between the product by this company called Darwin Pricing and root commerce so you kind of need two plugins even though root commerce is an official plugin so it could be installed directly from the plugin showcase so you need the root commerce plugin and the Darwin plugin in order for this to work for you so what happens it would add a targeted coupon box geotargeted coupon box to your root commerce site the last thing I want to share is called LiveChat 24-7 so it's trending because automated live support and chatbot so as the name suggests it's a plugin to help provide live support and interaction on your WordPress site so the company behind this plugin provides chatbot solutions based on their own algorithms and NLP natural language processing solutions they came to work with Uber, Johnson & Johnson Coca Cola I don't know if you would believe them again I haven't tried this and I have another thing so maybe before we go on to the last part I will share about WorldCamp WorldCamp there's a community organized WordPress conference and it's happening next month on the 28th of October at Santec City Convention Center we're going to have two tracks so one is a developer track so if you want to normal about maybe how the core WordPress is being developed or if you want to know more about writing plugins and other things then that's the track for you if you are normal user like me then we have a user track where we have easier topics to digest and it's going to be different from last year last year we only had a conference day this year we're having what we call a contributed day on the 29th of October this is going to be completely free it won't be at Santec it will be a general assembly that the nearest MRT is orchard we will run and and we will also be having sessions where you can contribute back so interact with people who are involved in WordPress media group and maybe get to know more about how it's run what we do during our meetups and how you can contribute back you can get a ticket from the link there and please follow us on social media I actually like the more chatbot that's running on a WordPress packet so I was kind of interested in trying to create my own chatbot but what do you do when you want to create a chatbot and you have no background in computer science or programming that's like me by the way you look for a WordPress plugin that will help you do that I actually did find a WordPress plugin and made my own chatbot which I call Pascal this is the very beginning when I first started using it and then I kind of slowly got it to actually say my name and post my own profile picture back to me it's really happy to be able to do this yeah don't know any programming at all if I can do it, so can you I'll show you now the WPFB bucket it's test for WordPress Facebook bucket it's by a guy called Jeff Gold he works for he's on the team called Delicious Brains so you can get the source code from github.com and so basically after you download the power from github you upload it into your plugins folder and then activate the plugin you need to do some setup so you have to create a facebook page for this and also a facebook app and then you have to kind of like set it up with an access token once you've got that running what happens is so the plugin helps your bot to talk to your WordPress installation I don't really know how to explain this very well it helps pull content from your WordPress blog and the bot will then spit it out to people who talk to the bot so all the backend code and functions and stuff continue in this plugin what you have to do is create a completely new plugin that runs off this plugin which is what I did and this is what my it's pretty simple what my bot does you could potentially do things with buttons I don't know if any of you have used bus uncle before you could use buttons there's a really good tutorial I call it the tutorial I call it to create time to create herself that brings you through really good bot through the whole process connecting your bot with your plugin creating the page, setting it up and everything and then you could do this is what you could do with buttons so I haven't gotten that far yet so in theory you could write a post on your WordPress blog and have the chat bot offer it as an option to people who interact with the bot if you follow the waktul already then it's even better than FHQ and yeah, that's the end of my sharing today if you've got any questions I'll try to take them anyone has any questions or anything you need to want to know in particular we have Zayan here who is a developer you get something a bit more than he feels so Zayan is on the webcam team as well so if you've got any questions do you have any questions because I'm in practice DC in visual in visual component visual component or whatever because I have something in and I basically he set it up as part of a framework or but I was not pleased to be actually so I was trying to do something so I tried to sketch but this place I don't know do you have anything to say ummm a bit so what issue are you having with it exactly ummm because when we set it up it just has a lot of length and then it's like 2 color, 1 color 3 color okay also does it work very similarly to the demo of M4 that I showed earlier is it similar it based off the press okay so the 2 color they aren't meant to be blank so once you set up the layout of your page you don't have to fill it with content so if you click inside each of the sections you'll be able to add other things like media or text you try that so if you visual composer they arrange things in blocks so instead of you need to know HTML CSS to write the webpage you just drag and drop blocks and then you fill in the content and they actually lay out okay I want this row to have 3 blocks 3 sections so they'll have so called blank sections for you to fill in the content so actually if you hover your mouse around the area where you're an visual composer you'll actually see some options that will allow you to actually add some content inside so what you created for me was just supposed to be blank and then when I just create more you just add that yes correct probably I'll just show some examples from my own website or the difference between WordPress.com and WordPress.org this is WordPress.com this is the download free one they host it for you now this is WordPress.org you see this download button here where you download the files and then you have to find your own domain find your own hosting go there and upload the files yourself do everything yourself but you get full freedom you get full customization you can do anything okay this is my blog SunTanker blog it's running off WordPress now usually when you get your own domain you get web hosting so probably let's say $10 per year for the domain name let's say design.com and you want to get hosting probably $120 per year for 5GB or more like this and the files downloaded from WordPress.org will actually go to file manager and you will actually come to here you create folder here and this is where you upload all your stuff now this is fully customized fully customizable self-hosted one just now me was talking about WP content this is where all your uploader files, your images, your videos your teams and plugins are over here so for example let's look at teams here 2015, 2017, 2016 bootstrap team bootstrap team chart now to go into my admin page i'll actually come to this on my login page and this is Google Authenticator so this is an example of what applying can do the normal WordPress login does not have this Google Authenticator 2x8 second content application so let's let's look at dashboard so just now we look at the teams folder WP bootstrap 2015, 2016, 2017 bootstrap team which corresponds exactly to this and if i were to go to plugins these are currently all the plugins that i have on my site Google Authenticator resize and upload if i go to the farm manager okay Rina you see it Google Authenticator resize and upload so all these are just files when you upload, this is the fully customizable one what can you do with it for example let's say i need a slideshow to show some photos and i don't know how to code my own slideshow applying for WordPress there are millions up there i download the file and upload to my own website and activate it so how do i actually add a post i go to a post come to here and i just type in whatever i can color it so instead of me knowing how to how to instead of me trying to figure out all i need to do is type up things here color accordingly and then you appear that's it this is a site that i did for one of my clients so these words are customizable so instead of the client need to know how to code in all this html stuff they just need to focus when i want to change i just need to change these 2 words so all these things so what WordPress does is you can have all this technical stuff but you give lay users let's say your marketing team or someone who is not techie a very nice easy user friendly interface for them to update the content hence the word CMS which stands for content management system just to manage the content so things like that they don't need to know how all this work they just need to know user friendly interface for me to update all the text and the features and let's say if i want to add one more case now let's look at WordPress.com this is a free one anyone can try out you can go to WordPress.com, login create or sign up for new account i have no site here or let's say if i want to create a new site oh i don't have any new site now so would you like to create one okay let's start with a blog let's say creative crew so let me check it's at creativecrew.wordpress.com all these are taken they allow you to i think they how you to purchase to amazing so for example creativecrew.wordpress.com so let me take creativecrew.wordpress.com so now of course i will go for the free one okay so most ready oh okay they actually put some dummy content for me right now so why not i put a new post using the say hello to pyro library hi there and i'll just click publish okay let's refresh let's refresh this page okay hello to pyro library hi there and that's it i have a blog that's there already now as a blogging platform bloggers they just want to put content they don't do matter if all this technical stuff but now wordpress is moving on to more things so this is our website this is an outwork camp in Boston so actually wordpress.wordpress.com if you have over wordpress.wordpress.com all these are automatically generated for you and provided for you so what can this do now supposing let's say i have i want to do android app iphone app and i want to show supposing let's say i organising a conference and i want the attendees to download this app where they can check the schedule, check the speakers and check what's going on now all this content am i going to go to techie way update a database and make it very difficult that only the developer can do it i want to say probably someone from marketing to actually go to wordpress website user friendly interface type in c or there's a new speaker and then you appear in the app i will show this as a number normal base normal base is actually an app store android iOS this is not done by me version 1 was done in react.js version 2 was done using react.native don't worry this are just programming languages but the fantastic thing is they are actually running of wordpress so how do they add users how do they add content how do they add a new map let's say there's no map for St. John's Island they add a new map, they add new google places how do they do that so they have a marketing team who are actually going non techie people, they are going to wordpress so similarly they just come here oh there's a new there's a new post okay there's a new update or there's a new place in town but we'll play some new restaurant that you should visit while you're over here so all this can be done by non techie people so just let me also mention about e-commerce how many of you have heard of Shopify so some people they let to set up an e-commerce shop start selling things right but they don't know all this techie stuff so some of them go with Shopify now wordpress.com is a blogging platform it's a CMS but you can install a word-commerce plugin to enable e-commerce that means people can come to your wordpress site you add your products using the user friendly interface and you can see they buy it they pay with let's say paypal or strike or brain tree Shopify is here around 9% whereas word-commerce it's about 12% and there's another one over here this smaller you can't see so it's about 20% Magento is a popular word popular e-commerce solution it's truly behind at 11% so just let me also mention wordpress is a bit of PHP it powers up about 82% of all the websites in the world so there's this huge community so the great thing about wordpress is not because of fantastic technology not because of fantastic developers but also because of the fantastic community you want to apply it in one team there's a whole ecosystem out there and it's been around for many 30 years with the member so so that's the final shout out and for work camp it's happening in October 28 and 29 at Santa now developer conferences are usually very expensive $1,000 $4,000 that's about $4,000 this is $40 $40 because we are bad by wordpress foundation so do come there's a developer track for the techie people and there's no developer track so those are teachers educators for designers want to know how to use wordpress to do the blocks to do the business even to teach their classes to teach students so there are two tracks so do visit this site and if you have any more questions okay so for example let's see over here okay this from wordpress.org it means i download the files from wordpress.org and i upload to my own server so plugins let's say i need a new plugin i want to say a slideshow slideshow i can either find it on some website that the friend recommended me download the files folder once i upload to here you will automatically appear under the list or i can just go to add new and i search for whatever i want i want a slideshow there are many slideshows so you will see every plugin will actually give you some options to customize so actually you have to try it out of course you can find it by the rating system you can see this one 6000 plus this one must be better than this one let me try that one first so how about teams now is booked festival is coming i want a booked team i want to show the moon and the bunny and the ferry so i can look for appearance i can go to team same thing but i will automatically Chinese New Year okay Christmas okay so let's see okay i need to because it is seasonal so usually what happens for those companies let's say stream maternity they have their own customers on the WordPress site so let's say Christmas is coming okay let me just change the image instead of Chinese New Year banner replace the image so how can you do that for example customize i say on the customer current team i can change the image okay not very clear let me see okay so for example this WordPress.com so the interface is roughly similar so let's say i run out using the WordPress.com i want to add one more header image oh okay this is a preview so what happen if i save and publish and i refresh and i got my header image so you can have say designer can you help me make a Christmas banner image and then i can change i don't like this white color i want to change the colors to orange same thing you can preview fast and color change so no technical background so just go there done so this is the same for WordPress.com and as well as WordPress.org for myself i created a team for scratch yeah any other questions yeah sure so afternoon mentioned some of the things she like we do it check coffee and stuff they mentioned maybe they using people or just things that you like or you know what is the idea for those things yeah you're behind you went to them from the default oh there isn't a connection with the default they probably customise it yeah i'm sure and just put the conventional info about what it might have been many questions would be nice to go at deeper into how you can use info so i think that was what we draw for me today to see going into the deeper i think a lot of us we spend a lot of time wasting a lot of time looking at different things but really i just need to go deeper into it yes very good question because it mentioned visual composers now with the normal work press your data the words they went like hello to biolibrary you notice i change the colour i change the brand image but my words remain the same similarly i can change the font i change let's say commit sense and the words will be the same but the form will be written differently now for visual composer they actually draw and draw and at the back they will generate something like this and it's all quite embedded so as a developer we like to separate data logic and presentation these three things should be as separate as possible we shouldn't mistan together like gojala so when you want to extract our data we want to move to another work press we want to move to another server it's very difficult so for visual composer they actually make presentation with data so sometimes let's say one day you decide visual composer cost money i want to stop using visual composer you will find that you probably will have a hard time getting your data out whereas for me i just using a normal team we separate data and presentation so all these things is easier for me to extract out even the topiolab what do you think switch from a free to a paid full customization i no question about workpress.com because actually it's been quite a few years since i tried it so the time of workpress.com i tried in my church website so the previous webmaster i wanted to make the form size bigger i couldn't i couldn't dear breaker for me let me show you an example for example let's say teams cheers over each year you can actually customers quite a lot i think workpress.com was a bit restrictive i no question now that workpress.com have paid plans whether to give a bit more feedback but the main thing is customization customization bad then workpress.com was a bit restrictive right now i no question because workpress.com has paid plans as well so the reason i'm looking for is because i want to change the name of the company oh if i pay to you can i just move okay workpress.com actually allows you to tie a domain so for example creativeproof.com they can you can do a site of workpress.com and then link to creativecrew.com so that when people go to creativecrew.com they see a nice website but actually they don't know that it's workpress that's following it so you can just go to a normal workpress.com and then you change and post everything and you'll be reflected so i just now remember when i first started the site of workpress.com they asked me to choose a name and some of them have prices beside it so actually i can buy and actually i can link up they actually give you a choice but you can't do that without paying money ah even if it's self hosted you need to pay the name anyway so you change the name without paying the domain if you own the name that's a big fix if you own the name already i believe you can dear readers the library will be closing in 30 minutes if you wish to borrow library materials we advise you to do so now at our self check machine we thank you for your visit and hope to see you again soon do you have anything to say do you want to ask me? let's get $1 billion of software any other question workpress.com ada plan perjalanan tapi mereka juga ada plan perjalanan what place do you download what place do you download and you upload to your own server to manage your own you will host it yourself so when you want to have your own server to upload yourself first you need to buy your own domain name then you need to look for reliable web hosting company so your own domain name is about $10 per year to renew or probably about $10 per month some give you 5GB some give you 20GB so it depends so there is no free lunch so once you are more comfortable and you want to take a challenge you want to have better design or you want to pay someone to do it you can go on to workpress.com for something to think and you need to be noticed what is that format it's a format sorry maaf maaf maaf maaf it lets people create an entire site so it's a new place it's like you are already in your own world can this be done ya it can be done but it is not plugin is now a feature of WordPress but you need to mostly provide data then Google Form it doesn't need WordPress you can take like Google Form you just throw the whole Google Form you can do that then it comes out in a spreadsheet for you it will come out in a spreadsheet you go to Google sheet and then you create a form of the spreadsheet okay and what do you need maybe i'll answer your question now you want it to see more info ya it's fun this is visual composer i do like this is the visual composer ya so you've got all the different layout options i think that's what you were looking at so if i don't put any content in these sections it will be blank you might not be able to see it so the boxes might be invisible so what do you guys think so you have to add content there's a whole bunch of things you can do so i put a bucket in here you can see it i put a cacolab i put a bucket in here i don't know how this is going to come out content ya as you can tell i have not really used my site very much so it's kind of what happened so i've got 1, 2, 3, 4 columns here i can go back and change it so maybe i don't want i want it to be bigger i click here to get it bigger it looks better i can also choose to have different template so beyond the visual composer you can set template i kind of did this by the theme editor method because that's what i'm really used to that's what i used to do in the past so i fell back and it looks like that now so i think we've kind of run out of time hope that helped if you guys have questions about WordPress that is actually a WordPress user group in Singapore so if you join it and post your questions i can tell you more about it so if you look on Facebook just look for WordPress it's a group in Singapore and you should find it you'll find us just search for kloedcrewsingapore and you can find our group on Facebook you'll see it's always the second chew day of the month that's my thank you for the presentation