Hey there 👋
Matt from HelpDocs here to say welcome to the Getting Started with Customization course.
This course is aimed at non-developers who are looking for a little technical guidance on how to make their knowledge base kick ass, without bothering their developers. 💪
- In this lesson, we'll cover the motivation behind customization. And we'll touch on what you'll need to know before you dive headfirst into designing a customer-centric knowledge base.
We talk about the importance of creating a unified customer experience. And touch on brand voice, language and of course the design. 🖌️
- Following on from the video in lesson 1, part 2 covers the basics of creating the basic structure and design for your knowledge base. We touch on what you'll want to consider, and the best approach to take with your documentation workflow. Spoiler alert: It's all about being customer-centric!
- Now we start on the basics. Using a V3 starter template, we learn some of the fundamentals behind where to place style overriding code including:
- Change primary colors of text, icons, and highlights
- Adjust font styles and weights
- Restyle links
- Change placeholder color
- Here you'll learn how to remove feedback icons, and how to replace the stock icons with an emoji or custom icon. 👍👎
- In this lesson we run through how to use CSS to override the stock style for your knowledge base header and replace it with an image. There's also a sneaky trick about how to host your images directly in HelpDocs. 🖼️
- Here we take a look at recurring strings controlled in the HelpDocs i18n section of the Settings dashboard. You'll learn how to add a call to a dynamic string element in your customized template, and where you can update this element 👋
- In this section we get a little more complex. We remove the existing Top Articles feature from the Curve template, and replace it with a Featured Articles section using some partial context data ⭐
- Last but by no means least, in this video we run through how you can use a little code to add and remove a sticky class to your search bar and search results. Letting you can keep your search bar at the top of the browser window 👍
So when you're ready, let's go ahead and get started 🙃
To get started with this course you'll need an active HelpDocs account. Don't have one yet? Sign up here