[무료] WebFL CMS 2023에 대한 완전한 가이드

웹플로우 CMS 완전 이해 가이드 2023 [웹플로우 CMS로 할 수 있는 일]

Webflow CMS로 수행할 수 있는 작업의 목록을 작성했습니다.

• 블로그, 뉴스 등 만들기
• HTML 태그에 따른 웹 제작
• 간단한 자동 SEO 생성
• 탐색경로 목록 자동 생성
• 기사에 유튜브 삽입
• 각 논문의 작성자를 나타내는 작성자 등록
• 장르 분류, 장르별 컬러 코딩

등이 주로 사용되는 함수입니다.위의 모든 구현 방법은 향후 WebFlowCMS 사용 방법이라는 글에서 소개할 예정입니다.관심이 있으시면 트위터를 통해 공지할 예정이니 팔로우하시면 바로 알림을 받으실 수 있습니다.여기서는 위의 기능을 좀 더 자세히 설명하겠습니다.

Webflow CMS를 사용하면 블로그, 뉴스 등을 만들 수 있습니다.

CMS는 쉽게 말해 '동일한 디자인의 페이지를 대량으로 제작하는 기능'입니다.정기적으로 업데이트되는 블로그, 뉴스 페이지 등을 만드는 데 사용됩니다.지금 읽고 계신 페이지도 Webflow CMS를 사용하여 생성되었습니다.Webflow를 사용하면 CMS를 자유롭게 구축할 수 있으며 개인의 요구에 맞는 간결한 CMS를 만들 수 있습니다.

웹플로우 CMS는 3단계로 구현할 수 있습니다.

웹플로우 CMS에서는 'CMS 분야', 'CMS 페이지 디자인', '디자인과 CMS 분야 간 협업' 등 3가지 프로세스로 도입할 수 있습니다.Webflow를 설치하는 방법을 알고 싶다면 다음 글에서 소개해 드리겠습니다.
＞웹플로우 전문가들이 웹플로우 CMS를 구현하는 방법을 설명합니다
“2월 말 출시 일정은 트위터를 통해 발표될 예정입니다.”

웹플로우 CMS는 여러 CMS 필드를 연결하여 고급 CMS 운영을 가능하게 합니다.

카테고리, 작가 등록 등은 다른 CMS를 생성하고 연결하여 사용할 수 있습니다.CMS를 여러 개 사용하는 것이 표준입니다.장르별 색상 구분, 작가 등록, 추천 기사 표시 등을 통해 효율성을 높일 수 있을 뿐만 아니라 SEO 조치도 쉽게 취할 수 있습니다.

웹플로우 CMS의 불편함과 할 수 없는 것들[매일 사용하니까 밖에 볼 수 없는 자잘한 버그]

Webflow에는 많은 고급 기능이 있지만 100% 만족하지는 않습니다.여기서는 웹플로우 CMS를 소개하기 전에실제 사용 경험을 바탕으로 유의해야 할 사항을 소개하겠습니다.

• [버그] 캐릭터가 반영되지 않는 경우가 있습니다
• CMS는 슬라이더에 사용할 수 없습니다
• 목차를 쉽게 만들 수 없어요
• 코드가 출력되면 별도로 처리해야 합니다.
• CMS에는 WebP 변환이 없습니다.

위의 내용을 순서대로 설명하겠습니다.

[버그] 웹플로우 CMS로 글을 작성할 때 가끔 버그가 발생합니다.

Webflow CMS로 직접 작성하는 경우 저장되지 않거나 문자가 반영되지 않는 경우가 있습니다.버그가 발생하면 다시 로드하면 해결되지만 저장되지는 않습니다.작성한 내용을 저장할 수 있는 Chrome 확장 프로그램을 자주 저장하고 사용하여 대응책을 강구해 보겠습니다.가장 좋은 방법은 다른 메모 앱으로 글을 쓰는 것입니다.

버그 발생 가능성이 높은 경우 (자체)

링크를 사용하거나, 목록을 사용하거나, 이미지를 삽입한 후 즉시 저장합니다.H 태그를 사용할 때는 버그가 발생하지 않지만 다른 기능을 사용할 경우 10% 의 확률로 버그가 발생할 수 있습니다.얼핏 보면 버그가 없는데도 저장되지 않는 경우가 있었습니다.확률은 10% 내외인데 그래서 방심했습니다.

보존하지 않으면 심각하게 시들어 버릴 것입니다.메모장이나 텍스트 편집기를 사용하세요.Webflow CMS는 H 태그와 링크 태그 정보를 그대로 읽어오기 때문에 메모 → 복사 및 붙여넣기로 생성하면 잘 됩니다.
>>추천하는 메모 앱이 있으면 알려주세요 😂 지금은 MAC 정품 메모 앱을 사용하고 있습니다.

웹플로우 CMS는 슬라이더와 함께 사용할 수 없습니다.

Webflow에는 슬라이더를 만들 수 있는 기능이 기본으로 제공됩니다.하지만 CMS 이미지는 슬라이더에서 사용할 수 없습니다.불편합니다.사용자 지정 코드를 사용하는 CMS 슬라이더 등은 템플릿으로 공유되기 때문에 이를 활용하여 대응책을 강구할 수 있습니다.

Web Spring은 보다 쉬운 방법으로 슬라이더 대신 스크롤로 볼 수 있는 것들을 사용합니다.다음과 같습니다↓

Webflow CMS와 연결하여 목차를 만드는 것은 번거롭습니다.

긴 글을 쓸 때 소개하고 싶은 것이 바로 목차 기능이죠?워드프레스 등에서는 플러그인 등으로 목차를 만들 수 있는 것 같은데 웹플로우에서는 그렇지 않습니다.Webflow로 목차를 만들기 위해서는 코드로 목차를 만들거나 각 섹션에 ID를 붙이고 링크를 건너뛰는 등 조금은 번거롭게 사용할 필요가 있습니다.

Web Spring에서 소개한 목차를 만드는 방법은 다음 문서에서 소개합니다.
>> [사용자 지정 코드 없음] Webflow를 사용하여 가장 쉬운 목차를 만드는 방법

코드를 복사하여 붙여 넣어 목차를 만들려면 이 문서를 시작하십시오.
>>Webflow로 만든 블로그 페이지에 자동으로 생성된 목차를 추가하는 방법

웹플로우 CMS에는 웹P 변환이 없습니다.

삽입한 이미지를 WebP로 변환할 수 없다는 점이 좀 거슬립니다.저는 매번 사루와카의 WebP 변환 도구를 사용하여 WebP로 변환합니다.정적 페이지에서는 모든 것을 변환할 수 있기 때문에 CMS로도 변환이 가능했으면 합니다.
>>사루와카의 Webp 도구가 여기 있습니다

코드가 출력되면 별도로 처리해야 합니다.

WebFlow는 코드를 출력할 때 CMS 데이터를 함께 출력할 수 없습니다.따라서 CMS 부분에서는 아무것도 표시되지 않고 구멍이 뚫린 상태로 출력됩니다.코드를 보려면 아래를 클릭하십시오.
>>Webflow의 실제 코드 출력 보기

CMS는 CSV 형식으로 별도로 내보낼 수 있습니다.CSV로 출력해서 워드프레스나 다른 코드 없이 가져와 봅시다.Webflow를 사용한 CSV 가져오기에 대해서는 별도의 문서에서 설명합니다.
>>웹플로우에서 CSV 가져오기에 대한 정보

웹플로우 전문가가 사용하는 웹플로우 CMS의 유용한 기능

웹스프링에서 실제 웹 제작을 의뢰할 때 자주 사용되는 Webflow CMS의 기능을 소개하겠습니다.

• CMS 아티클을 만드는 것만으로 색상 코딩부터 SEO 측정까지 모든 것을 자동으로 생성합니다.
• 웹플로우CMS 문서를 보면서 편집하기
• 사용자 지정 코드에 CMS를 삽입하세요

순서대로 설명하겠습니다.

CMS 아티클을 만드는 것만으로 색상 코딩부터 SEO 측정까지 모든 것을 자동으로 생성합니다.

웹플로우에서 CMS를 잘 활용하면 장르별 색상 코딩부터 SEO 측정까지 모든 것을 자동으로 만들 수 있습니다.자동화된 SEO 측정값을 사용하면 제목 태그, 설명 태그, 구조화된 목록 및 탐색경로 목록을 자동화할 수 있습니다.또한 CMS와 연결하면 내부 링크를 쉽게 방지할 수 있습니다.

Web Spring에서는 이러한 지식을 사용하여 내부 SEO를 자동화하고 키워드 전략, 시장 조사, 순위 측정 및 기사 작성을 수행합니다.따라서 일반적인 SEO 컨설팅과 달리 저렴한 가격으로 SEO 컨설팅, 자문 등을 수행할 수 있습니다.하지만 현재는 소수의 지원자만 지원됩니다.트위터요청이 있으면 결국 SEO 조치에 대한 기사를 쓸 수 있습니다.

웹플로우 CMS 문서를 읽으면서 편집하세요

Webflow에는 “설정”, “디자이너”, “편집기”의 3가지 기능이 있습니다.편집기를 사용하여 방금 만든 문서를 편집할 수 있습니다.에디터는 이제 2023년에 출시되었으며, 기능이 크게 개선되었으며 새로 고침 속도도 빨라졌습니다.

다만 에디터가 좀 특이해서 한번 만든 콘텐츠를 불러올 때 몇 초의 렉이 발생합니다.렉이 많다는 건 이런 거지 ↓

웹플로우 CMS를 사용자 지정 코드에 임베드하기

Webflow의 CMS를 잘 활용하면 CMS 정보를 사용자 지정 코드에 통합할 수 있습니다.먼저 아래를 참조하십시오.

각 CMS 문서에 대해 입력한 정보는 오른쪽 상단의 “+ 필드 추가”에서 CMS 항목을 선택하여 코드에 통합할 수 있습니다.당사에 요청하거나 프로그래머를 고용하여 고급 자동화 기능을 개발할 수 있습니다.

웹플로우 CMS 사용을 위한 비용 및 가격 책정 계획

웹플로우와 함께 CMS를 사용하려면 월 23달러의 CMS 사이트 플랜을 사용해야 합니다.무료 버전으로도 최대 50개의 문서를 만들 수 있습니다.

처음 30개의 기사까지 무료로 사용했습니다.하지만 그 후 유료로 전환한 후 리다이렉션이 불가능해지면서 획득한 랭킹은 모두 폐기되었습니다...도메인을 늘리고 싶다면 첫 번째 글부터 유료 플랜으로 도메인을 만들어 보겠습니다.
※참고로 지금 저라면 20개까지 글을 쓰고 잘 되면 JS 리다이렉트를 설정해서 0 > 1을 무료로 달성할 수 있을 것 같습니다.순위 이월 가능 여부는 불확실합니다...

웹플로우의 CMS는 비싸나요?저렴한가요?

이전에 트위터에 노코드 스튜디오와 일본산 웹플로우의 가격 비교 글을 올린 적이 있습니다.여기 있어요 ↓

솔직히 WebFlow는 스튜디오에 비해 비싸다는 것을 알 수 있습니다.따라서 싸고 작은 규모의 사이트를 만들고 싶다면 STUDIO가 옵션이라고 생각합니다.

최근 '웹플로우로 사이트를 만들고 싶다'는 사람들 중에 스튜디오에서 이주하는 사람들과 워드프레스에서 이주하는 사람들이 있습니다.이런 분들 중에는 “사이트를 대규모로 만들고 싶다” 또는 “EC 사이트를 붙이고 싶다”는 분들이 많은데, 이런 배경에서 보면 Webflow는 대규모 사이트에 적합하며, 높은 가격을 지불할 가치가 있다고 볼 수 있습니다.

2023년 최신 뉴스에 따르면 Webflow는 이제 Figma 디자인을 복사하여 붙여넣을 수 있습니다.앞으로 어떤 툴이 살아남을지 모르기 때문에 출력 기능이 있는 툴을 선택하는 것은 필수라고 생각합니다.그런 점에서 Webflow는 언제든지 변경할 수 있다는 점에서 강점이 있습니다.

웹 스프링 “프로그래머가 필요 없는 웹플로우 CMS 구축”에서 수행 중인 작업

마지막으로 웹하루에서 진행하고 있는 '프로그래머가 필요 없는 웹플로우 CMS 구축'에서 어떤 작업을 하고 있는지 소개해 드리겠습니다.언뜻 보면 단순해 보이지만 다음과 같이 하면 프로그래머 없이도 사이트를 만들 수 있습니다.어느 정도 전문적인 지식이 없으면 잘 할 수 없기 때문에 구현하기 전에 각 함수를 꼭 기억해 두는 것이 좋습니다.

• 모든 필드에 일본어 주석 생성
• 이해하기 쉽게 이름을 지어주세요
• 웹플로우 CMS 생성 후 사용 방법 지원

보는게 더 빠를 것 같아서 일부를 공개합니다.

실제로 클라이언트에 전달된 Webflow CMS의 일부가 릴리스되었습니다.

위의 필드 이름과 주석을 작성하면 프로그래머나 전문가가 아니더라도 보기만 해도 무엇을 채워야 하는지 알 수 있는 CMS를 만들 수 있습니다.위 사진은 몇 장에 불과하지만, 보기만 해도 어떤 정보를 넣어야 하는지 바로 알 수 있습니다.따라서 저희에게 요청을 주신 고객님들께서는 30분 정도면 이용 지원으로도 만족하실 수 있습니다.

이후 실제 운영에서는 “여기에 이미지를 넣고 싶다”, “결국 이 정보는 필요 없다” 등의 조정을 해서 CMS를 완성할 것입니다.또한 사용자 지정 메서드도 지원합니다.

경험이 없는 CMS를 만들면 제목, 이름 등에 대한 링크가 잘못 전달될 수 있으므로 직접 CMS를 만들 때는 링크의 이름과 제목을 알고 작성해야 합니다.

Web-Fl 사이트는 웹스프링에서 제작되고 있습니다.

우리는 프로그래밍 담당자가 필요하지 않은 웹 사이트를 만들기 위해 Webflow 사이트를 만듭니다.관심이 있으시면 언제든지 먼저 전화주세요.

전체 웹플로우-CMS 이해 가이드입니다.문제나 문제가 있는 경우 Tweetter의 다음 페이지로 이동하세요.

‍