{"id":17335,"date":"2018-09-05T10:11:28","date_gmt":"2018-09-05T02:11:28","guid":{"rendered":"https:\/\/www.exabytes.sg\/blog\/?p=17335"},"modified":"2022-01-27T16:28:47","modified_gmt":"2022-01-27T08:28:47","slug":"setup-wordpress-website","status":"publish","type":"post","link":"https:\/\/www.exabytes.sg\/blog\/setup-wordpress-website\/","title":{"rendered":"How to Create a Website with WordPress"},"content":{"rendered":"<p><img data-recalc-dims=\"1\" decoding=\"async\" class=\"aligncenter wp-image-18088 size-full\" src=\"https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/temp2.jpg?resize=696%2C405&#038;ssl=1\" alt=\"\" width=\"696\" height=\"405\" srcset=\"https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/temp2.jpg?w=1080&amp;ssl=1 1080w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/temp2.jpg?resize=300%2C174&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/temp2.jpg?resize=768%2C447&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/temp2.jpg?resize=1024%2C595&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/temp2.jpg?resize=696%2C405&amp;ssl=1 696w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/temp2.jpg?resize=1068%2C621&amp;ssl=1 1068w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/temp2.jpg?resize=722%2C420&amp;ssl=1 722w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/temp2.jpg?resize=196%2C114&amp;ssl=1 196w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Got a hosting but don\u2019t know how to create a website with WordPress?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can either use cPanel or WordPress dashboard to create your website. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Why use WordPress instead of other CMS?<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">It is FREE! Well, simply a good reason<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">It is easy to setup, just drag and drop<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">It has wide range of themes for you to build a beautiful website<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">It has wide range of plugins for you to build a functional and powerful website<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">*Most importantly &#8211; all those features above are FREE to use!<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Now you know the benefits of using WordPress to build your website. Want to know more on how to create a website with WordPress?<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Read on\u2026<\/span><\/p>\n<p><a href=\"#step1\"><span style=\"font-weight: 400;\">Step 1: Install WordPress on your hosting<\/span><\/a><\/p>\n<p><a href=\"#step2\"><span style=\"font-weight: 400;\">Step 2: Understand WordPress dashboard and its functions<\/span><\/a><\/p>\n<p><a href=\"#step3\"><span style=\"font-weight: 400;\">Step 3: Install and edit a theme<\/span><\/a><\/p>\n<p><a href=\"#step4\"><span style=\"font-weight: 400;\">Step 4: Install a plugin<\/span><\/a><\/p>\n<p><a href=\"#step5\"><span style=\"font-weight: 400;\">Step 5: Design your website<\/span><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2 id=\"step1\"><b>Step 1: Installing WordPress on your hosting<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Most of the hosting plans provided on the market do not have pre-install WordPress (except <\/span><a href=\"https:\/\/www.exabytes.sg\/web-hosting\/wordpress-hosting\"><span style=\"font-weight: 400;\">WordPress Hosting<\/span><\/a><span style=\"font-weight: 400;\"> plan). If you signed up for WordPress Hosting plan, good news! You can skip this step!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For those who signed up for a normal hosting plan, you can login to your cPanel (control panel provided by hosting company) to install WordPress. Take Exabytes cPanel for an example.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Login to cPanel<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Point your mouse to \u201cSoftaculous Apps Installer\u201d section<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Choose WordPress<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Fill in your website details and hit the \u201cInstall\u201d button<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Alright! You are good to go!<\/span><\/li>\n<\/ol>\n<div style=\"width: 696px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-17335-1\" width=\"696\" height=\"435\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/2945a10e38d547189044e181b0a2e5d1.mp4?_=1\" \/><a href=\"https:\/\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/2945a10e38d547189044e181b0a2e5d1.mp4\">https:\/\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/2945a10e38d547189044e181b0a2e5d1.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<h2 id=\"step2\"><b>Step 2: Understanding WordPress dashboard and its functions<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Now you\u2019ve installed WordPress to your hosting, you will see a black dashboard that looks like this:<\/span><\/p>\n<p><img data-recalc-dims=\"1\" decoding=\"async\" class=\"alignnone size-full wp-image-17336\" src=\"https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/wordpress_default_dashboard.png?resize=696%2C429&#038;ssl=1\" alt=\"wordpress website\" width=\"696\" height=\"429\" srcset=\"https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/wordpress_default_dashboard.png?w=1152&amp;ssl=1 1152w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/wordpress_default_dashboard.png?resize=300%2C185&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/wordpress_default_dashboard.png?resize=768%2C473&amp;ssl=1 768w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/wordpress_default_dashboard.png?resize=1024%2C631&amp;ssl=1 1024w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/wordpress_default_dashboard.png?resize=356%2C220&amp;ssl=1 356w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/wordpress_default_dashboard.png?resize=696%2C429&amp;ssl=1 696w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/wordpress_default_dashboard.png?resize=1068%2C658&amp;ssl=1 1068w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/wordpress_default_dashboard.png?resize=681%2C420&amp;ssl=1 681w, https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/wordpress_default_dashboard.png?resize=185%2C114&amp;ssl=1 185w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">You might wonder what are the functions of the tabs. No worry, let\u2019s go through them one by one.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Dashboard<\/span>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Provides an overview of your website condition and performance<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Post<\/span>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">A tab that enables you to write and post your blog post<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Media<\/span>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">You can find all your media files here, including images and videos<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Pages<\/span>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Enables you to publish pages for your website<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Appearance<\/span>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Enables to you to edit your website appearance<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Plugins<\/span>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Enables you to install plugins for your website<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Users<\/span>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Enables you to manage your website users and subscribers<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Tools<\/span>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Enables you to manage your website data &#8211; Import and Export<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Settings<\/span>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">General website settings such as Writing, Reading, Permalinks, etc<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h2 id=\"step3\"><b>Step 3: Installing and editing a theme<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Now you are going to begin building your website. First, your website must have a theme in order to display your information on the Internet. Navigate to Appearance tab and choose \u201cThemes\u201d.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">After clicking on the \u201cthemes\u201d tab, WordPress will lead you to a theme marketplace. Search your desired theme here and install the theme by clicking on the \u201cInstall\u201d button. Themes provided in WordPress Marketplace are Free.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">*Note: You can also purchase a premium theme (usually looks nicer with more functions) from Envato Marketplace and upload the theme using the theme upload feature. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here are some great themes that we recommend for your websites:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><a href=\"https:\/\/themeforest.net\/item\/kalium-creative-theme-for-professionals\/10860525\" rel=\"noopener\"><span style=\"font-weight: 400;\">Kalium<\/span><\/a><span style=\"font-weight: 400;\"> (Premium Theme)<\/span><\/li>\n<li style=\"font-weight: 400;\"><a href=\"https:\/\/themeforest.net\/item\/x-the-theme\/5871901\" rel=\"noopener\"><span style=\"font-weight: 400;\">X-Theme<\/span><\/a><span style=\"font-weight: 400;\"> (Premium Theme)<\/span><\/li>\n<li style=\"font-weight: 400;\"><a href=\"https:\/\/colorlib.com\/wp\/themes\/shapely\/\" rel=\"noopener\"><span style=\"font-weight: 400;\">Shapely<\/span><\/a><span style=\"font-weight: 400;\"> (Free theme)<\/span><\/li>\n<li style=\"font-weight: 400;\"><a href=\"https:\/\/themeisle.com\/themes\/hestia\" rel=\"noopener\"><span style=\"font-weight: 400;\">Hestia<\/span><\/a><span style=\"font-weight: 400;\"> (Free theme)<\/span><\/li>\n<li style=\"font-weight: 400;\"><a href=\"https:\/\/colorlib.com\/portum-material\/\" rel=\"noopener\"><span style=\"font-weight: 400;\">Portum Material<\/span><\/a><span style=\"font-weight: 400;\"> (Free theme)<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">Next, you are able to customize your theme\u2019s content by clicking on the \u201ccustomize\u201d tab on left hand side of the dashboard. For some themes that come with its own website builder, you can edit it directly on each page.<\/span><\/p>\n<h2 id=\"step4\"><b>Step 4: Installing a plugin<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">Plugins are external software that are able to bring certain features or functions to your website. You are able to install plugins in \u201cPlugins\u201d tab. Just like themes, WordPress provides a marketplace for you to search for your desired plugins. Plugins in WordPress marketplace are Free as well.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can also install your own plugin by uploading it to your website. Plugins that require uploading are usually Premium plugins that users buy from third party, such as Envato Market. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">Here are some MUST haves plugins for your new website:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Contact Form 7 &#8211; Helps create a contact form for your website<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Yoast SEO &#8211; Helps you configure SEO <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">W3 Total Cache &#8211; Helps to improve website performance through caching<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">WP Smush &#8211; Optimizes website images <\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Google Analytics for WordPress by MonsterInsights &#8211; Helps connect Google Analytics<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Backup Buddy &#8211; Backup your website data<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">OptinMonster &#8211; Website popups that help increase conversion<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Jetpack &#8211; Takes care of your site security, performance, traffic, images and a lot more<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Akismet &#8211; An anti-spam plugin that helps you block spam<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Woocommerce &#8211; Build an ecommerce website<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">*Note: these plugins are FREE. <\/span><\/p>\n<h2 id=\"step5\"><b>Step 5: Designing your website<\/b><span style=\"font-weight: 400;\"><br \/>\n<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Now you\u2019re done installing the theme you love, it is time to design your desired website. With WordPress, you can easily design your website using either Gutenberg or Website Builder plugin which comes along with your theme (usually included).<\/span><\/p>\n<h3><b>Gutenberg<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">A brand new website editor provided by WordPress itself (launched in 2018). It enables users to edit pages and posts with drag and drop method (thank god, I hate coding&#8230; ). Basically the feature enables you to use \u201cBlocks\u201d to build and design your website. Here are some of the basic animation walkthrough:<\/span><\/p>\n<div style=\"width: 696px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-17335-2\" width=\"696\" height=\"435\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/27e9c284518043dd8c354570cc532a8a.mp4?_=2\" \/><a href=\"https:\/\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/27e9c284518043dd8c354570cc532a8a.mp4\">https:\/\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/27e9c284518043dd8c354570cc532a8a.mp4<\/a><\/video><\/div>\n<p>&nbsp;<\/p>\n<h3><b>Third Party Website Builder<\/b><\/h3>\n<p><span style=\"font-weight: 400;\">Usually come along with your theme or installed as an individual plugin. One widely used Third party website builder is Visual Composer and Elementor. <\/span><\/p>\n<p><a href=\"https:\/\/visualcomposer.io\/\" rel=\"noopener\"><span style=\"font-weight: 400;\">Visual Composer<\/span><\/a><span style=\"font-weight: 400;\"> (also known as WP Bakery) is the most commonly used website builder plugin. It usually comes along with themes that you purchased. It has 2 different phases of editing website &#8211; Classic view and Frontend Editor<\/span><\/p>\n<p><a href=\"https:\/\/elementor.com\/\" rel=\"noopener\"><span style=\"font-weight: 400;\">Elementor<\/span><\/a><span style=\"font-weight: 400;\"> &#8211; a newly launched website builder that enables users to build their website using drag and drop method. It comes with Pro version, enabling you to build almost a complete website without a theme. It is free to install. <\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Have a look at some of the great examples for inspiration:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\"><a href=\"https:\/\/www.swa.sg\" rel=\"noopener\"><span style=\"font-weight: 400;\">Singapore Website Awards<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><a href=\"https:\/\/www.bigcommerce.com\/blog\/best-ecommerce-website-design\/\" rel=\"noopener\"><span style=\"font-weight: 400;\">The 22 Best Ecommerce Website Designs of 2018<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><a href=\"https:\/\/blog.hubspot.com\/blog\/tabid\/6307\/bid\/34143\/12-inspiring-examples-of-beautiful-blog-homepage-designs.aspx\" rel=\"noopener\">16 of the Best Examples of Beautiful Blog Design<\/a><\/span><\/li>\n<\/ol>\n<h2><b>Conclusion<\/b><\/h2>\n<p><span style=\"font-weight: 400;\">I hope you learned something useful in this blog post. Now, it is your turn to build your very own professional website. Still confused? Got questions? Leave us a comment below!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Cheers. \u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Got a hosting but don\u2019t know how to create a website with WordPress? You can either use cPanel or WordPress dashboard to create your website. Why use WordPress instead of other CMS? It is FREE! Well, simply a good reason It is easy to setup, just drag and drop It has wide range of themes [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":18088,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[280],"tags":[],"class_list":{"0":"post-17335","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wordpress-sharing-tips"},"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.exabytes.sg\/blog\/wp-content\/uploads\/2018\/09\/temp2.jpg?fit=1080%2C628&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/pbHhPQ-4vB","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/posts\/17335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/comments?post=17335"}],"version-history":[{"count":11,"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/posts\/17335\/revisions"}],"predecessor-version":[{"id":22006,"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/posts\/17335\/revisions\/22006"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/media\/18088"}],"wp:attachment":[{"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/media?parent=17335"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/categories?post=17335"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.exabytes.sg\/blog\/wp-json\/wp\/v2\/tags?post=17335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}