02:45
Welcome to Webflow Advanced course where you'll learn how to work with CMS
09:45
First let's learn how to set up simple style guide in Webflow
09:56
One of the most important element in the Style Guide is Typography
10:32
Find out how to work with colors in the Style Guide that we're creating
13:32
Components are another important element of our small design system in Webflow
06:19
In this lesson we'll take a look at what we want to create in Webflow and how to organise it
08:57
CMS Collections is what our database is made of, let's create our first collection
18:08
In this lesson we'll set up the rest of our collection items and properties
06:32
Let's create the menu for our blog - this lesson is all about the layout
08:43
In this lesson we'll focus on the CMS and link collections with the menu items
13:17
Another section of our homepage features an article from the blog that we'll display dynamically
08:17
We'll work with the recent articles section as a boilerplate for the rest of the homepage sections
10:02
Let's work on some advanced card styling so that our cards are bulletproof
09:13
There are some more sections that we need to style and fuel with data on the homepage
07:54
Another sections that we'd have to add to our main section area
07:49
In this lesson we'll focus on the page that gathers all of our articles in one place
03:49
This is the category page - we'll make it fully dynamic so that our menu works properly
11:09
On this page, we'll focus on single view of the post in the Rich Text element
06:52
We need to adjust some styles for the post view sidebar and fix it on the page
10:44
Webflow comes with the search mechanism that we can use out of the box
12:36
Let's further configure the search results page and our elastic search index
08:51
In this lesson you'll learn how to add custom domain and proper CSS records
05:31
Both in the search as well as in collection lists we'll have to make sure to include empty states
08:59
Let's explore how your client and collegues can change the website's content in the browser
10:34
In this lesson you'll learn some tips and tricks on search engine optimisation in Webflow
07:40
In this lesson you'll learn some tips and tricks on search engine optimisation in Webflow
07:22
If you want the best UX, especially in search engines, use site metadata
09:57
Integrations with tools like Zapier or Integromat are the next level for your site
00:45
That's all for now, but please check out other Webflow courses on learnux.io!
Webflow is a great tool for designing and building sites on the web. It does this by letting designers build both static, as well as dynamic and database-driven sites without having to write code. Webflow changes the way we design and develop websites by allowing us to work quickly while still complying with industry standards. We believe it deserves the title “the next WordPress” because of how much better it is than other design tools out there. In this course you will learn how to use Webflow in order to design your own website with CMS and get to know more advanced Webflow features!
Greg Rog - “My work is all about design, coding and education. For over 10 years I’ve been a professional designer, design lead and UX consultant for companies such as Microsoft or Google. I work closely with Adobe as Community Professional. I also run a software house and a training facility, speak on design conferences and more. I’m curious, passionate and I love sharing knowledge.”
Sorry, you don’t have access to the project files.
Why don’t you subscribe
and get full access throughout the site?
Who will benefit from this course? First of all, those of you who already know Webflow. If you can build layout but want to use CMS and dynamic data as well as more systematic approach to creating websites - this course is for you. This material requires a solid foundation of Webflow so I do recommend you taking part in my Webflows basic course first. This course is a great way to create a website, MVP for your product, or offer your customers dynamic pages and CMS combined with no-code tools. That all will take your webflow projects to the next level!
