워드프레스 사이드바에 배너 넣기

블로그를 운영하다 보면 사이드바 등에 배너를 넣어야 할 때가 있죠..

 

오늘은, 이러한 워드프레스 사이드바에 배너를 넣는 방법에 대해 간단하게 알아보고 넘어가도록 하죠..

 

워드프레스 사이드바에 넣는 배너는 '텍스트' 위젯을 사용하여 넣으시면 되겠습니다.

 

텍스트라는 이름 때문에 다소 오해를 받는데, 텍스트 위젯은 태그도 인식을 하기 때문에 태그를 사용해야 하는 배너에 사용하셔도 됩니다.(배너를 쉽게 넣어 주는 플러그인도 있음으로.. 플러그인을 선호하시는 분들은 플러그인을 사용하셔도 되겠습니다.)

 

뭐.. 어렵거나 한 부분은 아님으로.. 쉽게 하실 수 있으실 겁니다.

 

우선, 특정 광고매체에서 제공하는 배너는 해당 코드를 그대로 갖다가 붙이면 끝~!! 입니다. 요런건 너무 간단하죠.. 아래와 같이 넣으면 끝납니다. ^^

 

외모 > 위젯 > 텍스트

 

 

세부 설정에서 해당 배너 코드를 넣으면 되겠습니다.

 

 

다만, 이런 경우 외에.. 내가 스스로 이미지 등을 만들어 올려야 하는 경우도 있겠습니다.

 

이런 경우에는 워드프레스의 미디어 화면에 배너로 사용할 이미지를 올리고 라이브러리에서 해당 이미지의 주소를 따서 적용하면 되겠습니다.

 

이미지를 올린 후에 미디어의 라이브러리 > 배너로 사용할 이미지 선택

 

 

URL이 있죠.. 요 부분의 주소를 복사!

 

다시, 외모 > 위젯 > 텍스트의 세부 메뉴에서 해당 이미지 주소를 사용해 태그로 연결시키면 되겠습니다. 실험삼아 네이버로 연결되는 배너를 만들어 봤습니다.

 

 

그럼, 아래와 같이 배너가 생기죠..

이미지를 사용해 배너를 만들 경우, 태그에 대한 약간의 지식이 필요합니다. 다만, 많이 알아야 하는 것은 없고 딱!! 두가지만 알면 됩니다.

 

1. img 태그 : 이미지를 출력하는 태그

 

- 구조 : <img src="이미지주소">

- 속성 : src, 주소경로 입력.

 

2. a 태그 : 링크를 거는 태그

 

- 구조 : <a href="연결대상 주소" target="blank">텍스트 또는 이미지</a>

- 속성 : href, 연결대상 주소경로 입력. target, 새창을 여는 옵션. blank는 새창으로 열기 옵션

 

결과적으로 아래처럼 사용하면 되는 것이죠..

 

<a href="연결할 주소" target="blank"><img src="이미지 경로"></a>

 

태그를 전혀 모르시는 분들은 다소 어렵게 느끼실 수도 있는데요.. 뭐.. 알고보면 아무것도 아닌.. 아주 쉬운 태그니까요.. 모른다고 겁먹을 필요는 없다는 생각입니다. ^^

이 글을 공유하기

댓글

Designed by JB FACTORY