워드프레스 - 버튼을 누르면 팝업이 나타나게 만들기

 

 

 

<div style="position: relative; cursor: pointer;">
  <!--버튼이나 이미지!-->
  <img src="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FDtiE4%2FbtsDBAwukpU%2FBXibRGu4ixXKlPfg9UmImK%2Fimg.png" style="border-radius: 5px;">
   <!--클릭하면 나타날 이미지!-->
 <a href="https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbfQl96%2FbtsDGoatQ9o%2FcH2tGuR5uQmxsjlRNzS6JK%2Fimg.png" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;"></a>
</div>

ID 값을 "myImage"주고 클레스에"clickableImage"를 줍니다.

그리고 CSS에 아래의 값을 주어서 버튼이나 이미지의 테두리를 다듬어줍니다.
.clickableImage {
    border-radius: 5px;
}