Build a blogging site with CjkCMS

Build a blogging site with CjkCMS

This course is currently under construction, with new videos added every couple of days

2 modules with 7 activities

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.

1.1

Setting up the CjkCMS 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... Published: 2023 Length: 0:01:33
1.2

Adding a navigation bar 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... Published: 2023 Length: 0:00:50
1.3

Adding logo and icon 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... Published: 2023 Length: 0:00:54
1.4

Adding social media icons 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... Published: 2023 Length: 0:00:48

2.1

Changing the color scheme 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... Published: 2023 Length: 0:00:37
2.2

Changing navbar mobile view breakpoint 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... Published: 2023 Length: 0:00:35
2.3

Adding a background image 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... Published: 2023 Length: 0:00:31

Return to Course List