WordPress 웹사이트에 모션 텍스트를 추가하는 방법

WordPress 사이트에 모션 텍스트를 추가하는 방법 - 주요 이미지

귀하의 웹 사이트는 단조롭고 방문자를 사로잡을 요소가 부족해야 합니다. 그렇죠? 아마도 방문자는 귀하의 웹사이트를 방문한 후 기분이 좋아지지 않을 것입니다. 그렇다면 의심할 바 없이 웹사이트를 훅이나 사기꾼으로 멋지게 꾸밀 필요가 있습니다.

그리고 WP 웹사이트에 모션 텍스트를 추가하여 활기를 불어넣는 것은 확실히 멋진 아이디어입니다. WordPress 웹사이트에 모션 텍스트를 추가하는 방법이 궁금하십니까? 글쎄, 당신은 여러 가지 방법으로 그렇게 할 수 있습니다. 이 글을 통해 안내해 드리겠습니다. ElementsKit을 사용하여 WordPress 웹사이트에 모션 텍스트를 추가하는 방법.

그 후에는 웹 사이트 방문자를 더 오랫동안 유지하려는 노력도 해결될 가능성이 높습니다. 귀하의 웹사이트의 높은 이탈률도 감소할 것입니다. 체류 시간이 길어지면 전환 가능성도 높아집니다.

WordPress 웹사이트에 모션 텍스트를 추가하는 이유:

방문자가 웹사이트를 방문할 때 그들의 관심을 끄는 것은 매우 중요합니다. 방문 목적이 무엇이든, 소지품을 잡지 못하면 조기 출발하게 됩니다. 그리고 그것은 웹사이트 소유자로서 당신이 원하는 것이 아닙니다.

당신은 그들이 당신의 웹사이트에서 가능한 한 많은 시간을 보내기를 원합니다. 이는 체류 시간이 길수록 귀하의 비즈니스나 콘텐츠에 대한 적절한 정보를 얻을 수 있기 때문입니다. 웹사이트에 모션 텍스트를 추가하면 웹사이트를 유인하여 체류 시간을 늘리는 데 도움이 될 수 있습니다.

그 중 일부를 나열해 보겠습니다. WordPress 웹사이트에 모션 텍스트를 추가해야 하는 주요 이유

  • 웹사이트에 애니메이션을 적용하고 활기를 불어넣어 방문자의 관심을 끌어보세요.
  • 웹사이트의 체류 시간을 확장하세요
  • 웹사이트의 전반적인 디자인과 외관을 멋지게 꾸미세요.
  • 방문자의 현장 탐색을 용이하게 하고 사용자 경험을 향상시킵니다.
  • 방문자의 마음속에 긍정적인 브랜드 이미지 구축

WordPress 웹사이트에 모션 텍스트를 추가하는 방법:

풍부한 WordPress 모션 텍스트 도구 귀하의 웹사이트에 모션 텍스트를 추가할 수 있습니다. 그런데 다들 약속을 잘 안 해요. 그 중 일부는 당신을 당황하게 만드는 복잡한 작업 흐름을 가지고 있습니다.

하지만 이 연습에서는 ElementsKit을 사용하여 WordPress 웹 사이트에 모션 텍스트를 추가하는 방법을 배웁니다. ElementsKit은 간단하고 사용하기 쉬우며 다재다능합니다. 요소 도구 그러면 WP 사이트에 다양하고 눈길을 끄는 모션 텍스트를 추가할 수 있습니다.

WordPress 대시보드를 방문하세요.

가장 먼저 해야 할 일은 관리자 패널에 로그인하고 WP 대시보드를 방문하는 것입니다. 다음으로 '플러그인” 대시보드에서 “새로운 걸 더하다“.

WordPress 대시보드를 방문하세요. WordPress 사이트에 모션 텍스트를 추가하세요.

ElementsKit 설치 및 활성화:

그런 다음 검색창에서 ElementsKit을 검색하고 '를 눌러 설치하세요.지금 설치"버튼.

또는 .zip 파일을 다운로드하여 ElementsKit을 설치할 수도 있습니다. 이를 위해서는 “플러그인 업로드” 버튼을 상단에 놓습니다. 그 후 '에서 플러그인을 활성화하세요.플러그인” 페이지.

ElementsKit을 설치하고 플러그인 페이지에서 활성화하세요.

대시보드에서 ElementsKit을 선택하세요.

그런 다음 대시보드로 돌아가서 ElementsKit 왼쪽 사이드바에 있습니다. 그 후 클릭 ElementsKit 전진하다.

대시보드에서 ElementsKit을 선택하세요.

ElementsKit 위젯을 켜십시오:

이제 왼쪽에서 위젯을 선택하고 아래로 스크롤하여 '모션 텍스트"위젯. 찾았으면 위젯을 켜고 '를 눌러 변경 사항을 저장하세요.변경 사항을 저장하다"버튼.

ElementsKit 위젯 켜기

대시보드에서 새 페이지 또는 이전 페이지를 엽니다.

이 시점에서 새 페이지나 이전 페이지를 열어야 합니다. 여기서는 새 페이지를 만들어 과정을 보여드리겠습니다. 이를 위해서는 '페이지”를 대시보드에서 선택하고 “새로운 걸 더하다”을 클릭하면 완전히 새로운 페이지가 열립니다.

페이지에서 새로 추가를 클릭하세요.

Elementor 창으로 전환합니다.

Elementor 창으로 전환하기 전에 적절한 제목을 추가하고 선택적으로 템플릿 섹션을 "Elementor Full Width"로 설정할 수 있습니다. 마지막으로 '를 누르세요.Elementor로 편집” 버튼을 눌러 Elementor 창으로 이동합니다.

Elementor 창으로 전환

모션 텍스트 위젯을 드래그 앤 드롭하세요.

Elementor 창이 나타나면 왼쪽 상단의 검색 창으로 이동하여 모션 텍스트 위젯을 검색하세요. 그런 다음 위젯을 올바른 영역으로 끌어다 놓습니다. 기본 설명이 포함된 설명 상자가 바로 나타납니다.

모션 텍스트 위젯을 드래그 앤 드롭하세요.

콘텐츠 모션 텍스트 매개변수를 설정합니다.

왼쪽의 콘텐츠 탭 아래에는 설정하고 조정할 수 있는 다양한 모션 텍스트 콘텐츠 매개변수가 표시됩니다. 콘텐츠 탭 아래에 표시되는 매개변수는 다음과 같습니다.

  • 제목
  • 제목 HTML 태그
  • 링크
  • 조정
  • 애니메이션 활성화
  • 모션 애니메이션
  • 텍스트 애니메이션 분할
  • 캐릭터별 애니메이션 지속 시간
  • 캐릭터별 애니메이션 지연
콘텐츠 매개변수 설정

필요와 선호도에 따라 각 모션 텍스트 매개변수를 조정하여 모션 텍스트를 매력적으로 만들 수 있습니다. 여기서는 페이지 제목에 모션을 추가하겠습니다.지금 ElementsKit을 선택하세요“.

스타일 동작 텍스트 매개변수를 설정합니다.

그런 다음 스타일 탭으로 전환하여 모션 텍스트의 스타일 매개변수를 설정할 수 있습니다. 스타일 탭에는 다음 매개변수가 포함되어 있습니다.

  • 색상
  • 타이포그래피
  • 텍스트 그림자
스타일 매개변수 설정

WordPress용 Lottie 애니메이션 플러그인에 대해 알고 싶으십니까? 아래에 링크된 글을 읽어보세요 —

👉 WordPress를 위한 최고의 Lottie 애니메이션 플러그인

페이지 게시:

모든 콘텐츠 및 스타일 매개변수 설정 및 조정이 완료되면 선택한 텍스트에 대한 모션 효과를 볼 수 있는 페이지 게시를 진행할 수 있습니다.

페이지 게시

모션 텍스트 실시간 보기:

드디어 라이브 페이지를 열고 모션 텍스트를 볼 차례입니다. 게시 후 즉시 현재 페이지에서 열거나 게시된 페이지 목록으로 돌아가서 열 수 있습니다.

모션 텍스트를 실시간으로 확인하세요

당신의 생각을 함께 나누세요:

모션 텍스트 추가의 핵심은 애니메이션 텍스트 귀하의 WordPress 사이트에 "와우"를 만들어 보세요 요인. 이것이 바로 ElementsKit이 하는 일입니다! 그 외에도, Elementor 애드온 WordPress 웹사이트에 모션 텍스트를 쉽고 원활하게 추가할 수 있습니다. 하지만 이것이 ElementsKit의 전부는 아닙니다!

이 플러그인은 사용자 친화적일 뿐만 아니라 WordPress 사이트를 위한 올인원 솔루션. ElementsKit의 수많은 유용한 기능을 활용하여 수많은 문제점을 해결할 수 있습니다.


코멘트

답글쓰기

이메일은 표시되지 않습니다. 필수 필드는 *로그인이 됩니다