Video není dostupné.
Omlouváme se.
Learn How to Use the Framer CMS in 10 minutes (Beginners Tutorial)
Vložit
- čas přidán 16. 08. 2024
- In this tutorial I’m going to teach you how to create a CMS on Framer. We are going to focus on a portfolio site, but you can use this for any of your projects, like blogs or e-commerce sites. Building a Framer website with CMS is a way to make your life easier. You can create scalable & dynamic pages across your site, to manage everything quick and better.
Remix the Framer project:
nuriaquero.gum...
Use Framer:
www.framer.com...
--------------------------------------------
NEW SKILLSHARE CLASS
www.skillshare...
⚡️💻 30 days FREE Skillshare:
www.skillshare...
--------------------------------------------
Timestamps:
0:00 Intro
0:16 What is a CMS?
0:34 How will we use the CMS?
1:16 Website Overview on Framer
1:42 Creating a CMS Collection
2:22 Adding Data Fields to the CMS
3:44 Adding the Projects Content
4:35 Connecting the CMS to our Designs
4:48 Collection Lists & Detail Pages
5:16 Adding a Collection List to the Home Page
7:17 Creating Variables
8:40 Creating Project Pages
9:49 Connecting the Variables
10:45 Creating a Mobile Responsive Design
11:11 Connecting the Collection List to the Project Pages
12:16 Testing our CMS
13:10 What would I add next?
13:33 GIVEAWAY
---------------------------------------------
#framer #designportfolio #howtocreateawebsite #cms #framertutorial
#WebsiteBuilding #nocodetools
If you are interested in learning other Framer features, let me know what you'd like me to cover next!
Good video, thx Nuria. hat do I do if some of the CMS pages are a bit different from others. For example: One contains a video, the other has more pictures? I cannot find the answer on CZcams.
Can I suggest an explanation about Framer Mini plan and Cookie consent banners, please ) I feel it's a trap for users who want to work with EU. Maybe it's too specific, but I couldn't find info how to make a decent banner (even with Cookiebot) as well as how to put the legal information on the site in a way avoiding creating more pages (except overlays that need to have links to other overlays).
Sorry for such precise question, but I am tired of looking for info about that. As well as I think this could be useful for people who make simple one page sites and work with/in EU.
Thanks!
Nice video, please do a video on Custom Code components
Hands down the most straightforward and easiest tutorial ive seen so far
This is the best video. You just saved me for that you've got another subscriber
As a Framer beginner, this became my reference video when it comes to understanding CMS. Looking forward for the next step, editing the style for the CMS.
Your video is very educational and easy to understand, congratulations.
Thank you Nuria! You explained very well, all clear now!
This video is by far the best for someone who is new to CMS in general and is using Framer. Thanks a lot!
Thank you very much for this. This is one of the best video that explains Framer CMS
Hi Nuria! I'm so glad I've found your channel. Amazing content.
I'm kinda new to this subject of creating more complex portfolios. I'm a motion designer freelancer and I used Adobe Portfolio in the past four years. I feel it's time to do somethiing completely new. From the scratch. And I'm kind of stuck about what I should choose. Webflow, WP/Semplice, Framer, Wix Studio... it would be great having a comparison between these tools.
Ive been figuring out how cms works! and thank you for this simple but I get it in the first watch. thank you!
So glad it helps!
Thanks for detailed explanation of it. I think I started understand better how CMS works.
Very detailed and easy to understand with the way you explained it. Thank you
thank you so much Nuria
this is nice!! I create my portfolio in Framer but instead of CMS I found myself with normal pages and the website isn't optimizing when I post it online :/ but I don't feel confident enough to create it with cms
Hi Nuria, thanks for this tutorial!
You’re welcome 😊
Thanks for the valuable lesson Miss
Thank you so much! this was really helpful!
Great tutorial!
My main question is how can i have different photo grids on each cms page. if you can help that would be great!
Hey did you find out the solution
Excelente video Nuria
omg!!!finally found the help I need..thanks
Thank you so much for your deep insights! Meanwhile, let me ask you one question! In timeline 14:19, why do you delete the "PAGE" section? What if you didn't delete them, and would move on? Highly appreciated it!
This is literally the best Framer video I've seen so far! Thank you!! I'm having trouble using collection lists in cards, as a grid. It looks weird and I can't seem to find the solution. Do you have any videos on Grids using collection lists? 🙌🏻
No, I don't! But that's a great idea - I can definitely make one.
Thanks, Nuria!
U r Amazing Nuria
Decent tutorial...thank you
Love it Nuria
You explained it better than Framer themselves haha
Gràcies pel tutorial Núria 😳
wow this help me a lot, thanks
The video has helped me a lot, Nuria! I'm a beginner in Framer, I'm creating a job listing, when creating a list of collections in the CMS, the canvas option appears in the left side menu of Framer, but not the CMS option, could it be because the account is free?
Thanks, you are so clearly explaining everything!
I only have a question, if I may, is there any way to do a little variables of the project pages? Like having different amount of pictures or slightly different layout?
*I wanna use Framer CMS system for a photography portfolio and can't have same amount of photos in every project (aka different shootings) as well as want to have slightly different layout. Am I asking something completely what CMS system is not about? Cause now I think I am :)
As of today, I'm not aware of an easy way to have multiple layouts. However, I will have a look in case there's a workaround.
Can you make changes to an individual project such adding in additional images without effecting all projects globally? What is best way to do that?
Great video! Thank you, are you able to then customise each of those project pages, since not all case studies are alike...
did you get a solution since all the project pages look similar and if I edit one thing , it changes on all the case study pages
Hey did you get a solution, I'm also having same doubt
@@sakshimudgal8809did you get a solution
@@adi_ux okay so I figured out a thing.. so ditch the cms thing completely. Firstly add new pages on the left and link all the pages accordingly..it's upto you. For example manually link the pages to home by inserting the links. Customize everything. It's very easy if you are new to framer and need to make a portfolio asap
@@sakshimudgal8809 that's what I did! And it's working great for me 😀
Cool. BUT. It's getting troublesome when you've got multiple images. Not always the same number or even aspect ratio...
I've got a Framer template and I don't understand how to customize each project page separately ( When I put content into one of these pages, I see same changes in every project page. Could you help me with that?
You have to edit them from the CMS, not the design itself. It is explained in the video.
Is there a way to display a thumbnail in the collection / projects list? Some kind of gallery or portfolio thumbnails
Of course! Create a field in the CMS that is an image. And Create an image element in your design. The same way you create a text field and a "Title" field in your CMS and connect them, you can connect the image in the CMS with the image element in your design. I hope it makes sense!
how could I limit the number of Selected works on the work list? like I have 10 works but I just want to initial just show 3 selected or new project, then a button for "see more works"?
I suggest looking into Filter. I would create a field in the CMS called "Show?" and have it as a toggle. Then, with the Collection List selected, go to the right panel and find CMS Content > Filters. There, select the Filter "Show?" as Yes.
Let me know if it makes sense, and I can send you a mini clip.
so do we need to have cms if i wanted to start image blog on framer ?
Yes, that would be the easiest way to manage your content.
@@nuriaquero whats the different between 1 cms and 10 cms - i am looking to add blog with say 5 categories .. what do i need please
Can we talk about adding video to cms in framer and why this is so obviously missing?
100% - also, different layouts for Project pages. I know there are tricks to do it, but I haven't found a way.
Hello, Nuria!
Thank you for videos.
I would like to ask which website builder do you recommend for designers to do freelance job? Which site builder do you use mostly?
I think it definitely depends of your needs, the amount of work you want to do, and how much you want to pay 👀
My quick recommendation would be Framer.
However, I'd stay tuned for next videos: I will compare all these new website builders so you can choose :)
have tried this now and its not working🤥🤥🤥