Create custom Google map with iframe embedding

Assalamualaikum 내 이름은 폭로 아카데미에서 Widhi Muttaqien입니다 나는 보통이 채널에서 주로 3D와 관련된 CG 관련 자습서를 수행합니다

그러나 현재 저는 맞춤형 Google지도를 만드는 것과 관련된 다른 자습서를 만들고 싶습니다 나는이 문제에 관해서 많은 질문을하기 때문에이 튜토리얼을 만들어야한다 2001 년부터 여러 대학에서 웹 디자인 및 개발을 가르치고 있으며 인도네시아의 고객을 위해 많은 웹 프로젝트를 수행하십시오 때때로이 질문에 대답하는 대신이 튜토리얼을 작성하면됩니다 장기간에 걸쳐 많은 시간을 절약 할 수 있습니다

그리고 내 학생들뿐 아니라 많은 사람들에게 유용 할 것입니다 또는 내 고객을 위해 그래, 맞춤형 Google지도는 무엇입니까? 이 시나리오를 상상해보십시오 예를 들어 마라톤이나 자전거 타기 또는 모터 랠리와 같은 스포츠 이벤트를 개최하고 싶습니다 물론 이벤트 웹 사이트에서 이벤트 경로를 설명해야합니다

잠재 고객 또는 다른 예를 들어 결혼 이벤트 웹 사이트를 만들고 싶다면 모든 초대 손님의 방향 이제는 커스텀 맵이 얼마나 중요한지를 아는 것이 중요합니다 이제 자신의 웹 사이트에 맞춤지도를 퍼가려면 iframe 소스 코드를 사용해야합니다 기본 HTML 및 CSS 사이트뿐만 아니라 사용자 정의 테마를 사용하는 경우에도 마찬가지입니다

내부 워드 프레스 CMS 예를 들어 대부분의 경우 iframe 코드를 붙여 넣어야합니다 그래, 맞춤형 Google지도를 만들려면 먼저 Google 계정이 있어야한다고 생각합니다 Gmail이 없다면 Gmail 계정을 만드십시오 네가 가진 후에

"googlecom/maps"인 google maps URL로 이동할 수 있습니다 대부분의 경우 오른쪽 상단 영역에 자신의 얼굴 또는 프로필 사진이 표시되고, 왼쪽에 위치 검색 상자가 나타납니다 이제 여기에서 내 위치를 검색하고 싶지 않고 샌드위치 아이콘을 클릭하십시오 여기에서

당신은 많은 옵션을 볼 수 있습니다 여기에서 '내 장소'링크를 클릭하십시오 이 페이지에서 이전에 레이블을 지정하고 저장하고 방문한 모든 장소를 볼 수 있습니다 이제 실제로 액세스하고 싶은 것은이 "지도"탭에 있습니다 이 모든 항목은 이전에 만든 맞춤지도입니다

아무것도 작성하지 않으면 비어 있습니다 새로운 맞춤형지도를 만들려면이 '지도 만들기'버튼을 클릭하십시오 이제 우리는 사용자 정의 맵을 작성하는 실제 작업을 수행하는 페이지 안에 있습니다 가장 먼저해야 할 일은 사용자 정의 맵에 이름을 지정하는 것입니다 그렇게하려면이 "제목없는지도"텍스트를 클릭하십시오

예를 들어이지도에 "베카시 바 타트 쇼핑 경로"라는 이름을 지정하고 싶습니다 이것은 내가 살고있는 곳 근처의 이름입니다 그래서 여러분은 저에게 제가 읽는 것을 듣게 될 것입니다 그들 중 인도네시아 철자법 그런 다음 설명을 추가 할 수 있습니다 (예 : "My shopping plan route at Bekasi barat")

다시 말하지만 이것은 단지 예입니다 원하는 텍스트를 넣을 수 있습니다 다음으로 마우스를 사용하여 수동으로 확대하거나 특정 확대 / 축소를 직접 확대하려는 경우 여기서 검색 창에 위치 이름을 입력 할 수 있습니다 예 : "bekasi barat" 좋아, 이제 당신은 확대 옆에, 구글지도 도이 위치 아이콘을 추가하는 것을 알 수 있습니다 또는 표식이지도의 중앙에 정확하게 표시되도록하십시오

나중에 이에 대해 논의하겠습니다 지금은 맞춤지도의 아이디어 나 기본 개념을 먼저 설명하고 싶습니다 기본적으로 사용자 정의 맵은 이와 같습니다 기본 Google지도 인 기본 레이어가 있습니다 그런 다음이 기본지도 위에 레이어를 넣을 수 있습니다

레이어를 사용하여 사용자 정의 객체를 구성합니다 예를 들어 모든 사용자 정의 위치를 ​​하나의 레이어에 넣을 수 있습니다 다른 레이어의 맞춤 길 찾기와 맞춤 지역 또는 다른 지역의 맞춤 길 찾기 층 얼마나 많은 레이어 또는 레이어의 이름에 대해 결정하는 것은 당신에게 달려 있습니다 하지만이 레이어에 대해 이야기하기 전에 실제로 다른 스타일을 선택할 수 있습니다

기본 Google지도 이를 위해이 "기본지도"를 클릭하고 원하는 스타일을 선택할 수 있습니다 좋아, 이제 내 스타일을 어떻게 만들 수 있을까? 글쎄, 기본지도 스타일을 만들기 위해 좀 더 고급 토론이 필요하기 때문에, 당신은 Google지도 API와 함께 놀 필요가있다 시작하려면 'mapstylewithgoogle

com'으로 이동하여 고유 한 기본지도를 만들 수 있습니다 스타일 그러나 나는이 튜토리얼에서 간단한 것을 유지하기 위해 제공된 스타일 만 사용하려고한다 여기에서 나중에 좋아하는 스타일을 고를 수 있지만, 지금은 기본 스타일을 선택하십시오

이 것은 왼쪽 상단에 있습니다 나중에 왜해야하는지 이해하게 될 것입니다 자 이제 사용자 정의 레이어에 대해 이야기 할 수 있습니다 기본적으로 우리는 이미 "untitled layer"라는 이름의 Google에서 제공하는 레이어를 가지고 있습니다 이름을 클릭하고 이름을 "위치"로 바꿉니다

새 레이어를 만들려면이 "레이어 추가"버튼을 클릭하면됩니다 여기에서 레이어를 삭제하려면 도트 버튼을 클릭하고 "삭제 층" 좋아, 이제 여기에서 위치 마커 "서쪽 Bekasi"로 볼 수있는 것은 이전에 수행 한 검색과 기본적으로이 위치 표시자는 아직 어떤 레이어에도 포함되어 있지 않습니다 이 위치 마커를 위치 레이어에 넣으려는 경우

이 더하기 버튼을 클릭하거나이 마커를 클릭 한 다음 이것을 클릭 할 수 있습니다 여기에 "지도에 추가"버튼을 클릭하십시오 이제이 "west bekasi"위치 표시자는 이미 "location"의 멤버가됩니다 층 다른 예를 보자

"metropolitan mall"을 검색 할 수있게하고 이것을 우리의 "location" 다시 층 자, 제거하고 싶다면, 예를 들어 "west bekasi"마커를 제거하고 싶습니다 그것을 클릭하고 여기에있는이 휴지통 아이콘 버튼을 클릭하십시오 좋아요, 기존 위치 표시를 추가하려면 여기의 검색 창을 사용하십시오 기본지도에서 기존 마커를 직접 클릭 할 수도 있습니다

예를 들어이 위치로 이동하여 확대 한 다음 "거대한 메가"를 클릭하십시오 bekasi "를 클릭하고 여기에"지도에 추가 "버튼을 클릭하십시오 이제 이전에 다른 기본지도 스타일을 선택합니다 예를 들어 여기의 "간단한지도 책" 기존 위치가 보이지 않습니다

사용자 정의 레이어에는 위치 마커 만 있습니다 따라서 기존 위치를 추가하려면이 스타일을 사용하여 여기에 검색 창을 의지해야합니다 괜찮아 다음은 맞춤지도이므로 맞춤 위치지도를 만들 수 있습니다 아직 기본지도에 존재하지 않습니다

이렇게하려면 "마커 추가"버튼을 클릭 한 다음 예를 들어 여기를 클릭하십시오 이 하나의 이름을 "bekasi cyber park"로 지정하고 설명을 비워 두십시오 저장 버튼을 클릭하십시오 이 마커를 움직일 수 있습니다 이 마커를 원하는대로 변경할 수 있습니다 (예 : 색상 변경)

그렇게하려면 여기에있는이 스타일 버튼을 클릭하고이 색상들 중 하나를 선택하십시오 나는 지금 주황색을 고를 것이다 여기서 마커 아이콘을 선택할 수 있습니다 여기에서 "더 많은 아이콘"버튼을 클릭하면 다양한 아이콘 중에서 선택할 수 있습니다 아이콘

찾고있는 아이콘을 찾지 못하면 자신의 이미지를 업로드 할 수도 있습니다 이 작업을 수행하려면 여기에서이 "사용자 정의 아이콘"을 클릭하기 만하면됩니다 지금은 사용자 지정 아이콘을 업로드 할 필요가 없습니다 대신이 장바구니 아이콘을 선택하겠습니다 그리고 OK 버튼을 클릭하십시오

다음은이 버튼입니다 이 버튼은 제목과 설명을 편집하기위한 버튼입니다 이것은 이미지 또는 비디오를 추가하기위한 것입니다 시간을 절약하기 위해이 부분을 건너 뛰고, 자신의 습관으로 이것을 시도해보십시오 지도

이것은 방향을위한 것입니다, 우리는 나중에이 비디오에서 방향을 논의 할 것입니다 지금은 지역 또는 지역을 어떻게 만들 수 있는지 보도록하겠습니다 영역을 만들려면이 버튼을 클릭 한 다음 "선 또는 모양 추가"를 선택하십시오 여기를 클릭 한 다음 여기를 클릭하십시오 그러면 시작 지점으로 돌아갈 때까지 반복됩니다

그러면 모양이 만들어집니다 그런 다음 색상, 투명도 및 테두리를 정의 할 수 있습니다 도형이 아닌 선을 만들려면 같은 방법을 사용할 수 있지만 Enter 키를 눌러 마무리하십시오 예를 들어이 버튼을 다시 클릭하고 "선 또는 모양 추가"를 선택하십시오 여기를 누른 다음 여기를 누른 다음 여기를 누르고이 줄을 끝내려면 Enter 키를 누릅니다

이제 모양과 달리 라인이있는 경우 라인 색상과 너비 만 조절할 수 있습니다 그것의 투명성을 제어 할 수는 없습니다 이 선이나 도형을 편집해야하는 경우지도에서 시각적으로 선택할 수 있습니다 또는 레이어의 개체 목록에서 가져옵니다

그런 다음 포인트 주위를 드래그하십시오 이와 같이 가운데 점을 드래그하여 더 많은 점을 추가 할 수 있습니다 포인트를 지우고 싶으면 마우스 오른쪽 버튼을 클릭하고 "포인트 삭제"를 선택하십시오 여기에서 나는 당신이 당신의 각자에 의해이 특징의 나머지를 탐구 할다는 것을 믿는다

길 찾기를 만들 수 있습니다 이제 "길 찾기"는 나머지 개체와 약간 다릅니다 특수 층 안에 살 수 있습니다 좋아, 그럼 어떻게 길을 만들 수 있니? 적어도 3 가지 방법이 있습니다 첫 번째 방법은이 버튼을 클릭 한 다음 첫 번째 위치 마커를 클릭하는 것입니다

여기에서 선택한 위치를 볼 수 있습니다 당연히 적어도 2 개의 위치가 필요한 방향을 만드는 것입니다, 맞습니까? 예를 들어이 마커를 다시 클릭하십시오 이제 우리에게는 방향이 있습니다 더 많은 목적지를 추가해야하는 경우이 "목적지 추가"버튼을 클릭하십시오 다른 마커를 클릭하십시오

이제 '대상 추가'를 다시 클릭하여 루프를 생성 한 다음 첫 번째 항목을 선택할 수 있습니다 위치 표시 자 방향을 추가하는 두 번째 방법은 컨트롤 클릭 방식을 사용하는 것입니다 먼저이 레이어를 삭제하여 혼동하지 않도록하십시오 죄송합니다

지금은 레이어를 숨길 수 있습니다 왜냐하면 우리는 이전에 숨겨진 레이어에 대해 이야기하지 않았기 때문입니다 다시이 확인란은 레이어를 숨기거나 숨기기 해제하는 데 사용됩니다 괜찮아 따라서 방향을 만드는 두 번째 방법은이 위치 중 하나를 클릭 한 다음 컨트롤을 클릭하고 다시 클릭하여 더 많은 위치를 추가하십시오

이제 클릭 순서가 매우 중요하다는 것을 명심해야합니다 클릭 순서에 따라 방향이 바뀝니다 이 방향 추가 버튼을 클릭하기 만하면됩니다 그것을 기다려라, 거기에 가라 마지막 방법

이 레이어를 다시 숨 깁니다 위치 마커 중 하나를 클릭하고이 "여기 방향"을 클릭하십시오 단추 이제이 방법을 사용하면이 위치가 "목적지로 이동"됩니다 "출발지"가 아닙니다

그것이 "여기에 대한 방향"을 말하는 이유입니다 그래서이 버튼을 클릭하십시오 다음으로 시작점의 다른 위치를 클릭해야합니다 나는 당신이 여기서 아이디어를 얻을 것이라고 확신한다 다음으로, 사용자 정의 맵 작성을 마친 후에

이지도를 웹 사이트에 퍼갈 수 있습니다 이지도가 공개되어 있는지 먼저 확인해야합니다 그렇지 않은 경우 Google은 어떤 웹 사이트에지도를 삽입하는 것을 허용하지 않습니다 이를 위해 여기에서 "공유"버튼을 클릭 할 수 있습니다 "변경"을 클릭 한 다음 공개를 선택하십시오

좋아요 이제 우리지도에 공개 공유 권한이 있습니다 iframe 코드를 생성하려면 여기의 3 점 버튼을 클릭하십시오 그런 다음 "내 사이트에 삽입"을 선택하십시오 그리고 iframe 코드를 복사하고 복사 한 다음 자신의 웹 사이트에 붙여 넣으십시오

그냥 증거를 위해, 실제로 WordPress의 CMS입니다 내 블로그 대시 보드를 열어 보자 새 페이지를 만듭니다 이제 코드를 붙여 넣기를 원하기 때문에 텍스트 모드에 있어야합니다 비주얼 모드에서 iframe 코드를 붙여 넣습니다

그리고이 페이지를 게시 할 필요가 없으므로 여기서 미리보기 버튼을 사용합니다 보시다시피 커스텀 맵을 성공적으로 임베드했습니다 자,이 짧은 팁 비디오가 멋진 사용자 정의 맵을 구축하는 데 도움이되기를 바랍니다 물론 내가이 비디오에서 아직 다루지 않은 많은 것들이 있지만, 나는 너를 믿는다 이 동영상을 본 후 자신을 탐색 할 수 있습니다

항상 그렇듯이 내 채널을 구독하고 비디오를 공유하십시오 동영상이 마음에 들면 엄지 손가락을, 동영상을 미워하면 엄지 손가락으로 굴립니다 다른 자습서를 확인하십시오 Wassalamualaikum

Creating Facebook Landing Pages Using Iframes and WordPress

안녕 얘들 아 환상적인 또 다른 튜토리얼을 환영합니다 내 이름은 marketingunfolded

com의 Jesus Ramirez입니다 오늘의 튜토리얼에서 우리는 페이스 북의 방문 페이지에 대해 이야기 할 것입니다 그러나 더 구체적으로 우리는 방문 페이지를 만들고 사용하기 위해 WordPress를 사용할 것입니다 페이스 북 내부의 i- 프레임으로 방문 페이지를 표시합니다 어떻게 작동하는지 보여 드리겠습니다

Google에 들어오는 사람들의 페이지가 있습니다 Facebook 팬 페이지에서 우리 팬이 아닌지 알 수 있습니다 그들이 우리의 친구라면 그들은 다른 페이지를 볼 것입니다 그래서 우리의 팬이 아닌 방문 페이지에서 사람들이 클릭하고 위의 '좋아요'버튼을 클릭하여 팬이되고 팬 사이트에 방문하게됩니다 페이지는 사람들에게 우리의 무료 주간 뉴스 레터를 구독하도록 요청하지 않을 것이며, 그런데 내 뉴스 레터 구독자가 아닌 경우에는 이 기회를 통해 귀하의 전자 메일을 보내고 내 뉴스 레터에 가입하십시오

그러나 어쨌든, 왜 WordPress를 사용하면 표준 HTML 페이지를 사용할 수 있습니까? 여기 프로그램은 당신이 당신의 자신의 html을 편집 할 수있는 html 편집기와 함께 제공됩니다 "당신이 보는 것은 당신이 얻는 것"편집기와 함께 제공됩니다 그렇다면 왜 WordPress를 사용합니까? 왜 WordPress 페이지를 사용하여 귀찮게합니까? 글쎄 왜 내가 보여줄지 이 페이 스인 Facebook 팬 페이지를보고 있었다면 이리 우리는 우리의 WordPress 웹 사이트에옵니다

Google은 게시물과 우리가 편집 한 모든 것을 편집 할 수 있습니다 여기에서 편집, 우리의 페이 스북 페이지로 자동 편집됩니다 내가 어떻게 보여줄지 공장 예를 들어 어쩌면 우리는 "더 많은 판매"를 빨간색으로 만들고 싶습니다 on "update"페이스 북의 팬 페이지로 되돌아 갈 수 있습니다

새로 고침과 알림이 이제 빨간색이므로 WordPress를 사용하면 WordPress에 제공되는 모든 도구를 사용하여 페이스 북 방문 페이지를 만들 수 있습니다 그래서 당신은 PHP, CSS, 플래시, YouTube를 사용할 수있는 가능성을 상상할 수 있습니다 정말 좋아하는 것 이 튜토리얼에서 나는 내가 어떻게 만들어 졌는지에 대해 많이 이야기하지 않을 것이다 양식, 나는 그냥 Aweber에서 몇 가지 코드를 가지고 내 워드 프레스 페이지에 붙여 넣은 경우 Aweber가 있고, 당신은 그것에 대해 더 많이 알고 싶습니다

내 웹 사이트에 올 수 있습니다 "시작하기"에서 페이지 하단으로 스크롤하면 다음을 클릭 할 수 있습니다 autoresponders 자동 응답 프로그램은 기본적으로 전자 메일로 구독자와 여기 내가 그 코드를 가지고있다 Aweber가없고 가입하고 싶다면 Aweber를 클릭하기 만하면됩니다

하지만이 부분에서 튜토리얼의이 섹션에 대한 코드를 얻었습니다 나는 그걸 가져올까 궁금해 내가 아마 내가 어떻게 그것을 얻었는지에 관해 더 많이 말할 것이기 때문에 올라가고있어 라 나는 조금 이야기 할 것이다 내가 어떻게 버튼의 스타일을 지정했는지는 모르겠지만 optin 폼의 코드를 어떻게 얻었는지는 알지 못합니다

이제 시작하겠습니다 먼저 수행 할 앱을 설치해야합니다 우리의 Facebook 팬 페이지에서이 작품을 만들어보십시오 우리의 첫 번째 단계는 정적 iframe 탭을 Facebook 페이지에 설치하는 것입니다 그렇게하기 위해서는 facebook

com/iframehost로 가야합니다 바로 여기 있습니다이 페이지에서 설치 페이지 탭에서 클릭해야합니다 그래서 저는 앞으로 나아가서 지금 할 것입니다 당신이해야 할 일은 정적 i- 프레임 탭을 설치할 페이지를 선택하는 것입니다 에

나를 위해, 그것은 나의 개인 팬 페이지에있을거야, 그리고 난 그냥 "정적 i 프레임 탭 추가"를 클릭하여 내 페이지에 추가하면 보시다시피 환영 탭 바로 여기 작은 파란색 화살표가 오른쪽을 가리키고 있습니다 그것은 방금 추가 한 i- 프레임입니다 지금 바로 환영 메일을 클릭하면 여기에있는 모든 것 아직 아무 것도 추가하지 않았지만 설정을 클릭하면 나는 당신에게 할 수있는 일을 빨리 보여주고 싶다 팬이되는 사람들을위한 것입니다

너의 것 팬 페이지가 아닌 사람들을위한 섹션입니다이 섹션에서 할 수있는 작업 당신은 몇 가지 HTML을 추가 할 수 있습니다 시각적 편집기를 사용하여 내용을 탭으로 편집 할 수 있습니다 이미지를 업로드 할 수 있습니다 너비가 520 픽셀이어야합니다

리디렉션을 사용하여 팬을 다른 페이지로 리디렉션하거나 페이지 소스를 사용할 수 있습니다 기본적으로 Facebook의 다른 웹 사이트에있는 내용을 표시하는 i- 프레임 창에 있습니다 우리가 할 일은 워드 프레스로 갈거야 페이지를 만들고 해당 페이지를 사용하여 Facebook 팬 페이지에 표시하십시오 조금 혼란 스러울 지 모르지만 일단 단계를 거치면 실제로 사용법이 얼마나 쉬운 지 확인하십시오

우리는 WordPress에 들어가서 우리 페이지를 만들기 시작할 필요가 있습니다 그래서 저는 워드 프레스 웹 사이트에 새 페이지를 추가하려고합니다 제목을 지정하려고합니다 "페이스 북의 팬들" 이것은 이미 내 팬을 좋아하는 사람들을위한 것입니다 그리고 여기에 나는 "come 뒤로" 지금이 시점에서 Facebook i 프레임 템플릿이 없으므로 우리가 임시 보관함은이 페이지의 미리보기를 수행합니다

헤더가 여전히 있으며, 사이드 바가 있습니다 내 웹 페이지의 모든 스타일이 표시됩니다 우리는 그것을 원하지 않는다 우리는 단지 우리 페이지의 내용을 여기에 넣어서 템플릿으로 사용할 수 있습니다 페이스 북의 팬 페이지 방문 페이지 그래서 우리가 설치할 수있는 PHP 파일을 만들었습니다

그것은 모든 주제에서 작동해야하며, 이미 약 10 가지 테마로 시도해 봤는데 잘 작동합니다 그래서 문제가 있다면 저에게 이메일을 보내 주시면 제가 도와 드리겠습니다 어쨌든 당신이 내 웹 사이트로 이동 해야하는 PHP 파일을 다운로드하고 내가 기사를 찾습니다 "i- 프레임과 워드 프레스를 사용하는 페이스 북 환영 페이지" 찾지 못하는 경우 여기에서 검색 창을 사용하여 검색하십시오 과 페이지 중간 정도로 스크롤하면 "install WordPress 페이지 템플리트 "파일 및 바로 여기,이 PHP 파일을 다운로드하십시오 이 파일에는 PHP 파일이 들어있는 압축 파일이므로 압축을 풀어야합니다

그것을 서버에 가져다 놓으십시오 이미 데스크톱에 다운로드 된 이후로 다운로드하지 않을 것입니다 하지만이 버튼을 클릭하면 원하는대로 다운로드를 시작할 수 있습니다 좋아, 웹 페이지에 테마를 설치하려면 ftp 서버가 있어야합니다 Firefox fire ftp add-on을 사용하여 내 서버에 연결할 수 있습니다

FireFTP를 사용하면 서버에 연결하여 원하는 파일을 업로드하거나 다운로드 할 수 있습니다 그것이나 그것으로부터 좋아한다 지금 내가해야 할 일은 클릭하고 연결해서 내 서버에 연결하는 것입니다 이미 페이스 북의 i- 프레임 PHP 파일을 내 컴퓨터에 다운로드했습니다 내 테마의 루트 디렉토리를 찾아야합니다

그래서 내 테마 디렉토리는 WP 콘텐츠 테마 아래에 있으며 이것은 아마도 당신을 위해 동일합니다 테마가있는 폴더를 선택하면됩니다 내 논문 18입니다이 파일을 클릭하고 화살표를 클릭하면됩니다 내 서버쪽으로 및 페이스 북의 아이 프레임 PHP 파일을 설치해야합니다 일단 내가 이걸 내 서버 안에 넣으면 그걸로 내가해야 할 일이야

그래서 저는 실제로 이것을 닫을 수 있습니다 내 페이지로 돌아와 편집 페이지로 이동하십시오 아래로 스크롤 을 페이지 속성에 추가하고 기본 템플리트를 선택하고 Facebook i- 프레임 템플리트를 선택하십시오 임시 보관함을 다시 한 번 클릭하십시오 미리보기를 클릭하면 여기에 있습니다

이건 환영회 다 우리가 여기서했던 것 그래서 우리는이 페이지에 새로운 것을 추가 할 때마다, 예를 들어 "환영받는 친구"와 같이 그것은 분명히 이것에 저장 될 것입니다 그리고 이것은 공간과 마찬가지로 520 픽셀 폭입니다 우리는 Facebook 용으로 사용할 수 있습니다 이제 WordPress에서 원하는대로 사용할 수있는 기능을 사용하여 시작할 수 있습니다

제안해야한다 이 영역에 여기에 표시 할 수있는 페이지를 만들 수 있습니다 그럼 어떻게 작동하는지 미리 보도록하겠습니다 그냥 내 페이지로 돌아가서 게시 만하면됩니다 그리고 나는 여기에 링크를 복사 할 수 있고 붙여 넣을 수 있습니다 나는 Facebook 프로필로 돌아갈 수 있습니다

나는 그 링크를 여기에 붙여 넣을 수있다 그리고 이것은 내 팬들을위한 것이며, 사람들은 내 친구였습니다 저장 설정을 클릭하기 만하면 환영 탭을 다시 클릭 할 수 있습니다 그리고 당신은 내가 워드 프레스에서 사용했던 나의 환영 백 친구 캡션을 가지고 있음을 알게 될 것이다 그래서 내 페이지에 가입하는 것과 같은 다른 것을 추가한다면 업데이트를 클릭하고 페이스 북을 방문하여 새로 고침을 시작하십시오

"환영하는 친구가 내 페이지에 가입하십시오"이것은 WordPress 및 정말 멋진 페이지를 만들기 위해 Facebook을 i- 프레임과 함께 사용합니다 분명히 이것은 단지 3 라인이지만 이미 우리가 갖고있는 힘을 볼 수 있습니다 우리는 YouTube 동영상을 사용할 수 있고, 플래시를 사용할 수 있으며, 우리가 처분 할 수있는 거의 모든 것을 사용할 수 있습니다 정말 멋진 Facebook 팬 페이지를 만드는 방법 이제 우리가 할 일은 워드 프레스에서 환영 페이지를 만들기 시작하는 것입니다 이제 내가 할 일은 새로운 페이지를 만드는 것입니다

그리고이 페이지는 사람들을위한 것입니다 아직 우리 페이스 북의 팬이 아니 었습니다 그래서 저는이 Facebook을 팬이 아닌 사람들이라고 지명 할 것입니다 좋습니다 그리고 이것이 우리가 오늘 시작하려고하는 것입니다

나는 앞으로 나아갈 것입니다 이미지를 추가하고 내 Facebook 팬 페이지의 머리글을 클릭하고 작은 아이콘을 클릭하여 추가합니다 이미지를 선택하고 파일을 선택하십시오 내가 찾고있는 파일이이 파일입니다 실제로이 파일과 비슷한 파일을 가지고있어서 브랜드가 아니므로 팬에서 사용할 수 있습니다

원하는 경우 페이지 그것은 또한 잠시 전에 다운로드 한 PHP 파일 아래의 빨간색 웹 페이지에 있습니다 우리는 이것이 다른 곳으로 연결되는 것을 원치 않으므로 아무 것도 클릭하지 않을 것입니다 우리는 원했다 전체 크기가되도록하고 그것을 게시물에 삽입하려고했습니다 좋아요

그게 Facebook 팬 페이지의 헤더입니다 페이지를 입력하면 여기에 몇 가지 물건을 입력 할 수 있습니다 데 그래,이게 내 페이지에서 원했던 경찰이야 이제 조금 스타일을 지정해야합니다 이것을 h2에 넣을 것입니다 그리고 h3 그리고이 녀석들 나는 대담하게 될 것입니다 그리고 나는 모든 것을 중심에 둘 것입니다

저장 및 초안을 클릭하고 미리보기를 클릭 할 예정입니다 그리고 모든 것은 괜찮아 보이고 있습니다 템플릿을 적용하고 Facebook i- 프레임을 적용하면됩니다 주형 임시 보관함을 다시 한 번 클릭하십시오

내 미리보기 페이지로 돌아와서 새로 고침하세요 찾고 괜찮아 그래서 나는 "internet"이라는 단어 앞에 줄 바꿈을하기 위해 앞으로 나아갈 것입니다 그래서 페이지 나누기가 조금 더 멋지다 그래서 저는 여기로 와서 shift shift를 눌러 줄 바꿈을 만듭니다

클릭하여 초안을 미리보기로 되돌립니다 새로 고침을 시도하지만 훨씬 좋아 보이고 있습니다 나는 이것에 더 많은 시간을 할애 할 수 있지만, 나는하지 않을 것이다 방금 너 한테 걸렸 으면 좋겠어 그것 그래서 이것을 Facebook의 i- 프레임 탭에 추가하기 위해 그대로 게시하려고합니다

여기에 링크를 복사하십시오 내 Facebook 페이지로 돌아와 설정을 클릭하고 클릭하십시오 팬이 아닌 URL에 있습니다 붙여 넣기, 그런데 스크롤바 숨기기 확인란이 선택되어 있는지 확인하십시오

그렇지 않으면 페이지가 너무 크고 측면에 스크롤바가 있습니다 그게 좋지 않아 나는 그것들을 끄는 것을 선호하지만 당신이 원한다면 그것을 남겨 둘 수 있습니다 나는 설정을 저장하고 내 환영 페이지를 클릭하고 "팬이 아닌 것으로보기"를 클릭하면 내 Facebook 페이지의 팬이 아닌 사람들이 언제 들어올지를 보게됩니다 이제 내 페이지의 팬인 사람들을위한 방문 페이지를 만드는 방법에 대해 알아 보겠습니다

그래서 저는 WordPress로 돌아갈 것입니다 그리고 나는 그 페이지를 찾을 것입니다 나는 잠시 전에 만들었다 바로 여기에 나는 우리가 더 이상 필요 없으므로 계속 진행하고 삭제할 것입니다

내 Facebook 팬들의 방문 페이지에서 가장 먼저 할 일은 내가 헤더를 추가하려고합니다 그렇게하려면 이미지 추가를 클릭하고 파일을 선택하면 이것이 여기에 있습니다 나는이 이미지가 다른 곳과 연결될 필요가 없다 나는 풀 사이즈를 원했다 센터는 괜찮다

모든 게시물에 삽입 그리고 거기에 있습니다 이제 저는 이것에 약간의 복사본을 추가 할 것입니다 여기에 정말 빨리 추가 할 것입니다 괜찮아 여기 내 이메일 수신 동의서가 있습니다

모든 것이 꽤 좋아 보인다 나는 이것이 필요하다고 생각한다 이미지와이 첫 번째 줄 사이의 작은 호흡 실 그리고 나는 여기서 줄을 서서 생각하고, 나는 이것을 더 크게 만들 것이라고 생각합니다 아마 그 제목을 만들거야 2 초

아마 대담 할 필요가있을거야 업데이트를 클릭하고 내 페이지로 돌아와 새로 고침하십시오 좋아, 여기 조금 별나다 그래서 지금 고쳐 보자 이제 내가 할 일은 단순히 h3 태그를 사용하는 것입니다

그래서 조금 작아졌습니다 이제는 css를 사용하는 것이 훨씬 쉽습니다 이렇게 이 튜토리얼의 목적에 따라, 나는 당신을 보여주는 CSS 수업을 만들 시간 하지만 확실히 CSS는 웹 페이지의 스타일을 지정하려고 할 때 사용할 수 있습니다

그래서 나는 업데이트를 클릭하고 새로 고침을 할 것이고 이것이 효과가 있다고 생각한다 나는 그냥 가서 첫 번째 줄로 가져갈 것이다 업데이트를 다시 한 번 누르십시오 다시 와서 새로 고침을하면 하나가 될 것입니다 두 줄이되어야한다

그리고 우리는 이들을 중심으로 삼을 것입니다 "업데이트"를 클릭하십시오 다시 와서 새로 고침 나는 그것이 훨씬 좋아 보인다라고 생각한다 그리고 나는 단지 "자유"를 클릭 할 것입니다

그걸 빨간색으로 만드세요 업데이트를 클릭하십시오 새롭게 하다 좋아, 좋아 이미 내 팬이면서 사람들이 누구인지에 대한 방문 페이지가 될 것입니다

내 뉴스 레터에 가입하고 싶습니다 모든 정보를 최신 상태로 유지하기 위해 당신은 내 웹 페이지 unfoldedcom 마케팅에 들어올 수있는이 비디오를보고 있습니다 여기 전자 메일 오늘 내 모든 자습서를보고 싶지 않은 경우 페이스 북처럼 버튼을 클릭 할 수도 있습니다 바로 아래에이 비디오의 게시물이 여기에 표시됩니다

클릭하는 것을 잊지 마세요 거기에 같은 버튼 친구에게 짹짹을 보내고 나를 줘 이 튜토리얼이 마음에 들면 +1 어쨌든 여기에 바로 아래에 정보를 추가 할 것입니다

사람들에게 나에게 의견을 남기거나 질문을 할 수 있음을 알리기 위해 대부분의 사람들 아마 이미 내게 이메일을 주었고, 내 가입자입니다 그래서 나는 그들에게 나에게 메시지를 남기거나 질문을 할 수 있음을 상기시킬 것이다 그들은하고 싶다 이제 다시 한 번 해보고 다시 한 번 동영상을 일시 중지하여 나를 타이핑하는 걸 보지 마라 네가 나를 보길 기다리는 시간 낭비 일 뿐이야

그래서 나에게 줘 순간… 네가 내 뉴스 레터를 구독 할 준비가 되었다면 내 페이스 북에 올 수있다 벽, 나에게 메시지를 남기거나 질문을하십시오 나는 사람들에게 항상 저에게 연락 할 수 있음을 알립니다 나는 많은 이메일과 많은 의견을 받는다

내 웹 사이트, 페이스 북, 다른 장소, YouTube에서 항상 올바르게 반응하지는 않습니다 어쨌든 나는 항상 대답하려고 노력한다 그래서 내가 며칠 안에 대답한다면 나에게 당신을 데려 갈 시간을주세요 어쨌든 실제로 사람들을 데려 갈 링크로 "Facebook 벽"이라는 단어를 만들고 싶습니다 내 벽에

그래서 제가 할 일은 페이스 북 페이지의 벽 아이콘을 클릭하는 것입니다 해당 링크를 복사하고 페이지로 다시 돌아옵니다 작은 링크 아이콘을 클릭하십시오 붙여 넣기를 입력하십시오 제목은 페이스 북의 벽을 입력 할 예정입니다

링크 추가를 클릭하고 업데이트를 클릭 한 다음 새로 고침을 클릭하십시오 그리고 단어 사이에 "if" 그래서 나는 "i"가 두 번 입력하기 전에 바로 클릭하기 만하면된다고 생각합니다 충분히 업데이트를 다시 클릭하십시오 새로 고침을하고, 나에게 공간을주지 않는다

그리고 나는 내가 이유를 알고있다라고 생각한다 이는 html 뷰에서 양식의 일부로 입력 된 것을 볼 수 있기 때문입니다 어느 것이 문제를 일으키는 지, 그래서 나는 그걸 밖으로 잘라 버릴거야 양식 아래에 붙여 넣기 만하면됩니다 업데이트를 클릭하고 새로 고침을 클릭하면 지금 공간을 가져라

그리고 거기에 당신은 간다, 나는 공간을 가지고있다 그러나 나는 내가 조금 더 필요로한다라고 생각한다 그래서 다시 비주얼 모드로 들어가서 한 번 더 입력하면 업데이트를 클릭하고, 히트 새로 고침 그래, 그게 훨씬 효과적이라고 생각해 나는이 형태가 훌륭해 보이지 않는다는 것을 안다

지금까지 더 나은 버튼이 있다면 중심에 있다면 더 나을 것입니다 그래서이 튜토리얼의 마지막 몇 분을 들여서 CSS가 어떻게 될 수 있는지 보여줄 것입니다 이 페이지의 요소에 적용됩니다 하지만이 튜토리얼에서 마지막으로 보여줄 것입니다

그래서 우리는 다시 돌아올 것입니다 이에 이제 지금해야 할 일은이 링크를 복사하는 것입니다 내 Facebook 페이지로 돌아 오십시오 환영을 클릭하고 설정을 클릭하십시오

그리고 이건 사람들은 이미 내 팬들 그래서 나는이 링크를이 링크로 교체해야한다 실제로 준비가되어 있습니다 그리고 저는 이것을 저장하려고합니다 그리고 환영 페이지로 돌아 가면 내 페이지의 팬이이를 볼 수 있습니다

그리고 팬이 아닌 사람이 이것을 볼 것입니다 꽤 멋진 응? 우리가 계속 진행하기 전에해야 할 일이 있습니다 이것이 기본 방문 페이지입니다 따라서 사람들이 다른 어느 곳에서나 왔을 때 벽이나 벽에 빠지지 않습니다 다른 페이지들

사람들은 기본적으로 환영 페이지에 들어갈 필요가 있습니다 이렇게하려면 권한 관리 옵션에서 편집 페이지를 클릭해야합니다 기본 방문 탭을 환영합니다 그걸 환영하도록 설정했는지 확인하십시오 그리고 당신은 클릭 할 수 있습니다

저장시 당신이 할 수있는 또 하나의 일은 정적 인 i-frame 탭 아래에 있습니다 설정 이름을 다른 것으로 변경할 수 있습니다 환영을 말하는 대신 입력 할 수 있습니다

예를 들어 "hello"라는 단어를 클릭하고 저장을 클릭 한 다음 OK를 누릅니다 귀하의 페이지 이제 "안녕하세요"라고 읽습니다 이 아이콘은 또한 편집 할 수 있습니다

설정을 클릭하고 아래로 스크롤하여 여기에는 탭 아이콘, 클릭 및 고유 한 탭 아이콘 사용에 대한 지시 사항이 나와 있습니다 원하는 작은 아이콘이 무엇이든 볼 수 있습니다 로고에 이것을 표시 할 수 있습니다 네가 원한다면 계속해서 내 앱 옵션으로 돌아가서 이름을 다시 편집 할 것입니다

환영 저장을 클릭하고 내 페이지로 돌아가려면 확인을 클릭하십시오 그런데, 저는 관리자이기 때문에 환영 탭이 내 기본 페이지이지만 다른 사람이 볼 수는 없습니다 좋아, 거의 끝났어 지금 내가 보여줄 내용은이 양식의 스타일을 지정하는 방법입니다

약간의 CSS를 사용하여 조금 이제 이전에 다운로드 한 폴더에서 PHP 파일을 찾았습니까? fbcsscss라는 제목의 파일이 있다는 것을 알았습니다 그건 꽤 비어있는 CSS 파일입니다 거기에 단 하나의 스타일 만 있고 설명 할게요

왜 그랬습니까? 하지만 어쨌든 그 CSS 파일에, 당신은 화재 FTP 또는 어떤 FTP를 사용하는 경우 당신이 좋아하는 클라이언트 이 파일을 테마 루트 디렉토리에 추가 할 수 있습니다 그래서 당신의 테마의 루트 디렉토리, 다시 한번, Facebook i-frame php 파일을 설치하는 곳과 같은 곳입니다 거기에 fbcsscss 파일을 설치할 수 있습니다

업로드를 클릭하십시오 일단 당신의 파일 당신이 Facebook 팬 페이지로 돌아 가면, 당신이 이것을 만든 모든 것들 어떤 것이고, "view page"를 클릭하면 배경의 고지가 빨간색으로 바뀝니다 이제는 의도적으로이 작업을 수행 했으므로 css 파일이 작동 중임을 즉시 알 수 있습니다 페이지가 자동으로 빨간색으로 변하지 않으면 페이지가 작동하지 않는다는 의미입니다 그래서 빨강, 당신이 원하는 어떤 색깔로 변경하는 것은 정말 간단합니다

fire ftp를 좋아하는 또 하나의 이유 내가 서버에서 직접 내 파일을 편집 할 수 있다는 것입니다 그래서 나는 할 필요가 없습니다

그들을 내 컴퓨터에 다운로드하고 편집 한 다음 다시 업로드해야합니다 나는 단지 할 수있다 서버에서 직접 편집하십시오 그래서 내가 가진 유일한 설정은 전체 페이지 인 본문에 대한 것입니다 빨간색으로 변합니다

나는 그것을 "백색"으로 남겨 둘 수있다 또는 나는 html 코드를 흰색으로 사용할 수있다 어느 바로 거기에있다 3 f 저장을 클릭하여 페이지로 돌아와 새로 고침하면 흰색으로 바뀝니다

파이어 폭스에서는 파이어 버그 (firebug)를 설치했습니다 바로 여기에있는 애드온입니다 무슨 개똥 벌레 does, is는 페이지의 다른 요소를 검사 할 수 있도록 CSS를 적용 할 수 있습니다 버튼에 "제출"클래스가 있음을 알 수 있습니다 글쎄, 내가 "제출"수업을하고 내 CSS 파일에 추가

나는 수업을 의미하는 마침표를 칠 것이다 사실 내 버튼에 배경색을 추가 할 수 있습니다 실제로 "배경"철자가 잘못되었습니다 그래서 나는 단지 여러분 모두가 "녹색"이라고 말하는 것을 보여줄 것입니다 저장하려면 "s"를 제어하십시오

새로 고침 버튼을 누르면 녹색으로 바뀝니다 텍스트의 색상을 흰색으로 설정할 수 있습니다 사실 나는 그것을 위해 html 코드를 사용할 것이다 저장하려면 "s"를 다시 선택하십시오 히트 "새로 고침"그리고 당신이 볼 수 있듯이 나는 건물을 시작할 수 있습니다

훨씬 더 나은보고 제출 버튼 그리고 실제로 어떤 것도 다른 일을해야합니다 이 CSS 스타일을 사용하면 버튼 위에 마우스를 가져 가면 커서가 표시됩니다 작은 손가락 손이 올 때 어쨌든이 특정 버튼의 스타일을 지정하는 방법을 보여주기 위해 더 많은 시간을 할애 할 수 있지만 멋진 버튼이지만 이미 다른 튜토리얼이 될 수 있습니다

당신은 내가 작성한 튜토리얼을 보았을 수도 있습니다 CSS 글꼴 그림자 나는 현재 쓰고있는 다른 튜토리얼을 가지고 있는데, 기본적으로 같은 생각이다 내가 복사하여 붙여 넣을 수있는 CSS를 가져 가라 하지만이 CSS는 귀하의 버튼을 의미합니다

따라서 스타일을 많이 사용하지 않아도됩니다 귀하의 버튼 사실 몇 가지 버튼이 나타나서 앞으로 몇 주 안에 그 버튼을 찾으십시오 하지만 어쨌든, 만약 당신이 실제로 당신이이 그림자의 일부를 사용할 수 있다면, 내가 만든 것입니다 원하는 경우 페이스 북 방문 페이지 용

그래서 당신은 그 (것)들을오고 복사 할 수 있고 당신의 Facebook 상륙 페이지를 위해 그것을 이용할 수있다 어쨌든 난 그저 너에게 보여주고 싶었어 좋아, 내 Facebook 팬 페이지로 돌아가서 지금이 튜토리얼을 끝내라 나는 30 분 안에 그것을 유지하려고 노력했다 어쨌든 질문이나 의견이 있으시면 언제든지 시청 해 주셔서 감사합니다

저에게 연락하십시오 최고의 음악 중 하나는 저에게 페이스 북을 통해 연락합니다 너는 내 안에 들어갈 수있어 웹 페이지 마케팅 unfoldedcom 내 이름 Jesus Ramirez를 클릭하면 내 Facebook 팬 페이지로 이동하게됩니다

어느 너는 알아둬야 해 우리는이 튜토리얼 전체를 통해이 작업을하고 있으며 내 벽에 메시지를 남겨주세요 너가 나의 회보에 구내 구독자이지 않는 경우에 그러나 너의 전자 우편을 안으로 두는 것을 잊지 말라 매주 업데이트 나는 결코 당신을 스팸 메일 귀중한 정보 만 얻고이 비디오를 보면서 YouTube는 잊지 않습니다

내 채널을 구독하려면 내 채널을 내 고글 서클에 추가하고 싶을 수도 있습니다 Google 플러스 사용자입니다 어쨌든 시청자들 께 감사 드리며이 튜토리얼을 즐기시기 바랍니다 다음에 너 안녕

How to Embed video (Insert video) in WordPress from Youtube (2017)

안녕하세요 guru-wordpress

com에서 환영합니다 오늘의 비디오에서는, 우리는 당신을 보여줄 것입니다, 어떻게 귀하의 사이트에 비디오를 임베드하거나 원하는 언제든지 처음에는 WordPress에서 글 목록으로 이동하여 새 글 추가 게시물의 제목을 작성하십시오 YouTube에 가서 퍼가려는 비디오를 클릭하십시오 비디오를 마우스 오른쪽 버튼으로 클릭하고 삽입 할 코드 복사를 선택하십시오

그런 다음 WordPress로 이동하여 텍스트 편집기에 코드를 삽입하십시오 귀하의 게시물을 게시하는 것을 잊지 마십시오 Secon 방식으로 YouTube 동영상의 링크를 복사하는 것입니다 그리고 lint를 WordPress의 시각적 편집기에 삽입하십시오 이 비디오가 마음에 들면, 좋아하는 버튼을 클릭하거나, 우리에게 남겨주세요

우리는 당신의 의견을 듣고 싶습니다 더 유용한 동영상을 받고 싶다면 채널을 구독하는 것을 잊지 마십시오

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 프로젝트를 추가하는 것이 쉽습니다