워드프레스 이용 웹사이트 꿀팁 - 페이지 자동 이동 4가지 방법

워드프레스 이용 웹사이트 꿀팁 - 페이지 자동 이동 4가지 방법

---

워드프레스 이용 웹사이트 꿀팁 - 페이지 자동 이동 4가지 방법

---

워드프레스 이용 웹사이트 활용 꿀팁으로 페이지를 자동으로 이동하는 방법 4가지를 알아보자. 

 

안녕하세요.  IT를 잘하고 싶은 삽질구만리입니다. 

 

오늘은 워드프레스나 티스토리에서 페이지를 자동으로 이동시키는 방법에 대해 알아보고자 합니다. 

 

이 스킬은 특히 랜댕페이지 만들때 요긴하게 사용하는데요. 

해당 소스를 포함시켜 문서를 만들면 

원하는 홈페이지 주소로 자동 이동이 가능합니다. 

 

그러면 어떻게 구현하는지 알아보겠습니다. 

---

1. 페이지 자동 이동 방법 - 자바스크립트( location.href ) 활용

---

자바스크립트 location.href 활용

자바 스크립트를 HTML 테크 HEADER 안에 아래 소스를 넣으면 해당 주소로 이동이 가능합니다. 

<script language="javascript"> 
location.href='이동시킬 주소'; 
</script>

 

 

 

스파르타코딩클럽 왕초보 웹개발 자세히 알아보기

 

 

 

---

2. 페이지 자동 이동 방법 - 자바스크립트( location.replace ) 활용

---

자바스크립트 location.replace 활용

<script language="javascript"> 
location.replace("이동시킬 주소"); 
</script>

 

location.replace("이동시킬 주소")에서 이동시킬 주소에 https:// 포함하여 URL을 입력하시면 해당 주소로 이동합니다. 

 

 

자바스크립트 표준 문서 보러 가기

 

 

https://developer.mozilla.org/ko/docs/Web/JavaScript

JavaScript | MDN

 

---

3. 페이지 자동 이동 방법 - 메타 테그 활용

---

 

메타 테그 사용

<meta http-equiv="refresh" content="0; url=http://이동시킬 주소">

 

제가 자주 사용하는 소스인데요. 

숫자 0은 0초 지나서 그러니까 바로 이동한다는 뜻이고요. 정수가 들어가는데 5가 입력되면 5초후 해당 주소로 이동한다는 뜻입니다. 

 

 

HTML 표준 문서 보러 가기

 

 

https://html.spec.whatwg.org/

HTML Standard

 

 

---

4. 페이지 자동 이동 방법 - 자바스크립트 현재 페이지 새로고침 하면서 이동

---

 

현재 페이지를 새로고침 하면서 이동

<script language="javascript"> 
parent.location.replace("이동시킬 주소"); 
</script>

 

현재 페이지 새로고침하면서 이동하는 방법도 있습니다. 

 

 

---

마치며

---

오늘은 워드프레스 코딩에서 페이지를 자동으로 이동하는 방법에 대해 알아봤습니다. 

제휴 마케팅이나 랜딩 페이지 적용하실때 요긴하게 사용하실 수 있는 팁이고요. 다양한 방법으로도 활용 가능합니다. 

 

어렵지 않은 코드이니 따라해 보시면 좋을듯 하고요. 

실제 적용 방법에 대해서는 다음 시간에 알아보도록 하겠습니다. 

 

 

 

---

추가 정보

---

요즘 HTML/CSS 독학이 가능하다고 하는데요. 지금 수강신청하면 수강료 0원이라고 합니다. 

내일배움카드로 10%만 결제하고 수료후 결제 금액 전액 환급이 된다고 하네요.

 

자세한 사항은 아래 링크를 클릭하시면 관련 내용을 보실 수 있습니다. 

 

스파르타코딩클럽 왕초보 웹개발 자세히 알아보기

 

 

 

 

---

같이 보면 좋은 글

---

만다라트 계획표 알아보기(뜻, 기법, 예시, 양식 다운로드 )

만다라트 계획표 알아보기(뜻, 기법, 예시, 양식 다운로드 )