WordPress의 팝업에서 YouTube 동영상을 여는 방법을 알고 싶으십니까?

La 라이트 박스 또는 모달 창 (팝업)은 인터넷에서 매우 일반적인 기능입니다. 그러나 일반적으로 이미지, 이메일 캡처 양식, 프로모션 또는 등록 양식을 표시하는 데 사용됩니다. 

그러나 그것을 사용하여 비디오를 표시하는 것도 가능하다는 것을 알고 계셨습니까? 워드프레스(WordPress) ? 안돼? 

이 튜토리얼에서는 비디오를 표시하는 방법을 보여줄 것입니다. (YouTube – Vimeo – 등) 에서 라이트 박스.

그러나 이전에 WordPress discover를 설치 한 적이 없다면 워드 프레스 블로그 7 단계를 설치하는 방법 et 어떻게 찾아 설치하고 블로그에 워드 프레스 테마를 활성화하려면 

그런 다음 왜 우리가 여기 있는지 다시 돌아옵니다.

당신이 사용해야하는 이유 동영상을 표시하는 라이트 박스 

숲 라이트 박스 모달 창이지만, 여기에 표시된 모든 이미지가 모두로드되는 것은 아닙니다. « chargement«  페이지입니다. 

Le 항해자 요금 레 형상 때 라이트 박스 열리면 동영상도 마찬가지입니다. 간단히 말해서 페이지를 더 빨리 열 수 있습니다.. 또한 크기를 줄일 수 있습니다 (longueur) 페이지의이 모달 창에서이 페이지의 내용 중 일부를 사용할 수 있기 때문입니다.

잡담의 휴전, 사업에 착수합시다.

설치 및 구성하는 방법 플러그인 WP 비디오 라이트 박스

WP 비디오 라이트 박스는 플러그인 WordPress.org에서 다운로드 할 수 있습니다. 즉, WordPress 대시 보드에서 바로 설치할 수 있습니다. 그것을 다운로드 .zip 파일로.

자세한 내용은 WordPress 플러그인 설치 방법에 대한 단계별 가이드를 확인하세요..

활성화 후 플러그인이 위치에서 설정 페이지로 이동하십시오. " 설정 >> 비디오 라이트 박스 ".

바로 " prettyPhoto ".

실제로는 플러그인 다른 것을 사용하다 플러그인사진 갤러리를 표시하기위한 것입니다. 그러나 비디오에 적용될 일부 정보를 변경할 수 있습니다.

이를 위해 몇 가지 옵션을 설명하겠습니다. (필수)그래서 당신이 원하는대로입니다.

이미 서점 prettyPhoto 활성화해야합니다 («확인 사용 prettyPhoto »). 사용자에게 동일한 페이지에 있음을 알리기 위해 창을 투명하게 만들 수 있습니다. (정의 0에서 1까지의 값 쉼표 값이 허용됩니다).

발견 워드 프레스를위한 효과적인 팝업의 특징 

모든 라이트 박스에는 제목을 표시 할 수 있습니다 (쇼 제목). 때때로 큰 모달 윈도우의 경우 크기 조정을 허용해야합니다. (허용 크기 조정). 더 긴 동영상의 경우 사용자가 동영상을 확대 할 수 있습니다 (허용 펼치기), 더 나은 모습.

너비와 높이가 라이트 박스'입력란을 수정할 수 있습니다 " 디폴트 값 폭 "그리고" 디폴트 값 신장 ". 

테마를 선택하려면 라이트 박스드롭 다운 메뉴 변경 테마 ". 자동 재생을 활성화 할 수도 있습니다. (상자를 체크하십시오 " 자동 재생 ").

표시 방법 라이트 박스 기사에서

Le 플러그인 ~의 목록을 제안하다 단축 코드 표시 할 수 있습니다. 라이트 박스 기사에 에서 제공되는 비디오도 볼 수 있다는 것을 잊었습니다. 메오.

비디오를 보려면 유튜브 ou 메오당신은 사용해야합니다 단축 코드 다음 :

[video_lightbox_youtube] (pour YouTube)
[video_lightbox_vimeo5] (pour Vimeo)

이들 각각 단축 코드 매개 변수를 승인하면 다음을 수행 할 수 있습니다.

• 식별자 정의 (VIDEO_ID) 일반적으로이 형식의 " YzqKMmQ_3Sg ". 예 [video_lightbox_youtub VIDEO_ID = "YzqKMmQ_3Sg"]
• 비디오의 높이를 설정 (신장)
• 비디오의 너비를 설정 (폭)
• 설명 추가 (설명)
• HTML 앵커 추가 (닻) 또는 창을 열 링크의 텍스트
• 미리보기 이미지 추가 (auto_thumb)

HTML 앵커를 설정하면 축소판이 무시됩니다. 그렇지 않으면, auto_thumb " 1 ".

또한 발견하여 더 나아가십시오 사용하고 단축 코드 워드 프레스를 관리하는 방법

사용 데모

방금 제공 한 정보를 사용하여 다음 코드와 유사한 코드를 사용하여 비디오를 표시 할 수 있습니다.

[video_lightbox_youtube video_id="YzqKMmQ_3Sg&rel=0" width="640" height="480" anchor="Une simple vidéo" description="Par Dr WP"]

비슷한 결과

위와 비슷한 코드를 사용하여 위에 표시된 축소판을 볼 수 있습니다.

[video_lightbox_youtube video_id="YzqKMmQ_3Sg&rel=0" width="640" height="480" auto_thumb="1" description="Par Dr WP"]

이 결과와 동일한 결과

떠나기 전에

의 일부 매개 변수는 단축 코드 설정에 정의 된 내용을 덮어 씁니다.

프리미엄 워드 프레스 플러그인도 만나보세요  

당신은 다른 것을 사용할 수 있습니다 워드 프레스 플러그인 현대적인 외관을 제공하고 블로그 또는 웹사이트의 처리를 최적화합니다.

우리는 여기에 당신을 도울 수있는 프리미엄 WordPress 플러그인을 제공합니다.

1. FileBird

WordPress FTP에 업로드한 수천 개의 이미지, 비디오 또는 문서 파일을 관리하는 데 어려움을 겪은 적이 있습니까? 예 또는 아니요, 중요하지 않습니다. 중요한 것은 워드 프레스 플러그인 FileBird를 사용하면 미디어 파일을 쉽게 관리하고 라이브러리에 더 많은 기능을 제공할 수 있습니다.

완벽한 사용자 인터페이스 및 상황에 맞는 메뉴를 통해 사용자는 파일을 폴더로 끌어다 놓거나 컴퓨터에서와 같은 방식으로 폴더를 빠르게 작성, 이름 바꾸기 또는 삭제할 수있는 권한을 가질 수 있습니다. 이 플러그인을 사용하면 미디어 파일이 체계적으로 구성되고 페이지에 삽입하거나 게시 할 이미지를 쉽게 선택할 수 있습니다.

또한 우리의 발견 기사에 새로운 생명을 불어 넣는 6 가지 WordPress 플러그인

또한이 플러그인은 가장 많이 사용되는 플러그인, 특히 WooCommerce, 또한 많은 언어를 지원합니다. 따라서 미디어 라이브러리 관리를 향상시키려면 워드 프레스 플러그인 FileBird는 당신의 비밀 무기가 될 수 있습니다.

다운로드 | 데모 | 웹 호스팅

2. 소셜 공유 및 로커 프로

Social Share & Locker Pro 플러그인은 웹 사이트가 소셜 미디어에서 더 잘 보이도록 설계되었습니다. 몇 번의 클릭만으로 소셜 아이콘의 위치를 ​​설정하거나 제공하는 소셜 네트워크 중 하나에서 공유하도록 요구하여 콘텐츠를 잠글 수 있습니다.

가장 일반적인 희망 사항을 포함해야하는 10 개의 템플릿이 있습니다. 모든 모델은 완벽하고 훌륭하게 작동합니다. 또한 Social Share & Locker Pro를 사용하면 소셜 네트워크의 전체 이름을 표시하거나 아이콘 만 표시 할 수 있습니다. 디자인, 사용 가능한 공간 또는 취향에 따라 다릅니다.

다운로드 | 데모 | 웹 호스팅

3. 7 툴팁에 문의하십시오.

이 워드프레스 플러그인 Contact Form 7 플러그인은 Contact Form 7 플러그인에 간편한 툴팁 기능을 제공합니다. 대상 요소를 가리키면 툴팁이 표시됩니다. 모바일 장치에서 도구 설명은 대상 요소가 연결된 시점을 나타냅니다.

주요 기능 : 사용 편의성, 모든 버전의 Contact Form 7 지원, 도구 설명의 배경색 사용자 지정, HTML 코드 지원, 전체 레이아웃 반응 형 등.

다운로드 | 데모 | 웹 호스팅

다른 추천 자료

또한 귀하의 웹 사이트 및 블로그에 대한 이해와 통제를 위해 아래 자료를 참조하십시오.

• Elementor: URL 또는 메뉴에서 팝업을 여는 방법
• WordPress 플러그인 버전을 내리는 방법
• 스폰서를 찾고 블로그에서 수익을 창출하는 방법은 무엇입니까? : 가이드
• 클라이언트의 워드 프레스 대시 보드를 사용자 지정하는 방법
• 모바일 워드 프레스에 대한 응답 메뉴를 만드는 방법

결론

여기에! 이 튜토리얼을 마치겠습니다. Youtube 또는 Vimeo 동영상을 WordPress 웹 사이트의 라이트 박스. 주저하지 말라. 좋아하는 소셜 네트워크에서 친구들과 공유. 

그러나 귀하는 우리와 상담 할 수 있습니다. 능숙, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작.

그러나 그 동안 귀하의 commentaires 전용 섹션의 제안.

...