How to Add an iframe Border Around a Video Embed

WPBeginner에 오신 것을 환영하며 시청 해 주셔서 감사드립니다 오늘의 동영상에서는 동영상을 추가하는 방법을 보여 드리겠습니다

동영상 삽입 주위의 iframe 테두리 이와 같이 동영상 주위에 프레임을 추가하려면 동영상을 게시 할 위치에서 게시물을여십시오 텍스트 편집기로 가서 embed이있는 코드를 찾으십시오 여기서 볼 수있는 것처럼 인라인 스타일 코딩을 추가 할 수 있습니다 모든 동영상에이 작업을 수행하려는 경우 테두리 추가에 대해 걱정할 필요가 없습니다

매번, 이처럼 CSS 클래스를 추가하고 iframe을 추가 할 때 클래스를 추가하십시오 게시물에 당신은 모두 설정되어 있습니다 이 비디오가 마음에 들면 버튼을 클릭하십시오 계속해서 우리에게 의견을 남겨주세요, 우리는 당신에게서 듣고 싶습니다 YouTube 채널에 가입하여 최신 동영상을 다운로드하십시오

How to Embed a Google Map into WordPress

안녕하세요, 다른 WordPress 수요일에 오신 것을 환영합니다! Google지도를 퍼가는 방법에 대한 간단한 튜토리얼을 할 것입니다 귀하의 워드 프레스 웹 사이트 내부

이것은 매우 쉽지만 때때로 있습니다 Google은 약간의 "switcharoo"를 수행합니다 지도 지역에서 나는 거기에 도착하는 방법을 간략히 보여줄 것입니다 현재이 연락처 페이지입니다 나는 이 작은 선의 전폭을 펼치고있는 Google지도가 바로 여기에 있습니다

'클릭 가능'하도록하십시오 그래서 Google Maps로 바로 넘어갈 것입니다 (원하는 경우 Google, Google지도를 사용할 수 있습니다) 그냥 주소를 여기에 입력하십시오 됐어

이미 여기에 WebTegrity가 있다는 것을 볼 수 있습니다 이제 WebTegrity의 주소를 선택하겠습니다 기본적으로 할 수있는 일 (방금 보자) 나는 WebTegrity를 ​​선택하려고한다 그러면 WebTegrity로 변경됩니다 이것이 우리의 사업입니다

굉장해! 이 작은 '공유'옵션을 보려면 여기를 참조하십시오 '공유'를 클릭하고이 링크 대신 실제로지도를 삽입하고 싶습니다 원하는 경우 여기에서 맞춤 크기를 설정할 수 있습니다 우린 그냥 말할거야 실제로 여기에 1 분 안에 넣을 것입니다

이제 중간 단계로 진행하십시오 나는 지금 iframe을 잡을 것입니다 클립 보드에 복사하십시오 귀하의 페이지로 다시 팝 당신은 물론 (비주얼 모드 대신에) 들어가고 싶어합니다

"괴상한 코드"모드는 '텍스트'코드 영역입니다 원하는 iframe에 붙여 넣기하십시오 당분간 나는 그걸 앞뒤로 갈 것이다 나는 그것이 내 페이지의 전폭을 넓히기를 원하기 때문에 나는 100 % 말할 것이다 계속해서 '업데이트'를 클릭하고 어떻게 보이는지 봅시다

새로 고침 할 것입니다 여기에서 '새로 고침'을 클릭하십시오 이제 Google지도를 강조 표시하여 전체 거리에서 Google지도를 펼쳐 보겠습니다 다른 위치로 넘어갈 수 있도록 완전히 '클릭 가능'합니다 괜찮아

그것은 쉽습니다 모든 종류의 서로 다른 것들을 iframe에 임베드 할 수 있습니다 귀하의 워드 프레스 웹 사이트 내부 도움이되기를 바랍니다 네가 이것을 좋아한다면 우리는 당신을 도울 100 가지가 넘는 WordPress 비디오 라이브러리를 가지고 있습니다

완전히 무료입니다 우리는 WordPress 커뮤니티에 다시 돌려주는 것을 좋아합니다 구독하고 우리는 다음 WordPress 수요일을 확인합니다 안녕!

Adobe Animate CC: Add to WordPress

이제 마지막 비디오에서 adobe animate 컴포지션을 기본 htML 웹 페이지에 추가하는 방법을 살펴 보았습니다 WordPress에 동일한 컴포지션을 추가하는 방법에 대해 살펴 보겠습니다

좋아,이 기본적인 구성에있어 이 기본 애니메이션은 여기에 있습니다 미리보고 미리 보도록하겠습니다 일부 텍스트가 나오면 일부 낙엽이있는 루핑 무비 클립 심볼이 나타납니다 이제 [오] 그래

이것은 HTML5 캔버스 문서 유형입니다 좋아요, 그럼 내 게시 설정을 보여 드리겠습니다 이미지 애셋을 스프라이트 시트에 결합하지 않았는지 확인합니다 둘 다 루프 타임 라인이 아닙니다 좋아요, [cuz] 메인 클립 라인이 아니라 내 무비 클립 심볼 만 반복하고 싶습니다

알았어 그래서 출판 할거야 자, 여기 내 파일은 fla이고,이 두 파일은 HTML과 [jas] 파일이 될 때 생성 된 파일입니다 내 작품을 출판했습니다 좋아, 그래서 우리는 실제로 이미지 폴더와 HTML과 Javascript 폴더가 필요하다

이 기본 wordpress 있습니다 방금 몇 분 전에 설치했습니다 기본 템플릿 일뿐입니다 [한 가지] 제가 한 것은 페이지를 추가 한 것입니다 따라서 여기에는 테스트 페이지 일뿐입니다

그리고 그게 우리가 어도비 애니메이션 작품을 떨어 뜨릴 곳입니다 [모두] 맞아, 나는 단지 나의 호스트 회사로서 단지 호스트를 사용하고있다 이것은 분명히 a이다 wordpressorg 자체 호스팅 사이트 및 자, 페이지를 편집 해 보겠습니다

괜찮아 우리는 지금 페이지를 편집하기 위해 안으로 들어갈 것입니다 텍스트 측면의 코드를 htML면의 텍스트면에 표시하지 말아야합니다 여기에 제 호스트 회사가 있습니다 저는 파일 관리자로 들어가겠습니다

좋아, cpAnel에 액세스 한 다음 파일 관리자로 이동해야합니다 귀하의 경험은 호스트 회사가 누구인지에 따라 달라질 수 있으므로 공개 HtML 우리는 그곳에 들어가야합니다 그것은 내 워드 프레스가있는 폴더입니다 여기에 모든 워드 프레스 파일이 있습니다이 모든 파일들이 워드 프레스를 구성합니다

좋아, 이제 한 가지 더 추가했다 괜찮아 새 폴더를 만들었고 방금 그 폴더를 [확인]이라고 남겨 두었습니다 좋아, 이제 내가해야 할 일은 내가 내 루트에 있다는 것을 알아 차린다 Folder Public HtML 내 오크 – 잎 폴더 안에 WordPress 폴더 안에 다음 내가 뭘 해야하는지입니다 이러한 모든 파일을 압축하여 업로드하십시오

이제 시작하여 여기에서 폴더를 다시 방문하십시오 그리고 이걸 지퍼로 감쌀거야 좋습니다 [지금] 업로드하겠습니다

[내가] 업로드를 선택하겠습니다 그 zip 폴더를 잡아라 좋아요, 그렇게 될 수있는 한 작습니다 그래서 이것은 매우 오래 걸리지 않을 것입니다 좋아, 괜찮아

나는 그것을 선택할 것이고 나는 그것을 다시 추출 할 것이다 사이버 덕크 (Cyberduck) 나 다른 FTP 소프트웨어와 같이 완전히 다른 것을 사용할 수도 있습니다 [wordpress]가 설정되었지만 요점은 인터넷에 올리는 것입니다 나는 앞으로 나아갈 것이다 [그냥]이 폴더를 지우십시오

Mac에서 생성 된 폴더가 필요하지 않습니다 너를 위해서 단순화하려고 노력하고있어 Ok zip 파일을 삭제하면 내 [oak-leaves]가 있습니다 오클리 폴더 안의 오크 잎 폴더 안에 괜찮습니다

그래서 나는 모든 선택 이동을 선택하려고합니다 그리고 나는 그것을 폴더에 넣을 것입니다 나는 그 오리지널 오크 잎 폴더 인 것을 원한다 거기서 우리는 다시 ok 이 경우 어디로 가는지 알 필요가 없습니다

[괜찮습니다] 그들은 나의 웹 주소 안에 살고있다 슬래시 살아 움직이는듯한 오크 잎 나는 삭제 우리가 더 이상 필요가없는 실제 애니메이션 프로젝트를 Fla로 만들었습니다 이것이 우리가 필요한 전부입니다 좋아요 나는 원래 폴더를 삭제하고 가능한 한 간단하게 유지할 것입니다

여기 좋고 쉬운 [이] 다시이 이미지 폴더가이 [확인] 우리는이 전체가 필요하지 않습니다 fla 파일 우리의 htML이 있습니다 그리고 물론 우리는 [자바 스크립트] 파일을 가져야 만합니다 이제이 모든 것들이 필요합니다 우리가해야 할 일은 단지 [wordpress]의 안쪽을 가리키는 것입니다 [OK]? 이 인터넷에 지금 당장은 괜찮아

[public] public htML은 내 웹 주소입니다 [ok] 다음 animate는 다음 폴더와 오크 나뭇잎입니다 따라서 슬래시 애니메이션 슬래시 오크 잎 슬래시 오크 잎 HtML 괜찮아? 여기 코드는 멋지고 쉽습니다 좋아요

우리가하는 모든 작업은 iframe에 임베드하는 것입니다 이것은 예를 들어 youtube 비디오를 삽입하는 것을 정확히 알고있는 방식이므로 여기에이 iframe이 있습니다 그리고 나서 너비를 747로 설정해야했습니다 420 알았어 네가 여기서 볼 수 있듯이

따라서 iframe 내에서 너비와 높이를 지정해야하며이 텍스트는 동영상 바로 아래에 게시됩니다 좋아요, 그래서 당신은 단지 텍스트를 멋지고 쉽게 잡을 수 있습니다 다음으로이 srC가 다시 필요합니다 이 코드 전체를 복사하도록하겠습니다 따라서 SrC가 같아야합니다

따옴표를 누른 다음 웹 주소를 가져야합니다 너의 파일들, 알았어 광산 내 웹 주소 슬래시가 애니메이션 슬래시가 있었나요 오크 잎 슬래시 오크 잎 HtML 그것이 내 서버에서 살고있는 곳입니다

그건 따옴표 안에 있어야하는 괜찮은 것을 잡아 내야합니다 그리고 나서 iframe을 멋지고 간단하게 닫습니다 좋아, 믿거 나 말거나 그게 당신이해야 할 전부입니다 그래, 내가이 웹 주소에 어떻게 들어가는 지보고, 내 구성이있어

그것은 내 서버에 살고 있기 때문입니다 [OK], 온라인 라이브입니다 좋아, 그렇게 믿거 나 말거나 이거 쉽지, 알았어 iframe 태그에 있어야합니다

좋아, 이걸 갱신하고 확인해 보자 좋아요 그래서보기 페이지를 선택할 것입니다 거기 당신은 그것이 모든 것이 정확히 어떻게 작동해야 하는가? iframe을 사용하여 wordpress에 adobe anime 프로젝트를 추가하는 것이 쉽습니다