Template Creator CK - Creating Custom Joomla templates

Template Creator CK enables you to create Joomla templates from an existing design.
4.6 (11 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
35 students enrolled
$19
$20
5% off
Take This Course
  • Lectures 97
  • Length 2.5 hours
  • Skill Level Beginner Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 11/2015 English

Course Description

There's an absolute bevy of courses on the internet on how to build websites using all kinds of platforms and frameworks. Although these courses are generally very helpful in teaching more about certain topics like HTML and CSS, I have yet to come across a course that shows you how to create a custom template from scratch.

After doing multiple online courses on the internet to teach myself web development, I realised that teaching others my workflow could not only save them lots of time, but give them a solid understanding of a tool that has become one of the most powerful in my arsenal.

The objective of this course is to run you through a step by step process on how to create a custom template using a component called Template Creator CK. This component can be installed into Joomla and Wordpress, and operates inside the CMS to make the creation of templates from scratch an absolute breeze.

The course is structured in a top down approach, where students will take an existing design and start creating the template from the navigation area, all the way down to the footer area. Thereafter we will look at concepts like responsive design, template overrides and adding custom CSS to the template to add some aesthetically pleasing effects with CSS transitions and transforms.

Students wishing to enroll should already be familiar with HTML, CSS and either Joomla or Wordpress. Although Joomla is the preferred CMS for this course, Template Creator CK will soon be available for Wordpress, so if you have a solid understanding of the skillsets covered here, you can extend the utility of this course to create templates for Wordpress as well.

The total runtime of the course is roughly 2.5 hours, but I would recommend doing each section slowly and practicing the concepts taught to get the most out of the material. Students will need to purchase the Template Creator CK component, but I can assure you it will be money well spent.

Taking this course will teach you a fantastic new way of creating beautiful, versatile and responsive templates for the two biggest CMS's out there today.

What are the requirements?

  • You should already be familiar with HTML and CSS
  • You should have a solid knowledge of Joomla or Wordpress.
  • Students will need to purchase the component Template Creator CK but not yet install install it.

What am I going to get from this course?

  • Create a custom Joomla template based on an existing design.

What is the target audience?

  • Students should take this course if you have a solid knowledge of HTML, CSS and Joomla
  • This course is not intended for those looking to learn web design.
  • This course is not intended for those looking to learn Joomla or Wordpress

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
01:09

After completing this lesson, students will be introduced to the instructor and will be introduced to the concepts to be learned in this course.

01:45

After completing this course, students will know which skills are required in order to maximise their learning experience.

01:04

After completing this lesson, prospective students will know who this course is designed for and what the expected outcome will be.

00:50

After completing this lesson, students will know where and how they can purchase the Template-Creator CK component by following the link.

Section 2: Starting Out
00:55

After completing this lecture, students will be able to install template creator CK into Joomla

01:58

After completing this lesson, students will be familiar with the initial layout of the component within Joomla.

01:31

After completing this lesson, students will be familiar with the required information needed to proceed with creating a template.

03:37
After completing this lesson, students will have learned more about template creator CK and it's interface.
02:12

After completing this lesson, students will have learned more about template creator CK and it's interface.

01:25
After completing this lesson, students will have learned more about template creator CK and it's interface.
Building from an existing design
01:03
00:54

After completing this lesson, students will start thinking about slicing designs into modules and components.

01:08
After completing this lesson, students will start thinking about slicing designs into modules and components.
04:27
After completing this lesson, students will have learned how to install custom fonts into template creator CK
07:04
After completing this lesson, students will have learned how to define their template's global parameters.
01:17
After completing this lesson, students will have learned how to install their template into Joomla via template creator CK.
Section 3: Creating the navigation
00:26
After completing this lesson, students will be well on their way in creating the navigation area of the template.
00:32

After completing this lesson, students will be well on their way in creating the navigation area of the template.

01:17

After completing this lesson, students will be well on their way in creating the navigation area of the template.

01:12
After completing this lesson, students will be well on their way in creating the navigation area of the template.
00:29
After completing this lesson, students will be well on their way in creating the navigation area of the template.
00:34
After completing this lesson, students will be well on their way in creating the navigation area of the template.
02:12
After completing this lesson, students will be well on their way in creating the navigation area of the template.
00:40
After completing this lesson, students will be well on their way in creating the navigation area of the template.
01:15
After completing this lesson, students will be well on their way in creating the navigation area of the template.
02:07
After completing this lesson, students will be well on their way in creating the navigation area of the template.
01:08
After completing this lesson, students will be well on their way in creating the navigation area of the template.
01:08
After completing this lesson, students will be well on their way in creating the navigation area of the template.
00:22

After completing this lesson, students will be well on their way in creating the navigation area of the template.

02:05
After completing this lesson, students will be well on their way in creating the navigation area of the template.
00:25
After completing this lesson, students will be well on their way in creating the navigation area of the template.
00:46
After completing this lesson, students will be well on their way in creating the navigation area of the template.
Section 4: Creating the hero area
00:38

After completing this lesson, students will continue learning how to create the hero area of the template.

00:40

After completing this lesson, students will continue learning how to create the hero area of the template.

01:52

After completing this lesson, students will continue learning how to create the hero area of the template.

00:56

After completing this lesson, students will continue learning how to create the hero area of the template.

01:43

After completing this lesson, students will continue learning how to create the hero area of the template.

02:59

After completing this lesson, students will continue learning how to create the hero area of the template.

Section 5: Creating the aligned modules
02:27

After completing this lesson, students will be comfortable adding modules to the template, and styling them with CSS via Template Creator's interface.

01:04
After completing this lesson, students will be comfortable adding modules to the template, and styling them with CSS via Template Creator's interface.
01:06
After completing this lesson, students will be comfortable adding modules to the template, and styling them with CSS via Template Creator's interface.
01:11
After completing this lesson, students will be comfortable adding modules to the template, and styling them with CSS via Template Creator's interface.
01:54
After completing this lesson, students will be comfortable adding modules to the template, and styling them with CSS via Template Creator's interface.
01:51
After completing this lesson, students will be comfortable adding modules to the template, and styling them with CSS via Template Creator's interface.
00:59
After completing this lesson, students will be comfortable adding modules to the template, and styling them with CSS via Template Creator's interface.
00:49
After completing this lesson, students will be comfortable adding modules to the template, and styling them with CSS via Template Creator's interface.
00:30
After completing this lesson, students will be comfortable adding modules to the template, and styling them with CSS via Template Creator's interface.
01:24

After completing this lesson, students will be comfortable adding modules to the template, and styling them with CSS via Template Creator's interface.

02:23
After completing this lesson, students will be comfortable adding modules to the template, and styling them with CSS via Template Creator's interface.
00:56
After completing this lesson, students will be comfortable adding modules to the template, and styling them with CSS via Template Creator's interface.
01:10

After completing this lesson, students will be comfortable adding modules to the template, and styling them with CSS via Template Creator's interface.

00:21
After completing this lesson, students will be comfortable adding modules to the template, and styling them with CSS via Template Creator's interface.
Section 6: Styling the component area
00:55
After completing this lesson, students will continue learning how to style the component area of the template.
00:44
After completing this lesson, students will continue learning how to style the component area of the template.
01:56
After completing this lesson, students will continue learning how to style the component area of the template.
01:59
After completing this lesson, students will continue learning how to style the component area of the template.
02:12
After completing this lesson, students will continue learning how to style the component area of the template.
01:52
After completing this lesson, students will continue learning how to style the component area of the template.
01:16
After completing this lesson, students will continue learning how to style the component area of the template.
02:09
After completing this lesson, students will continue learning how to style the component area of the template.
01:37
After completing this lesson, students will continue learning how to style the component area of the template.
01:02
After completing this lesson, students will continue learning how to style the component area of the template.
00:19

After completing this lesson, students will continue learning how to style the component area of the template.

Section 7: Creating the footer area
01:57
After completing this lesson, students will continue learning how to style the footer area of the template.
01:58
After completing this lesson, students will continue learning how to style the footer area of the template.
00:34
After completing this lesson, students will continue learning how to style the footer area of the template.
Section 8: Developer tools, firebug and template overrides
01:54

After completing this lesson, students will continue learning about google developer tools and firebug, editing css within the browser and identifying elements we want to change within our templates structure.

02:16

After completing this lesson, students will continue learning about google developer tools and firebug, editing css within the browser and identifying elements we want to change within our templates structure.

03:41

After completing this lesson, students will continue learning about google developer tools and firebug, editing css within the browser and identifying elements we want to change within our templates structure.

01:06
After completing this lesson, students will continue learning about google developer tools and firebug, editing css within the browser and identifying elements we want to change within our templates structure.
01:20
After completing this lesson, students will continue learning about google developer tools and firebug, editing css within the browser and identifying elements we want to change within our templates structure.
01:16
After completing this lesson, students will continue learning about google developer tools and firebug, editing css within the browser and identifying elements we want to change within our templates structure.
01:00

After completing this lesson, students will continue learning about google developer tools and firebug, editing css within the browser and identifying elements we want to change within our templates structure.

01:52
After completing this lesson, students will continue learning about google developer tools and firebug, editing css within the browser and identifying elements we want to change within our templates structure.
Section 9: Adding design flair
00:25

After completing this lesson, students will continue learning about adding custom css to our template.

00:51
After completing this lesson, students will continue learning about adding custom css to our template.
00:55
After completing this lesson, students will continue learning about adding custom css to our template.
00:56

After completing this lesson, students will continue learning about adding custom css to our template.

01:11
After completing this lesson, students will continue learning about adding custom css to our template.
01:42
After completing this lesson, students will continue learning about adding custom css to our template.
00:45

After completing this lesson, students will continue learning about adding custom css to our template.

01:47

After completing this lesson, students will continue learning about adding custom css to our template.

01:46
After completing this lesson, students will continue learning about adding custom css to our template.
Section 10: Creating a favicon
00:29
After completing this lesson, students will be comfortable adding a favicon to the template.
00:45
After completing this lesson, students will be comfortable adding a favicon to the template.
01:31
After completing this lesson, students will be comfortable adding a favicon to the template.
Section 11: Responsive design basics
01:34
After completing this lesson, students will be comfortable making use of template creator's responsive design capabilities.
00:44
After completing this lesson, students will be comfortable making use of template creator's responsive design capabilities.
01:00
After completing this lesson, students will be comfortable making use of template creator's responsive design capabilities.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Andries Bester, Web developer, Teacher

After obtaining my B.A in Information Systems I started designing and developing websites for clients. I have been doing so ever since and have developed a great workflow that keeps my development time to a minimum and my client's satisfaction to a maximum.

I have been actively honing my skills on Udemy for over two years and have come to believe that I too have something to teach. I am an avid I.T enthuasiast and believe that constant self improvement is the key to being successful.

Ready to start learning?
Take This Course