In this section we start with creating a virtual environment, install necessary packages, set up the new website, and start it's basic configuration: add main navigation bar, logo and favicon, add social media links.
Setting up the CjkCMS
This video explains setting up a local installation of a website from scratch using Python, Django, and Wagtail based CjkCMS. The video walks you through all steps starting from setting up a new virtual environment, through download and setup of the CMS, and ends with setting up a superuser and starting a server on localhost. In subsequent videos we will develop a blogging website using components built into the content management system. For more information about CjkCMS, see https://cjkcms.com
See more... Updated: 2023 Length: 0:01:33
Adding a navigation bar
This video shows how to add a navigation bar (i.e. top menu, main menu) to your CjkCMS website.
See more... Updated: 2023 Length: 0:00:50
Adding logo and icon
Once your site is up and running on localhost, upload new images for the site logo and favicon. This video shows how you can add the site logo in the top menu, and a favicon. In the presented example, a full logo looked too tiny, so we ended up using the same square version of the logo for both favicon and the site logo.
See more... Updated: 2023 Length: 0:00:54
Adding social media icons
This video shows how to add social media icons in CjkCMS, without any code editing. In the site backend, go to Settings- Social Media. Out of the box, the CMS supports Facebook, X/Twitter, Instagram, LinkedIn, YoutTube, and Vimeo. Note: social media icons use Font Awesome, which is not loaded by default - go to Settings - Layout and activate Font Awesome, as shown in the video.
See more... Updated: 2023 Length: 0:00:48
Changing the color scheme
Change the overall layout of the website, by switching to a dark theme, and adjusting the navbar to match the color scheme. Note: the video shows CjkCMS version lower than 23.10.3, without new addition of 25+ Bootswatch themes. From 23.10.3 onwards you will have a wide choice of various color themes. (See https://bootswatch.com/ for more details on the available themes).
See more... Updated: 2023 Length: 0:00:37
Changing navbar mobile view breakpoint
If your main navigation bar is short, with just a few entries, you may want to change the breakpoint at which it switches from desktop to mobile (hamburger menu) view. This video shows you how to achieve it easily in CjkCMS
See more... Updated: 2023 Length: 0:00:35
Adding a background image
A page with a background image usually looks much better than one without. Here is how to add background image to your web pages.
See more... Updated: 2023 Length: 0:00:31