{"id":2143,"date":"2020-07-15T13:13:06","date_gmt":"2020-07-15T10:13:06","guid":{"rendered":"https:\/\/upcloud.com\/global\/us\/resources\/tutorials\/kepler-website-builder\/"},"modified":"2020-07-15T13:13:06","modified_gmt":"2020-07-15T10:13:06","slug":"kepler-website-builder","status":"publish","type":"tutorial","link":"https:\/\/upcloud.com\/global\/resources\/tutorials\/kepler-website-builder\/","title":{"rendered":"How to get started with Kepler website builder"},"content":{"rendered":"\n

Kepler is a powerful drag-and-drop WordPress website builder that lets you skip all the technical stuff and create consistent and professional sites.<\/p>\n\n\n\n

Their versatile design system lets you create awesome websites without coding or design know-how. Bring your ideas to life with their all-new website style filters that instantly change the look and feel of your website. Web design has never been this simple!<\/p>\n\n\n\n

\n
Test hosting on UpCloud!<\/a><\/div>\n<\/div>\n\n\n\n

Signing up<\/h2>\n\n\n\n

First things first, if you have not yet registered on UpCloud, begin by getting signed up<\/a>. Follow the link here to register for a free trial and receive an extra \u20ac25 to get started!<\/p>\n\n\n\n

Deploying your first cloud server<\/h2>\n\n\n\n

Once registered, sign in to your UpCloud Control Panel<\/a> and get cracking!<\/p>\n\n\n\n

The next thing you\u2019ll need to do is deploy a new cloud server.<\/p>\n\n\n\n

Deploying a new server on UpCloud is an easy and straightforward process. To get started, select to Deploy a server<\/a> under the Servers section at your UpCloud Control Panel.<\/p>\n\n\n\n

The deployment page shows a number of options for customising a new cloud server.<\/p>\n\n\n\n

    \n
  1. Choose the server location from the available data centres<\/li>\n\n\n\n
  2. Pick a configuration; the \u20ac7 per month plan is a good starting point<\/li>\n\n\n\n
  3. Select Ubuntu 20.04 or 18.04 for the operating system<\/li>\n\n\n\n
  4. Add any SSH keys you might want to use, if any<\/li>\n\n\n\n
  5. Give your server a hostname and description<\/li>\n\n\n\n
  6. Click Deploy!<\/li>\n<\/ol>\n\n\n\n

    You can find more detailed instructions on cloud server deployment in our newcomers\u2019 tutorials<\/a>.<\/p>\n\n\n\n

    Once deployed, you\u2019ll receive the root password for your new cloud server by your chosen delivery method, email by default. You can also see the password at the notifications at your UpCloud Control Panel. Make note of your root password as well as your server IP address since you will need them to connect to the cloud server.<\/p>\n\n\n\n

    You could also configure a domain name for your website by creating an A record for the IP address of the new cloud server. This can generally be done at your domain registrars services. Find out more in this guide about domain name systems and how to configure DNS records<\/a>.<\/p>\n\n\n\n

    An active domain is not however necessary to follow this tutorial, just continue below if you want to skip the domain setup.<\/p>\n\n\n\n

    Installing WordPress with Docker Compose<\/h2>\n\n\n\n

    Kepler works as a WordPress plugin and therefore requires WordPress to be installed. This can be accomplished in a number of different ways depending on your preferences. For this example, we\u2019ll be using Docker Compose for a quick WordPress site deployment with room for future development.<\/p>\n\n\n\n

    To get started with the install, log in to your new cloud server using SSH. If you are unfamiliar with SSH, check out our guide on how to connect to your cloud server<\/a>.<\/p>\n\n\n\n

    Once logged in, you should begin by updating your current server software. Run the following command in the terminal.<\/p>\n\n\n\n

    sudo apt update && sudo apt upgrade -y<\/code><\/pre>\n\n\n\n
    With the server updated, you can install Docker by using their handy install script with the two commands below. The first command downloads the install script, while the second command runs the script to install Docker and all its dependencies.<\/p>\n\n\n\n
    curl -fsSL https:\/\/get.docker.com\/ -o ~\/get-docker.sh\nsudo sh ~\/get-docker.sh<\/code><\/pre>\n\n\n\n
    Once installed, if you\u2019ve configured a username for yourself, you may wish to add it to the Docker user group. Doing so allows you to run docker<\/tt> commands without invoking sudo<\/tt> every time. Replace the username<\/tt> in the command below with your own.<\/p>\n\n\n\n
    sudo usermod -aG docker username<\/span><\/code><\/pre>\n\n\n\n
    You should also set Docker to start automatically at server boot.<\/p>\n\n\n\n
    sudo systemctl enable docker<\/code><\/pre>\n\n\n\n
    Next, install Docker Compose with the next install script.<\/p>\n\n\n\n
    Note that this script needs to be run as root<\/strong>.<\/p>\n\n\n\n
    Switch to the root user if you are not already using it with the command below.<\/p>\n\n\n\n
    sudo -i<\/code><\/pre>\n\n\n\n
    Then run the script to download and install Docker Compose.<\/p>\n\n\n\n
    curl -L https:\/\/github.com\/docker\/compose\/releases\/download\/1.24.0\/docker-compose-$(uname -s)-$(uname -m) -o \/usr\/local\/bin\/docker-compose<\/code><\/pre>\n\n\n\n
    Then, apply execution permissions to the Docker Compose binary.<\/p>\n\n\n\n
    sudo chmod +x \/usr\/local\/bin\/docker-compose<\/code><\/pre>\n\n\n\n
    Afterwards, you can change back to your own username by simply exiting the root account. Skip this if you were using root from the beginning.<\/p>\n\n\n\n
    exit<\/code><\/pre>\n\n\n\n
    Now that both Docker and Docker Compose have been installed, you can then get started deploying your WordPress site.<\/p>\n\n\n\n
    Create a new directory that will house the website files.<\/p>\n\n\n\n
    mkdir ~\/wordpress-compose<\/code><\/pre>\n\n\n\n
    Then create a docker-compose.yml<\/tt> file like below. It defines two containers, one for WordPress itself and second for a database that the website will use.<\/p>\n\n\n\n
    Just copy the following in its entirety to the command line and press enter.<\/p>\n\n\n\n
    echo 'wordpress:\n    image: wordpress\n    links:\n     - mariadb:mysql\n    environment:\n     - WORDPRESS_DB_PASSWORD=DataBasePassword<\/span>\n    ports:\n     - \"80:80\"\n    volumes:\n     - .\/html:\/var\/www\/html\nmariadb:\n    image: mariadb\n    environment:\n     - MYSQL_ROOT_PASSWORD=DataBasePassword<\/span>\n     - MYSQL_DATABASE=wordpress\n    volumes:\n     - .\/database:\/var\/lib\/mysql' > ~\/wordpress-compose\/docker-compose.yml<\/code><\/pre>\n\n\n\n
    Afterwards, replace the DataBasePassword<\/tt> for both containers with something secure. You can open the file for edit by using for example nano ~\/wordpress-compose\/docker-compose.yml<\/tt> command.<\/p>\n\n\n\n
    Then start the WordPress website with the following command.<\/p>\n\n\n\n
    docker-compose -f ~\/wordpress-compose\/docker-compose.yml up -d<\/code><\/pre>\n\n\n\n
    Docker will then download and deploy a WordPress site according to compose file created above. Once the installation has finished, you\u2019ll see an output like the example below.<\/p>\n\n\n\n
    Creating wordpress-compose_mariadb_1 ... done\nCreating wordpress-compose_wordpress_1 ... done<\/code><\/pre>\n\n\n\n
    That\u2019s it! You now have a clean WordPress installed and running on your cloud server. Continue below on how to proceed next.<\/p>\n\n\n\n
    Making the initial WordPress configurations<\/h2>\n\n\n\n
    With WordPress installed, you can then open your domain or public IP address, as shown at your UpCloud Control Panel<\/a>, in your web browser. You should see the WordPress initial setup page like in the image shown underneath. Follow the setup wizard to complete your WordPress site installation.<\/p>\n\n\n\n
    http:\/\/<public-ip-address><\/a><\/code><\/pre>\n\n\n\n
    Start the setup by selecting your preferred language and clicking Continue<\/em>.<\/p>\n\n\n\n
    \"Selecting<\/figure>\n\n\n\n
    Next, give your website a title and choose your username and password and enter an email address to create a user account on your new WordPress site. Once done, click the Install WordPress<\/em> button.<\/p>\n\n\n\n
    \"Enter<\/figure>\n\n\n\n
    The installation will take but a moment after which you should see a confirmation like below. Once the install has finished, click the Log in<\/em> button to go to your WordPress admin panel.<\/p>\n\n\n\n
    \"WP<\/figure>\n\n\n\n
    Log in with the same username and password you set during the WordPress configuration.<\/p>\n\n\n\n
    \"WP<\/figure>\n\n\n\n
    That\u2019s all for installing WordPress but the site is still very bare-bones.<\/p>\n\n\n\n
    \"WP<\/figure>\n\n\n\n
    Continue below with the steps to install Kepler and start building your website!<\/p>\n\n\n\n
    Installing Kepler Builder and theme<\/h2>\n\n\n\n
    Once your new WordPress site is up and running, you get to installing Kepler. The installation process is quick and easy thanks to the simple integration of Kepler as a WordPress plugin and theme. On WordPress, themes and plugins can be installed via the admin panel or by directly downloading the packages onto the web server.<\/p>\n\n\n\n
    Since we have SSH access to the server, we can use the latter method, which makes quick work of the install process.<\/p>\n\n\n\n
    First, you need to install unzip to decompress the Kepler packages.<\/p>\n\n\n\n
    sudo apt install unzip -y<\/code><\/pre>\n\n\n\n
    With that done, you can download the Kepler Builder plugin and extract the files into the plugins directory for your WordPress web site.<\/p>\n\n\n\n
    wget https:\/\/storage.googleapis.com\/kepler-download\/kepler-builder.zip -O ~\/kepler-builder.zip\nunzip ~\/kepler-builder.zip -d ~\/wordpress-compose\/html\/wp-content\/plugins<\/code><\/pre>\n\n\n\n
    Then repeat the steps to download and install the Kepler theme.<\/p>\n\n\n\n
    wget https:\/\/storage.googleapis.com\/kepler-download\/kepler-theme.zip?ignoreCache=1 -O ~\/kepler-theme.zip\nunzip ~\/kepler-theme.zip -d ~\/wordpress-compose\/html\/wp-content\/themes<\/code><\/pre>\n\n\n\n
    Now that Kepler is installed, go back to your WordPress admin panel.<\/p>\n\n\n\n
    In the WP admin section, navigate to the Plugins<\/em> view by clicking the menu link on the left.<\/p>\n\n\n\n
    On the list of installed plugins, you should see Kepler Builder along with some default plugins. Enable the Kepler Builder by clicking the Activate<\/em> link.<\/p>\n\n\n\n
    \"Activating<\/figure>\n\n\n\n
    When activated, Kepler will greet you with a hello and a notice that you also need to have a compatible theme selected. Since we\u2019ve already installed the Kepler theme, you can ignore the download link.<\/p>\n\n\n\n
    \"Kepler<\/figure>\n\n\n\n
    Next, navigate to the Themes<\/em> list under the Appearance<\/em> menu.<\/p>\n\n\n\n
    Then find the Hello Kepler theme on the list of installed themes and enable it by clicking the Activate<\/em> button when mousing over the theme preview image.<\/p>\n\n\n\n
    \"Activating<\/figure>\n\n\n\n
    Congratulations, you\u2019ve successfully installed Kepler!<\/p>\n\n\n\n
    \"Kepler<\/figure>\n\n\n\n
    Click the Get started<\/em> button to continue.<\/p>\n\n\n\n
    Getting started with Kepler<\/h2>\n\n\n\n
    With Kepler installed, you are almost ready to get going. When you open Kepler for the first time, you will be prompted to enter your Kepler product key.<\/p>\n\n\n\n
    You can follow the link to purchase a key or get the free trial key to test out the builder before committing. If you\u2019ve already purchased a Kepler licence, you can find the product key in your confirmation email.<\/p>\n\n\n\n
    \"Entering<\/figure>\n\n\n\n
    Once you\u2019ve entered a valid product key, click the Activate<\/em> button to go to the next step.<\/p>\n\n\n\n
    Kepler will then give you some options to explore template styles, which can be very helpful as a starting point. Select whichever style you like and click the Start Import button, or Start with a black canvas<\/em> if you want a clean start.<\/p>\n\n\n\n
    \"Selecting<\/figure>\n\n\n\n
    You can then further customise your website by selecting the pages you want to use. Finally, click the Start Import<\/em> button again to confirm the import.<\/p>\n\n\n\n
    \"Selecting<\/figure>\n\n\n\n
    Kepler will then begin setting up your new site with the template style of your choice. When finished, you will be directed to the Kepler design editor.<\/p>\n\n\n\n
    \"Kepler<\/figure>\n\n\n\n
    All set! You now have all the tools needed to build your perfect website with simple drag and drop actions, no coding needed!<\/p>\n","protected":false},"author":3,"featured_media":16029,"comment_status":"open","ping_status":"closed","template":"","community-category":[223,250],"class_list":["post-2143","tutorial","type-tutorial","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/upcloud.com\/global\/wp-json\/wp\/v2\/tutorial\/2143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/upcloud.com\/global\/wp-json\/wp\/v2\/tutorial"}],"about":[{"href":"https:\/\/upcloud.com\/global\/wp-json\/wp\/v2\/types\/tutorial"}],"author":[{"embeddable":true,"href":"https:\/\/upcloud.com\/global\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/upcloud.com\/global\/wp-json\/wp\/v2\/comments?post=2143"}],"version-history":[{"count":0,"href":"https:\/\/upcloud.com\/global\/wp-json\/wp\/v2\/tutorial\/2143\/revisions"}],"wp:attachment":[{"href":"https:\/\/upcloud.com\/global\/wp-json\/wp\/v2\/media?parent=2143"}],"wp:term":[{"taxonomy":"community-category","embeddable":true,"href":"https:\/\/upcloud.com\/global\/wp-json\/wp\/v2\/community-category?post=2143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}