WordPress에서 뉴스 티커를 만드는 방법

잡지, 신문 또는 블로그 읽기를 위한 WordPress 웹사이트가 이미 있는 경우 사이트가 너무 많은 정보로 가득 차 있기 때문에 뛰어난 게시물에 방문자의 관심을 끄는 데 어려울 수 있습니다. 이 문제를 해결하기 위해 뉴스 티커는 읽기 사이트를 더 읽기 쉽고 유익하며 탁월하게 만드는 완벽한 기능입니다!

이 게시물에서는 뉴스 티커가 무엇인지, 왜 사용해야 하는지 , 몇 가지 간단한 단계만으로 인상적인 뉴스 티커를 만드는 방법을 보여드리겠습니다.

시작하자!

뉴스 티커란 무엇입니까?

온라인 잡지, 온라인 신문과 같은 일부 유형의 웹사이트에서는 맨 아래 또는 머리글, 바닥글 또는 사이드바에서 스크롤되는 일부 뉴스 슬라이드를 볼 수 있습니다. 이 뉴스 슬라이드는 TV 뉴스 프로그램의 슬라이드처럼 보입니다.

TV 뉴스 프로그램이나 잡지 웹사이트의 뉴스 티커를 보면 시청자들은 가장 인기 있고 눈에 띄는 정보를 얻을 수 있습니다. 일반적으로 하나의 뉴스 티커에 틱 이라고 하는 많은 정보가 있습니다.

아래 gif와 같이 헤드라인 뉴스가 뜨고 있는 것이 보이시나요? 이것이 뉴스 티커가 작동하는 방식입니다.

WordPress의 뉴스 티커의 예

뉴스 티커를 사용해야 하는 이유

뉴스 티커는 웹사이트 유형에 따라 다양한 이점을 제공합니다.

• 잡지의 경우 뉴스 티커는 주목해야 할 정보와 게시물을 강조하는 데 도움이 됩니다.
• 포트폴리오의 경우 채용 담당자가 눈에 띄는 업무 경험과 보상에 주의를 기울입니다.
• 다른 종류의 웹사이트의 경우 뉴스 티커 자체가 사이트의 하이라이트가 되어 예를 들어 블로그를 더 매력적이고 전문적으로 만들 수 있습니다.

따라서 뉴스 티커는 웹사이트 소유자에게 분명히 유용한 도구입니다. 그 외에도 WordPress 웹 사이트에 뉴스 티커를 추가하는 것은 매우 쉽습니다. 다음 파트로 이동하여 직접 가져오도록 합시다!

WordPress에 뉴스 티커를 추가하는 방법은 무엇입니까?

뉴스 티커를 추가하는 방법에는 여러 가지가 있습니다.

처음 에는 뉴스 티커 로 미리 만들어진 테마 를 사용할 수 있습니다. 그것이 가장 쉬울 것입니다. 테마 문서를 주의 깊게 읽으십시오.

그러나 모든 테마에 이와 같이 미리 만들어진 뉴스 티커가 있는 것은 아닙니다. 따라서 이러한 경우 페이지 빌더 또는 플러그인 사용을 생각할 수 있습니다.

이 포스트에서는 Ditty News Ticker plugin 이라는 무료 플러그인을 사용할 것입니다. 무료이며 사용이 매우 쉽고 사용자 정의가 가능 합니다. 대시보드에서 다운로드하여 활성화하기만 하면 됩니다.

플러그인 설치 방법에 대한 자세한 내용은 여기에서 확인할 수 있습니다.

이제 더 이상 주저하지 말고 3단계에 따라 사이트에 놀라운 뉴스 티커를 표시하세요.

1단계: 새 뉴스 티커 추가

먼저 뉴스 티커 > 새로 추가 로 이동합니다.

다음 화면에는 제목, 단축 코드, 티커 모드, 티커 유형 및 전역 설정 추가의 5개 탭이 표시됩니다. 이 탭은 뉴스 티커를 구성하고 표시하는 데 사용됩니다.

명심해야 할 것이 너무 많다고 생각하십니까? 걱정하지 마세요. 간단하고 명확하게 알려드리겠습니다.

먼저 티커에 이름을 지정합니다. 제목 추가 탭에 이름을 입력합니다. 제목은 일반적으로 시세 표시기의 상단에 표시되므로 방문자의 관심을 끌 수 있는 매력적인 이름을 생각해 보십시오.

그런 다음 티커 유형 을 클릭한 다음 티커 텍스트 섹션의 뉴스 티커(필요한 경우 링크 포함)에 표시할 콘텐츠를 추가합니다.

위에서 언급했듯이 뉴스 티커에는 많은 틱 이 포함될 수 있습니다. ( + ) 버튼을 클릭하여 추가하고 ( x ) 버튼을 클릭하여 삭제합니다.

2단계: 뉴스 티커 구성

새로운 뉴스 티커를 얻은 후에는 구성하여 더 눈길을 끌도록 해야 합니다.

우선 뉴스 티커가 표시되는 방식을 선택합니다. 티커 모드를 클릭하면 스크롤, 회전 및 목록의 3가지 옵션이 표시됩니다. 실제로 Scroll 이 가장 일반적인 옵션이지만 사이트에 가장 적합한 옵션을 결정할 수 있습니다.

위의 세 가지 옵션 중 하나를 선택하면 아래의 다양한 탭에서 티커의 동작을 조정할 수 있습니다.

개인적으로 스크롤 모드를 선택했기 때문에 스크롤 동작을 조정하겠습니다. 주목해야 할 두 가지 중요한 사항이 있습니다: 스크롤 속도 및 틱 공간 . 실제로 가장 적합한 매개변수를 찾으려면 여러 번 시도해야 합니다. 저에게는 스크롤 속도가 8이고 눈금 간격이 10픽셀인 것을 선호합니다.

게다가, 나는 또한 내가 틱을 클릭하고 싶을 때 뉴스 티커가 움직이지 않도록 마우스 오버 시 일시 중지 옵션을 선택합니다.

또한 전역 설정 을 클릭하면 티커를 사용자 지정할 수 있는 몇 가지 다른 옵션이 표시됩니다. 예를 들어, 시세 표시기의 제목을 상단에 표시하려면 제목 표시를 선택하십시오 . 또는 눈금이 없을 때 티커를 숨기려면 아래 그림과 같이 옵션을 선택하십시오.

이제 뉴스 티커를 표시할 준비가 되었습니다!

3단계: 뉴스 티커 표시

화면 상단의 Shortcode 탭으로 돌아가 보겠습니다.

이 단축 코드를 삽입하는 위치에 뉴스 티커가 표시됩니다. 홈페이지 바닥글, 게시물, 사이드바 위젯 등 모든 위치에 추가할 수 있습니다.

일반적으로 게시물 내용에 뉴스 티커를 사용하지 않습니다. 머리글, 바닥글 또는 사이드바에 뉴스 티커를 배치하면 더 좋을 것입니다. 사이드바의 뉴스 티커의 예를 들 수 있습니다. 먼저 임의의 페이지를 선택하고 미리보기 > 사용자 정의 > 위젯으로 이동 합니다.

그런 다음 사이드바 > 위젯 추가 로 이동합니다. 오디오, 캘린더 등과 같은 추가 사이드바에 대한 많은 옵션이 표시됩니다. 텍스트를 선택하면 사이드바의 이름을 추가하고 단축 코드를 붙여넣는 작은 상자가 표시됩니다.

당신은 많은 단계를 수행 했습니까? 그러나 사용자 정의 색상, 글꼴 크기, 불투명도 등을 사용하여 뉴스 티커를 더 아름답게 만들고 싶다면 아직 해야 할 일이 약간 있습니다. 이 플러그인의 무료 버전은 사용자가 해당 매개변수를 조정하는 것을 지원하지 않습니다. 그래서 우리는 아래 gif와 같은 결과만 얻었습니다.

뉴스 티커가 너무 예쁘지 않아서 CSS로 약간 스타일을 지정했습니다. 사용자화 > 추가 CSS로 이동합니다.

코드를 추가할 수 있는 작은 상자가 표시됩니다. 이 코드는 뉴스 티커의 모양을 변경합니다.

나는 파란색과 흰색의 메인 팔레트와 함께 메모리 테마를 사용하고 있습니다. 따라서 파란색의 뉴스 티커를 갖도록 이 CSS를 추가했습니다.

 .mtphr-dnt-tick-contents a {
	색상: var(--main-color);
}

.mtphr-dnt-tick-contents a:hover {
	색상: #000;
}

게시 를 클릭하고 다음을 확인합니다.

다음은 당신을 위한 간단한 예입니다. 나는 당신이 스스로 훨씬 더 멋진 뉴스 티커를 만들 수 있다고 확신합니다. 시도해 봅시다!

마지막 말

이것이 Ditty News Ticker 플러그인을 사용하여 WordPress 웹사이트에 뉴스 티커를 추가하는 것 입니다. 우리는 짧고 명확하게 만들기 위해 최선을 다했으므로 이 게시물이 당신에게 도움이 되기를 바랍니다.

튜토리얼에 대해 궁금한 점이나 질문이 있을 수 있으므로 언제든지 댓글 섹션에 알려주십시오. 이 플러그인의 고급 옵션 또는 플러그인을 사용하지 않고 뉴스 티커를 추가하는 다른 방법에 대한 자세한 자습서를 기꺼이 보여드리겠습니다. 따라서 우리를 연결하는 것을 잊지 마십시오!