How to Add Custom Scrollbar to Any Element in WordPress

WPBeginner에 오신 것을 환영하며 시청 해 주셔서 감사드립니다 이 비디오에서는 WordPress의 모든 요소에 사용자 정의 스크롤바를 추가하십시오

이 작업을 시작하려면 사용자 정의 스크롤바 플러그인을 설치하고 활성화하십시오 그런 다음 모양 -> 스크롤바로 가서 구성하십시오 여기서 스크롤바의 이름을 지정하고 대상 요소 선택자의 이름을 추가하려고합니다 이렇게하려면 크롬 브라우저의 inspect 요소와 같은 것을 사용하여 정보를 찾으십시오 크롬을 사용하고 있으며 내 사이트로 이동합니다

스크롤 막대를 사용하려는 영역 위로 마우스를 이동합니다 그것을 오른쪽 클릭하고 이와 같은 요소 검사를 클릭하십시오 이제이 사람이 내 것이 맘에 든다 그래서 나는 그것을 복사하고 돌아가서 그것을 입력 할 것이다 설정을 저장 한 후 사이트로 이동하여 스크롤바가 실제로 작동하는지 확인할 수 있습니다

이 비디오가 마음에 들면 버튼을 클릭하십시오 계속해서 우리에게 의견을 남겨주세요, 우리는 당신에게서 듣고 싶습니다 YouTube 채널에 가입하여 최신 동영상을 다운로드하십시오

Elementor Tutorial – Creative Uses For Slider Pro Element WordPress Page Builder

다시 다른 비디오에 오신 것을 환영합니다 내 이름은 WPCrafter

com의 Adam입니다 저는 WordPress 비디오를 제작했습니다 비전문가와이 비디오에서 이러한 슬라이드에 대한 창의적인 사용법을 살펴 보았습니다 Elementor Pro 용 모듈이므로 아직 Elementor Pro 웹 사이트가없는 경우 여기를 클릭하십시오 그것은 무료 버전과 유료 버전을 가지고있는 WordPress를위한 가장 빠른 페이지 빌더입니다

그러나이 비디오에서 내가 이야기하고 싶은 슬라이드 모듈은 유료 버전의 Elementor Pro에는 쿠폰 코드가 있지만 좋은 소식이 있습니다 나는 결국 당신에게 이야기 할 것이고 나는 또한 내가 포함하고있는 특별 보너스 제안을 가지고있다 Elementor Pro를 구입하기로 결정했다면 그곳에 대해 살펴 보겠습니다 Elementor Sowa 슬라이드의 슬라이드 Pro 요소에 방금 추가 된 몇 가지 새로운 기능 기본적으로 슬라이드 쇼이므로 여기에 끌어다 놓을 수 있습니다 여기에 우리를위한 슬라이드 쇼가 있지만 최근에 추가 된 새로운 기능이 있습니다

당신은 화상 (Burns)에 영향을 줄 수있는 무엇인가를 불렀습니다 이미지와 그것은 당신이 움직이고 싶었던 어떤 속도로 움직일 수 있습니다 그리고 나는 당신에게 어떻게 보여줄 것인가? 이 비디오에서 그것을 사용하려면 먼저 우리가 실제로 일하기 위해 빠는 것과 관련이 있어야합니다 이런 단색 배경은 이미지를 만들기 위해 만들어졌고 첫 번째 슬라이드에는 배경색 대신 배경 이미지를 선택하고 여기에 몇 가지 배경 이미지가있을 것입니다이 사진은 꽤 큽니다

그냥 들어가서 거기에 삽입하여 배경 이미지가 여기에 있고 여기에 있습니다 이 새로운 옵션은 Ken Burns가 일부 효과를 거두고 지금 켜는 것을 말합니다 그리고 당신이 그것을 켜십시오 Yorty 시작 지금 이미지를 보면서 지금은 유일한 옵션을 이동하십시오 안으로 들어 오거나 밖으로 움직이는 것은 움직이는 움직임이었습니다 그리고 나서 이것을 바꿀 수 있습니다

그러면 얼마나 오랫동안 움직이는지를 결정하는 것이죠 for는 5 초 동안 슬라이드 사이에있는 시간입니다 5 초 동안 움직이며 조금 더 빠른 속도로 움직일 것입니다 이 속도에 대한 통제가 실제로 시간의 양에 따라 달라지는 것은 아닙니다 슬라이드 사이에 그렇게 마지막으로 나는 어쩌면 오버레이 색상을 넣을 것입니다

조금 어둡게하지만 원하는 색상을 사용할 수 있으므로 계속 가보겠습니다 슬라이더 옵션을 사용하여 자동 재생 속도를 설정해보세요 5 초가 걸리므로 바로 거기에서 약간의 움직임을 볼 수 있습니다 내가 20 초 정도 그렇게 해보니 놀고 있었고 그래서 그것이 무엇을하는지 보았다 당신은 그와 같은 그림에서의 아주 미묘한 느린 움직임을 제가 그 효과를 정말로 좋아합니다

바로 거기에이 슬라이드 쇼를위한 창조적 인 새로운 창조적 사용이 있습니다 이제는 또 다른 생각입니다 당신이 원한다면 나는이 비디오에서 완전히 벗어날 것입니다 당신의 웹 사이트에 어떤 임의의 움직임을 갖도록 시도해 봅니다 여기에는 한쪽에 이미지가 있고 두 번째 열에는 약간의 정보 만있는 것이 있습니다

상대방의 텍스트는 이미지에서 약간의 움직임을 갖기 위해 할 수있는 것을 요구합니다 우리는 그들의 정상 회담을 내 Pro 요소로 되돌리려 고 할지도 모릅니다 다시 슬라이드하지만 이번에는 여기에 작은 상자 하나가되도록 조절하십시오 우리는 아마 여기에 어떤 종류의 텍스트를 오른쪽에 붙여 놓고 싶습니다 여기에 나는 누군가 앞에서 어떤 이미지를 위해 이것을 바꿔서 거기에있는 이미지를 두 번 클릭하면 다른 이미지를 넣을 수 있습니다

이 피자가 바로 거기에 있고 그 다음에 처음으로 3 번 슬라이드하고, 다른 것을 선택하십시오 그런 이미지가있어서 거기에 이미지가 있으므로 여기로 돌아가서 약속은 내가 ​​할 수있는 새들이 그 같은 영향을 미칠 수있게하고 내가 보자 외출을 시작할 때부터 여기에 스크롤을 올리면 단어가 만족스럽고 나는 문자 그대로입니다 그런 콘텐츠를 모두 제거하려고합니다 그래서이 이미지가 있습니다

모션과 나는이 화살을 제거 할 것이다 그냥 각자의 콘텐츠를 모두 삭제하면됩니다 Ken Burns 여기에 그 대신 나가서 괜찮아 질거야 나는 세 번째에있어 같은 일을하고있는 슬라이드가 여기에 있으며이 친구와 친구는 화상을 입을 수 있습니다

나는 외출 중입니다 그래서 지금 내가하고 싶은 것은 내 슬라이더 옵션으로 이동하는 것입니다 이 화살표와 점들을 없애고 그것과 아무렇지 않게 만들고 싶습니다 그게 속도가 너무 나를 위해 너무 많이 그래서 나는 가서 20을 입력거야 각 슬라이드는 20ms가 될 것이므로 거기에서 얼마나 훌륭한가를 볼 수 있습니다 이 슬라이드 쇼 모듈을 사용하여 미묘한 움직임을 멋지게 사용할 수있었습니다

우리의 웹 사이트에 기술적으로 슬라이더가 아닌 일반적인 슬라이더가 있습니다 이러한 것들은 텍스트를 보여주는 것과 버튼과 모든 것에서 움직이지만 당신은 그것을 사용할 수 있습니다 당신이 여기에서 보는 것처럼 매우 미묘한 것을 끝내는 정말로 멋진 우아한 효과 슬라이드로 이동하려면 첫 번째 슬라이드에 다시 가져 가려고 슬라이드 하나를 클릭하십시오 슬라이드를 참조하십시오 두 개는 슬라이드에 있었고 한 두 개는 슬라이드에 있었고 두 개는 밖으로 나와서 세 개 슬라이드가되었습니다 한 번 더 해보십시오 이제 웹 사이트에서이 아름다운 운동을 할 수 있습니다

웹 사이트를 조금만 더 살려서 솔직히 말해서 Elementor Pro 슬라이더가 포함되어 있기 때문에 하나의 인터페이스를 덜 구매해야하기 때문에 가야 할 학습 곡선을 하나씩 배워야하지만 진실을 말해야합니다 나는 정말로 고객과 고객이 아는 슬라이더의 가장 큰 팬이 아니다 그들은 그것을 원하지만 나는 슬라이더를 사용하는 가장 큰 팬이 아닌 경향이 있습니다 더 미묘한 방법으로 당신은 내가 여기있는 걸 보았습니다 그러나 이것은 단지 당신에게 그것을 보여주기위한 것입니다

모듈이 한 가지 용도로 만들어 졌기 때문에 여러 가지 용도로 사용할 수 있습니다 이것은 귀하의 웹 사이트에서 멋진 움직임을 얻으려면 특히 우아한 방법입니다 그것은 매우 시각적 인 곳이나 그림들에있는 레스토랑이나 그런 곳과 같습니다 실제로이 제품을 판매하여 사용 가능한 새로운 기능을 창의적으로 사용했습니다 Elementor와 함께 제공되는 슬라이드 Pro 요소에는 Elementor의 웹 사이트가 있습니다

여기 아래 링크와 핀 주석이 있으며 설명에 링크가 있습니다 당신이 Elementor를 구입하기를 원한다면 내가 할 일이 여기 아래에 있습니다 내 링크를 클릭하면 시청자에게 쿠폰 할인 혜택을 줄만큼 충분히 관대했습니다 내 채널의 Elementor Pro 웹 사이트에 가서 패키지를 선택할 때 당신은 당신이 쿠폰 코드 WPCraftercom을 입력 할 수 있는지 확인하고 있습니다

너의 구입 떨어져 10 % 가지고 갈 것이다 그러나 그것은 너를 위해 특별한 무언가를하기위한 것 전부가 아니다 내가 Elementor를 사용하여 성공하기를 원하기 때문에 Elementor and Elementor essentials라고 불리는이 제품은 97 달러에 판매되고 있지만, 이 비디오의 링크를 통해 Elementor를 구매하십시오 무료로 등록하겠습니다 이 훈련 과정은 성공할 수있는 완벽한 웹 사이트 구축 시스템입니다 웹 사이트를 만들고 싶은 사람은 필요한 모든 도구와 지식을 제공합니다

Elementor를 사용하여 놀라운 웹 사이트를 구축하고 매우 심층적 인 교육 프로그램입니다 당신이 당신의 학습 곡선을 잡을 수있는 많은 이점을 얻었 음을 확신합니다 그것을 평평하게하고 근본적으로 더 나은 웹 사이트를 만들 수있게 해줍니다 비디오의 끝에 만들었 어 너에게 무료 선물이있어

하지만 내가 그것에 대해 이야기하기 전에 이 비디오에 아래의 엄지 손가락을 붙일 수 있다면 나에게 뭔가를 해달라고 부탁하고 싶다 그 채널에 가입하지 않았다면 정말 도움이 될 것입니다 구독 취소 버튼을 클릭하고 구독자가되어이 채널을 지원하고 원하는 경우 새 동영상을 업로드 할 때 알림을 보내면 구독 옆에 작은 종소리가 있습니다 버튼을 클릭하면 질문이나 질문이있는 경우 해당 질문을 설정할 수 있습니다

이 비디오에 대한 의견은 아래에 의견 섹션이 있습니다 당신은 당신의 질문이나 코멘트에 넣어 져야합니다 나는 하나 하나 만들어 냈습니다 그냥 당신을위한 과정이며 WordPress의 성공에 3 단계로 불려지고 있습니다 이 코스에 등록하고 싶다면 여기에 버튼이 있습니다

오른쪽으로 가면 그 역할을 학생으로 클릭하면됩니다 나를지지하고이 비디오가 끝날 때까지 만들어 준 것에 대해 감사드립니다 너를위한 것