요소와 함께 WordPress에서 스크롤 텍스트를 추가하는 방법

스크롤 텍스트는 방문자의 관심을 끌 수있는 좋은 방법 일 수 있습니다. 사람들이 놓치지 않기를 원하지 않는 중요한 업데이트, 공지 또는 제안을 강조하는 데 도움이 될 수 있습니다. 또한 콘텐츠를보다 매력적으로 만들 수 있으므로 사람들은 읽기를 좋아합니다.

스크롤 텍스트는 현대적으로 보일뿐만 아니라 빠른 정보를 공유 할 수있는 방법을 향상시킵니다. 예를 들어, 브레이킹 뉴스, 홍보 메시지 또는 이벤트 카운트 다운을 세련되고 역동적 인 방식으로 표시 할 수 있습니다. 너무 많은 공간을 차지하지 않고 사이트를 신선하고 활동적으로 유지합니다.

Elementor는 가장 사용자 친화적 인 드래그 앤 드롭 페이지 빌더 플러그인 중 하나이며 사이트에서 쉽게 수행 할 수 있습니다. 이 블로그 게시물에서는 WordPress Elementor에서 스크롤 텍스트를 추가하는 방법에 대한 단계별 안내서를 다룹니다. 시작하세요!

WordPress에서 텍스트를 스크롤하는 것은 무엇입니까?

WordPress의 스크롤 텍스트는 수평 또는 수직으로 화면을 가로 질러 이동하는 텍스트입니다. 종종 주목을받는 방식으로 공지, 업데이트 또는 기타 중요한 메시지를 표시하는 데 사용됩니다. 뉴스 웹 사이트 또는 전자 상거래 상점에서 판매, 마감일 또는 헤드 라인을 강조하기 위해 사용하는 것을 보았을 것입니다.

텍스트는 계속 움직이기 때문에 사용자는 페이지 아래로 스크롤하지 않더라도 알 수 있습니다. WordPress에서는 플러그인, 테마 또는 Elementor와 같은 페이지 빌더를 사용하여 스크롤 텍스트를 추가 할 수 있습니다. 이 효과를 만들기 위해 코드를 작성할 필요가 없습니다. 내장 도구 또는 애드온을 사용하여 스크롤 메시지를 설계 할 수 있습니다.

WordPress에서 애니메이션 텍스트를 추가하는 방법을 알아보십시오.

WordPress에서 텍스트를 스크롤하는 사례

스크롤 텍스트를 사용할 때 많은 장소와 상황이 있습니다. 참여를 향상시키는 좋은 방법이 될 수 있습니다. 아래에서는 귀하의 이해를 위해 일반적이고 실용적인 사용 사례를 다루었습니다. 그들을 탐색하는 데 몇 분 더 걸리십시오.

• 브레이킹 뉴스 또는 업데이트 표시

뉴스 웹 사이트 나 시간에 민감한 콘텐츠를 공유하는 블로그를 실행하는 경우 스크롤 텍스트는 Breaking News를 보여주는 데 적합합니다. 또한 새로 게시 된 게시물이나 트렌드 주제와 같은 업데이트를 강조 할 수 있습니다.

• 제안 또는 할인 강조

온라인 상점은 스크롤 텍스트를 사용하여 특별 판매, 쿠폰 코드 또는 제한된 시간 거래를 촉진 할 수 있습니다. 홈페이지 또는 제품 페이지 상단의 움직이는 메시지는주의를 높일 수 있습니다.

• 이벤트 또는 웹 세미나 발표

사이트에서 이벤트, 웹 세미나 또는 온라인 코스를 홍보하는 경우 스크롤 텍스트를 사용하여 페이지를 무겁게 만들지 않고 이벤트 이름, 날짜 및 등록 링크를 공유 할 수 있습니다.

• 비상 통지 또는 경고를 보여줍니다

학교, 병원 또는 정부 포털과 같은 웹 사이트의 경우 스크롤 텍스트는 비상 업데이트, 마감 통지 또는 서비스 중단을 표시하는 데 유용합니다.

• 평가 또는 클라이언트 피드백을 특징으로합니다

스크롤 텍스트를 사용하여 고객 리뷰 또는 평가를 매끄럽고 애니메이션으로 표시 할 수도 있습니다. 웹 페이지에서 공간을 절약하면서 신뢰를 구축하는 데 도움이 될 수 있습니다.

• 소셜 미디어 또는 연락처 정보 공유

WhatsApp 번호, 지원 이메일 또는 소셜 미디어 링크를 표시하기 위해 스크롤 텍스트를 추가하십시오. 이를 통해 방문자가 눈에 띄고 연락 할 수 있습니다.

WordPress에 소셜 미디어 공유 버튼을 추가하는 방법을 살펴보십시오.

요소와 함께 WordPress에서 스크롤 텍스트를 추가하는 방법

이미 말했듯이, 내장 요소 도구 및 애드온을 사용하여 WordPress에 스크롤 텍스트를 추가 할 수 있습니다. Happyaddons는 이와 관련하여 사용할 수있는 훌륭한 애드온입니다.

HappyAddons는 핵심 요소 플러그인을 보완하기 위해 훌륭한 위젯과 기능 모음을 보유하고 있습니다. Core Elementor 플러그인이 디자인 요구를 충족시키기에 충분하지 않다는 것을 알게되면 HappyAddons는 격차를 극복하는 데 도움이 될 수 있습니다.

HappyAddons에는 텍스트 스크롤 위젯이 있어 스트레스없이 WordPress 웹 사이트에 스크롤 텍스트를 쉽게 디자인하고 추가 할 수 있습니다. 가장 중요한 것은 텍스트 스크롤 위젯이 완전히 무료라는 것입니다. 따라서 오늘 프로젝트에는 무료 버전의 Elementor와 Happyaddons 만 있으면됩니다.

이 플러그인이 사이트에 준비되면 아래 설명 된 단계를 따르십시오.

1 단계 : 요소 캔버스가있는 페이지를 엽니 다

요소 캔버스와 함께 페이지를 엽니 다. 처음부터 새 것을 만들거나 템플릿을 가져올 수 있습니다.

02 단계 : 텍스트 스크롤 위젯을 추가 할 새 섹션을 만듭니다.

원하는 위치 에서 플러스 (+) 아이콘을 클릭 하여 텍스트 스크롤 위젯을 추가 할 새 섹션을 만듭니다 .

새 섹션의 열 구조를 선택하십시오. 우리는 튜토리얼의 단일 열 구조를 선택하고 있습니다.

새 섹션의 공간이 만들어지면 섹션에서 텍스트 스크롤 위젯을 드래그 앤 드롭합니다 .

텍스트 스크롤 위젯이 즉시 캔버스에 추가됩니다.

단계 03 : 스크롤 유형을 선택하십시오

위젯에는 네 가지 스크롤 유형이 있습니다. 그들은 다음과 같습니다.

• 수직 라인 하이라이트
• 수평선 하이라이트
• 수직 라인 마스크
• 수평 라인 마스크

아래의 비디오에서 이러한 각 유형이 어떻게 선택되었는지 살펴 보겠습니다.

튜토리얼의 수평 라인 마스크를 선택합시다.

참고 : 선택한 텍스트 스크롤 유형에 관계없이 양식화 옵션은 모두 동일합니다.

단계 04 : 텍스트 스크롤 위젯의 양식화

스타일 탭으로 오세요. 정렬, 텍스트 색상, 타이포그래피, 텍스트 스트로크, 배경, 마스킹 불투명도 및 라인 패딩 등 탭에서 이러한 옵션을 얻을 수 있습니다.

탭에서 사용 가능한 이러한 옵션을 사용하여 필요한 스타일을 직접 수행하십시오.

당신은 우리가 위젯에 필요한 스타일을 추가했음을 알 수 있습니다. 우리는 텍스트 색상, 배경색, 타이포그래피, 텍스트 스트로크 등을 변경했습니다.

따라서 텍스트 스크롤 위젯을 사용하고 원하는대로 매력적인 콘텐츠를 만들 수 있습니다.

05 단계 : 웹 페이지에 스크롤 텍스트 추가 추가

같은 방식으로 웹 사이트에 많은 스크롤 텍스트 섹션을 추가하여 유형을 변경할 수 있습니다. 영감을 얻으려면 아래에 첨부 된 비디오 클립을보십시오.

수직 라인 하이라이트

수평선 하이라이트

수직 라인 마스크

수평 라인 마스크

전체 튜토리얼을 탐색 한 후 스크롤 텍스트를 만드는 것이 얼마나 쉬운 지 이해했기를 바랍니다. 이제 요소와 Happyaddons와 WordPress에서 매력적인 스크롤 텍스트를 만들 수 있습니다.

WordPress의 텍스트를 스크롤하는 FAQ

이 섹션에서는 Google, 온라인 포럼 및 소셜 미디어에서 자주 묻는 질문에 자주 묻는 질문에 답했습니다.

마지막 생각!

WordPress 사이트에 스크롤 텍스트를 추가하는 것은 작은 변화 일 수 있지만 큰 영향을 줄 수 있습니다. 사용자를 중요한 메시지에 연결할 수있을뿐만 아니라 메시지를 스타일로 표시 할 수도 있습니다. Elementor와 Happyaddons가 손끝에있을 때,이를 만들기 위해 코딩 전문가가 될 필요는 없습니다.

위에서 아래로 프로세스를 이해할 수 있도록 가장 쉬운 방법으로 튜토리얼을 설명하기 위해 최선을 다했으면합니다. 그러나 긴 블로그 게시물을 읽는 것을 좋아하지 않는다면 걱정하지 마십시오! 이 주제에 대해 YouTube에 비디오 자습서가 준비되어 있습니다.

아래에 포함 된 YouTube 비디오의 자습서를보십시오. 마음에 질문이 있으시면 아래의 의견 상자에 언급하십시오. 가장 빠른 시간에 귀하의 질문에 답할 것입니다.