열쇠

버튼 요소의 개요입니다.

푸시 버튼은 CTA(Call to Action) 역할을 하며 페이지, 양식, 자산 등에 연결됩니다.

이 세션에서 귀하는 다음을 이해하게 됩니다.

  1. 푸시버튼의 주요 개념
  2. 하이퍼링크 섹션을 푸시 버튼으로 개인화하는 방법

푸시버튼의 주요 개념

웹사이트에 푸시버튼을 추가하려면:

  1. 향하다 패널 추가 > 강요 > 기초적인
  2. 드롭 누름 단추 Webflow 캔버스에 요소

다음 두 가지 방법으로 기본 누름 버튼 텍스트를 수정할 수 있습니다.

  1. 두 번 탭하세요. 누름 단추 그리고 텍스트를 편집하세요
  2. 강조 표시 누름 단추 그리고 치다 입력하다/반품

푸시 버튼의 색상을 조정할 수도 있습니다. 푸시버튼의 배경색을 변경하려면:

  1. 선택 누름 단추
  2. 방문하다 스타일 패널 > 배경
  3. 색상 선택기를 공개하려면 견본을 탭하세요.
  4. 색상을 선택하세요

푸시 버튼은 URL, 내부 또는 외부 페이지, 페이지 섹션, 파일 다운로드에 연결되거나 이메일 또는 전화 통화를 시작할 수 있습니다. 캔버스에서 푸시 버튼을 선택한 다음 다음으로 이동하여 이러한 대안에 액세스할 수 있습니다. 요소 설정 > 링크 설정 또는 “장부” 아이콘이 캔버스의 푸시 버튼 요소에 표시됩니다. 링크 설정에 대해 자세히 알아보세요.

하이퍼링크 섹션을 푸시 버튼으로 개인화하는 방법

하이퍼링크 섹션은 요소를 삽입할 수 있는 컨테이너인 div 블록과 유사합니다. 당신은 얻을 수 있습니다 하이퍼링크 섹션 ~로부터 패널 추가 > 기초적인 영역.

이후 이동 패널 추가 > 타이포그래피 그리고 텍스트 블록 안에 하이퍼링크 섹션. 두 번 탭하여 텍스트를 편집할 수 있습니다. 밑줄을 제거하려면 다음으로 진행하십시오. 스타일 패널 > 타이포그래피 > 스타일 그리고 "엑스" 안에 장식.

이완 막
Ewan Mak의 최신 게시물 (모두 보기)