How to Create a Facebook Like Popup in WordPress with OptinMonster

이제 리드 생성 플러그인으로 OptinMonster를 구입 했으므로 그것으로 페이스 북과 같은 페이스 북을 만드는 방법 우선 OptinMonster 이상의 프로 라이센스를 보유하고 있는지 확인하십시오

다음으로 addons 탭으로 이동하여 설치하고 활성화 할 캔버스 애드온을 찾습니다 이제 OptinMonter 개요로 이동하여 Add new를 클릭하십시오 optin 캠페인 제목을 여기에 추가하고 싶습니다 디자인을 선택하면 캔버스를 선택하고 화이트 보드 테마를 선택하고 테마를 선택하십시오 이제 사용자 정의 할 수있는 디자인 화면으로 이동합니다

페이스 북에서 코드를 추가하기 전까지는 처음에는 이렇게 보일 것입니다 이 코드를 얻으려면 내 사이트의 상자를 사용자 정의하려면 Facebook의 개발자 사이트로 이동해야합니다 그 코드가 마음에 들면 코드 가져 오기를 클릭하고 코드를 복사 한 다음 iframe을 선택합니다 복사 할 버전 다음으로, 필자는 optin 페이지로 돌아가 사용자 정의 html 필드에 코드를 붙여 넣어야합니다

기본 크기는 여기에서 약간 공백으로 보이므로 너비와 너비를 수정하려고합니다 보기 좋게하기위한 높이 일단 내가 디자인에 만족하면 나는 내려 가서 물건을 구성 할 것이다 이 모든 것을 동일하게 유지 하겠지만 optin 성공 메시지를 무언가로 변경하고 싶습니다 우리 페이스 북 페이지를 좋아하고 우리의 이메일리스트에 가입하지 않기 때문에 이것처럼

이제 출력을 클릭하여 사이트에서 사용하도록 설정하려고합니다 전 세계에로드하려고합니다 사이트에로드 할 위치를 선택하여 선택할 수도 있습니다 일단 모든 것이 끝나면 저장하고 종료하고 지금은 페이스 북을 좋아합니다 OptinMonster를 사용하여 WordPress의 팝업

facebook soziale plugins wordpress blog facebook seite

예 헤이 여기 다시 jens와 나는 그러한 페이스 북의 창문을하는 방법을 물었다 블로그 hinbekommt와 zwr의 측면 나는 그것을 WordPress의 블로그에 기초하여 보여줍니다

이 위젯은 일반적으로 배너를 삽입하는 쪽에서 호출됩니다 수와 같은 것들 그래서 우리는 이미 실험실에 있습니다 우리는 developersfacebookcom에 있습니다

그럼 문서를 내려 가서 소셜 플러그인에 대해 조금씩 살펴 보겠습니다 소셜 플러그인 또는 소셜 플러그인이 여기 있으므로 여기에이 모든 것이 있습니다 링크는 내 동영상 아래의 설명에서 동영상 아래에 있습니다 그냥이 링크를 클릭하면 다음 당신은 여기에 와서는 안됩니다 facebook 개발자 계정은 먼저 설정해야하며 필수 조건은 동의어입니다 그래서 그 플러그인을 여기에 바로 갈 수있는 앱을 가지고 있습니다

모든 것을 설정하는 것은 일반적으로 이미 미리 설정되어 있으므로 여기서도 모든 작업을 수행 할 수 있습니다 가능한 설정보다 작게 높은 표지 이미지 같은 것들을 조금 숨기기 시도해 본 후 코드를 생성하려면 여기를 누르십시오 iframe 코드처럼 여기에 복사하면 정상적으로 모든 makieren을 복사합니다 그런 다음 정확히 복사하면 귀하의 wordpress 계정에 로그인하십시오 여기서 위젯을 편집 할 수 있기 때문에 웹 사이트에서 조정하거나 웹 사이트를 사용자 정의 할 수 있습니다 위젯에서 여기에 보통의 것을 추가하면 원하는대로 붙여 넣을 수 있습니다

당신이 그것을 갖고 싶어하는 곳을 그냥 삽입하십시오 잊지 말고 이미 가지고 있습니다 여기 안의 내용은 물론 더 많은 것들이 내장되어 있습니다 동영상을 보시려면 여기를 조금만보고 정확하게 내가 정확히 당신에게 보여주고 싶었던 것을보십시오 그 후, 나는 물었다

그리고 당신이 그것을했을 때, 그것은 다음과 같이 보인다 오른쪽이 너무 재미있는 모조 내가 당신을 도울 수 있으면 좋겠어 당신은 내 채널에 가입 엄지 손가락을 포기하고 비디오를 좋아해 주셔서 대단히 감사합니다 당신의 관심을 끌기 위해, 당신의 옌스

create responsive youtube video without wordpress plugin

반응 형 YouTube 동영상 iframe을 만들려면 WordPress 대시 보드로 이동하십시오 게시물 탭 아래 모든 게시물을 클릭하십시오

반응이 빠른 youtube 비디오 iframe을 만들려는 게시물을 선택하십시오 편집을 클릭하십시오 게시물의 텍스트보기를 클릭하십시오 iframe 태그가 시작되기 전에 <div class = "video"> 태그를 삽입하십시오 </ iframe> 태그 바로 다음에 </ div> 태그를 닫습니다

게시물을 업데이트하여 변경 사항을 저장하십시오

How to Make iframes Responsive – WordPress

이봐 요 다른 WordPress 수요일에 오신 것을 환영합니다

제 이름은 애쉬톤 고리입니다 아름다운 샌 안토니오, 텍사스 오늘은 매우 빠르고 쉽게 될 것입니다 iframe을 반응 적으로 만드는 방법에 대한 비디오 많은 경우 동영상이 있습니다 우리에게 주어지면 그들은 일종의 iframe 유형의 플레이어

또는 우리가 우리의 Google지도, 그리고 그 모든 설정 내부 iframe 시나리오, 또는 iframe 시나리오 몇 가지 오래된 코드와 다시 한번 iframe 우리는 우리의 새로운 우리 웹 사이트에서 반응 형 디자인 썰물과 흐름이 때때로 중복됩니다 우리는 오늘이 일에 착수 할 것입니다 나는 이것으로 바로 넘어갈 것이다 여기에 예제가 있습니다

화면에서 날아가서 니가 뭘하는지주의를 기울일 수있어 보고 여기서 볼 수 있습니다 비디오가 삽입되어 있습니다 실제로 들어오고 있습니다

또는, 그것은 내 오른쪽 열로 미끄러 져 나는 그렇게 보이기를 바라지 않는다 오른쪽 열과 완전히 겹쳐 있습니다 내 화면을 축소하면 이 모든 것을 보도록하겠습니다 당신을 위해 그것을 할 수 있습니다, 이것을 축소하십시오)

당신은 그것이 단지 머무르는 것을 볼 수 있습니다 동영상이 줄어들지 않습니다 나랑 매우 실망 스럽습니다 어떻게 수정해야합니까? 아마 당신이 인터넷 검색을하는 이유 일 것입니다

이 특정 비디오 나는 당신에게 아주 간단하고, 약간의 괴상한 코드 때문에 사용자 정의 CSS 상자가 있는지 확인하십시오 그 자리에 요즘 대부분의 테마에는 그 능력 테마 옵션 내부 너를 찾고있을거야

사용자 지정 CSS 상자 그게 우리가가는 곳이야 잠시 땜장이에가 그리하지 않으면 그것을 가지고, 당신이 사용하고 있는지 확인하십시오 아이 테마

당신이 무엇을 알지 못한다면 그 중 하나는, 나는 이 상자 바로 아래에있는 동영상 몇 개 바로 여기에서 확인할 수 있습니다 out (또는 아래의 설명 상자) 체크 아웃하고 가서 를 사용하여 사용자 정의 CSS 상자를 만드는 방법 플러그인 또는 자식 테마를 만드는 방법 심지어 플러그인을 사용합니다 꽤 간단합니다 하지만 그걸 가지고 있어야 해

우리가이 짧은 길이로 떨어질 수있는 장소 코드 스 니펫과 이것을 고쳐라 기본적으로 우리가 할 일은 지금 우리는 새로운 상자를 만들 예정입니다 이 비디오 주위에 여기에 우리는 여기이 지역 주변의 새 상자 내가 말할 수있는 것은 크기에 따라 다르다 내 스크린의 크기,이 iframe의 크기는 얼마나 커야합니다

여기 있습니다 너 뒤에 갈거야 1 분 동안의 장면 너 가고있어 내가이 괴상한 코드를 가지고 있는지보기 위해서

텍스트 영역 안에 여기에 쓰여있다 iframe을 사용할 때마다 텍스트 모드로 가려면 비주얼 모드로 붙여 넣습니다 여기에있는 iframe이 있습니다 지금 당장 할 일은 모두 add입니다 div class = "video-container" 우리가 정말로하고있는 일은 새로운 것을 창조하는 것뿐입니다

이 iframe 주변 상자 반응 적이다 내가 너를 원해 네가 올바르게 철자되었는지 비디오 컨테이너입니다 있을 필요가있다 그것의 중앙에 돌진

이런 식으로 보일 필요가 있습니다 그런 다음 iframe의 끝에서 바닥에있는 모든 곳에서, 우리는 div 클래스를 끝내고 싶다 [/ div] 기본적으로이 모든 것은 열려 있습니다 상자를 닫고이 상자를 닫습니다 컨테이너

변경 사항 저장을 클릭하겠습니다 그것은 내 변화를 저장하려고합니다 그래도 다 끝났어 – 여기 주위에 코드가 있어요 – 우리는 div 클래스를 다루지 않았습니다

바로 아직 우리 스타일 시트 안에 있습니다 그것이 우리의 다음 단계입니다 나는 뭔가 할거야 나는 인터넷 검색을하고 있었고 여기에 정말 좋은 기사가있다 Smashing Magazine

나는 미끄러질거야 다시 화면에서 벗어나서 이것 좀 봐 "임베디드 콘텐츠 제작 반응 형 디자인 작업 "정말 환상적인 기사 나는이 링크를 넣을거야

아래의 설명 상자에서, 당신에게 더 많은 아이디어를 주겠다 정확히 내가하고있는 것 그들 또한 당신을 위해 이것을 가지고 – 당신은 문자 그대로, 그냥 복사해서 붙여 넣으세요 맞아요 내가 뭘하려고하는지

나는 복사 할거야 비디오 컨테이너라고하는 첫 번째 것 내 스타일 시트에 들어갈거야 여기 내 스타일 시트에 나는 실제로 그것을 바로 여기에 붙여 넣을 것이다 비디오 콘테이너가있어

Ooops 백업 그 기간을 앞에 두어야합니다 그것의 (즉, 그것을 클래스로 설정하는 것입니다) 기간 비디오 컨테이너 및 모든 이걸 내가 방금 거기에 붙여 넣었 어 이 기사의 내용은 iframe 자체에 영향을 줄 필요가 있습니다

따라서이 CSS를 붙여 넣으려고합니다 게다가 오른쪽에 붙여 넣을거야 그 후에 이제 새로운, 내부에있어

내 CSS 상자 여기, 내가 가지고있어 비디오 컨테이너 및이 모든 괴상한 코드 동영상 컨테이너 iframe은 특히 iframe에 영향을줍니다 괜찮아 문자 그대로 복사하여 붙여 넣기 만하면됩니다 두 개의 다른 라인을 안쪽, iframe 영역에, 당신은 주위 div 클래스에서 끝난! 그게 다야

나는 위로 미끄러 져 갈거야 이리 내 변경 사항을 저장하겠습니다 화면에서 벗어나서 이것을 확인할 수 있습니다 우리가 다시 돌아올 때 여기 당신은 이것이 어떻게 그랬는지 봅니다

지금 새로 고침을 클릭하겠습니다 그리고 그 자리에 얼마나 멋지게 보이는지보십시오 그게 전부 야 내가 줄어들 때 지켜봐 그 페이지

무슨 일이 일어나는지보십시오 내 비디오 좀 봐 그것 봐, 너희들! 나는 여전히 여기를 클릭 할 수있다 그 자리 엄청난가요? 그리고 그것은 단순히 거기에 워드 프레스 웹 사이트

이게 얼마나 시원합니까? 나는 너와 함께 밖으로 나오길 바래 나 WordPress 수요일에 채널을 구독하십시오 바닥에 조금 비좁은 아이콘이 있습니다 여기를 클릭하면 구독하고 매주 수요일마다 당신은이 중 하나를 얻게 될 것입니다

멋진, 무료 WordPress의 비디오 진심으로 좋은 하루 되세요 다음 WordPress 수요일에 보자 안녕, 모두

How to Add Google Maps plugin to posts & pages in WordPress (2017)

안녕하세요 Guru-wordpress

com에서 환영합니다 오늘의 동영상에서 Google은 게시물과 페이지에 Google지도를 추가하는 방법을 보여줍니다 먼저 google로 이동하여 google지도를 검색하십시오 거기에서, 당신은 당신의 페이지에 삽입하고 싶은지도에 당신의 장소를 찾으십시오 당신이 당신의 장소를 찾으면, 구글 맵의 왼쪽 사이트에서 공유 버튼을 클릭하십시오

그런 다음 opporthunity "insert Map"을 클릭하십시오 여기서 선호하는 크기를 선택할 수 있습니다 그런 다음 삽입하려는지도의 Iframe을 페이지에 복사해야합니다 이제 WordPress로 이동하여 새 게시물 또는 페이지를 만듭니다 텍스트 편집기로 이동하여 Google지도에서 가져온 Iframe 코드를 가져옵니다

비주얼 편집기에서 게시하려는 위치의지도를 볼 수 있습니다 WordPress Plugin을 사용하면 페이지에 Google Map을 삽입 할 수 있습니다 플러그인으로 이동하여 새로 추가하십시오 검색 : MapPress Easy Google지도 당신의 패널에서 당신은 새로운 컴포넌트, Map Press 여기에서 귀하는 귀하의 게시물 및 페이지에 게시하는지도에 관한 설정을 할 수 있습니다

새 게시물을 만들 때 Google Map을 삽입하려면 페이지 맨 아래로 이동하십시오 거기에 작은 위젯, Google지도를 만들 수있는 위치, 게시 또는 삽입 할 삽입물을 넣을 수 있습니다 이 비디오가 마음에 들면, 같은 버튼을 클릭하십시오 아니면 우리에게 의견을 남길 수 있습니다 우리는 당신의 의견을 듣고 싶습니다

더 유용한 동영상을 받고 싶다면 YouTube 채널 구독을 잊지 마세요