Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the acf domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/functions.php on line 6131

Deprecated: Creation of dynamic property ACF::$fields is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/includes/fields.php on line 138

Deprecated: Creation of dynamic property acf_loop::$loops is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/includes/loop.php on line 28

Deprecated: Creation of dynamic property ACF::$loop is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/includes/loop.php on line 269

Deprecated: Creation of dynamic property ACF::$revisions is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/includes/revisions.php on line 397

Deprecated: Creation of dynamic property acf_validation::$errors is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/includes/validation.php on line 28

Deprecated: Creation of dynamic property ACF::$validation is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/includes/validation.php on line 214

Deprecated: Creation of dynamic property acf_form_customizer::$preview_values is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-customizer.php on line 28

Deprecated: Creation of dynamic property acf_form_customizer::$preview_fields is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-customizer.php on line 29

Deprecated: Creation of dynamic property acf_form_customizer::$preview_errors is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-customizer.php on line 30

Deprecated: Creation of dynamic property ACF::$form_front is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-front.php on line 598

Deprecated: Creation of dynamic property acf_form_widget::$preview_values is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-widget.php on line 34

Deprecated: Creation of dynamic property acf_form_widget::$preview_reference is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-widget.php on line 35

Deprecated: Creation of dynamic property acf_form_widget::$preview_errors is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/includes/forms/form-widget.php on line 36

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the all-in-one-wp-migration domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/functions.php on line 6131

Warning: Cannot modify header information - headers already sent by (output started at /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/functions.php:6131) in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/wp_plugin/wp_plugin.php on line 23

Deprecated: str_replace(): Passing null to parameter #3 ($subject) of type array|string is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 54

Warning: Cannot modify header information - headers already sent by (output started at /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/functions.php:6131) in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 1539

Deprecated: strtolower(): Passing null to parameter #1 ($string) of type string is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 828

Notice: Function _load_textdomain_just_in_time was called incorrectly. Translation loading for the rocket domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the init action or later. Please see Debugging in WordPress for more information. (This message was added in version 6.7.0.) in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/functions.php on line 6131

Deprecated: Creation of dynamic property acf_field_oembed::$width is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/includes/fields/class-acf-field-oembed.php on line 31

Deprecated: Creation of dynamic property acf_field_oembed::$height is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/includes/fields/class-acf-field-oembed.php on line 32

Deprecated: Creation of dynamic property acf_field_google_map::$default_values is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/includes/fields/class-acf-field-google-map.php on line 33

Deprecated: Creation of dynamic property acf_field__group::$have_rows is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/includes/fields/class-acf-field-group.php on line 31

Deprecated: Creation of dynamic property acf_field_clone::$cloning is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/pro/fields/class-acf-field-clone.php on line 34

Deprecated: Creation of dynamic property acf_field_clone::$have_rows is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-pro/pro/fields/class-acf-field-clone.php on line 35

Deprecated: Creation of dynamic property jh_acf_field_table::$settings is deprecated in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-content/plugins/advanced-custom-fields-table-field/class-jh-acf-field-table.php on line 23

Warning: Cannot modify header information - headers already sent by (output started at /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/functions.php:6131) in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/functions.php:6131) in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/functions.php:6131) in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/functions.php:6131) in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/functions.php:6131) in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/functions.php:6131) in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/functions.php:6131) in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/rest-api/class-wp-rest-server.php on line 1902

Warning: Cannot modify header information - headers already sent by (output started at /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/functions.php:6131) in /var/www/vhosts/studiogo.tech/httpdocs/upcloudold/wp-includes/rest-api/class-wp-rest-server.php on line 1902
{"id":24894,"date":"2020-07-15T13:13:06","date_gmt":"2020-07-15T10:13:06","guid":{"rendered":"https:\/\/upcloud.com\/community\/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:\/\/studiogo.tech\/upcloudold\/tutorial\/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 at our newcomer\u2019s 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 web site 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 at 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 into 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 on the terminal.<\/p>\n\n\n\n

    sudo apt update && sudo apt upgrade -y<\/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<\/pre>\n\n\n\n

    Once installed, if you\u2019ve configured username<\/a> 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><\/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<\/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<\/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<\/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<\/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<\/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<\/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<\/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<\/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<\/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><\/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 install 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 webserver.<\/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<\/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<\/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<\/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 then 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 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<\/em> 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},"featured_media":16029,"comment_status":"open","ping_status":"closed","template":"","community-category":[113,116],"class_list":["post-24894","tutorial","type-tutorial","status-publish","has-post-thumbnail","hentry","community-category-integrations","community-category-web-hosting"],"acf":[],"_links":{"self":[{"href":"https:\/\/studiogo.tech\/upcloudold\/wp-json\/wp\/v2\/tutorial\/24894","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studiogo.tech\/upcloudold\/wp-json\/wp\/v2\/tutorial"}],"about":[{"href":"https:\/\/studiogo.tech\/upcloudold\/wp-json\/wp\/v2\/types\/tutorial"}],"replies":[{"embeddable":true,"href":"https:\/\/studiogo.tech\/upcloudold\/wp-json\/wp\/v2\/comments?post=24894"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/studiogo.tech\/upcloudold\/wp-json\/wp\/v2\/media\/16029"}],"wp:attachment":[{"href":"https:\/\/studiogo.tech\/upcloudold\/wp-json\/wp\/v2\/media?parent=24894"}],"wp:term":[{"taxonomy":"community-category","embeddable":true,"href":"https:\/\/studiogo.tech\/upcloudold\/wp-json\/wp\/v2\/community-category?post=24894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}