워드프레스 The7테마 줌 이미지 Element 사용하기 - 웹속의작은이야기

워드프레스 The7테마 줌 이미지 Element 사용하기

경주문화재사랑봉사단 선덕팀 -새해 첫 봉사
2018년 2월 8일
워드프레스 the7테마 구글애드센스 일치하는컨텐츠 설정하기
2018년 2월 28일

안녕하세요.
모두들 설 명절은 잘 쉬었는지요..??
올해 설은 4일이라 좀 더 쉬고 싶은 분들이 많았으리라 생각이 됩니다.

이번에는 워드프레스 The7테마 줌 이미지에 대해 알아볼까 합니다.
줌 이미지란 간단하게 말해서 사진에 마우스를 가져다 놓으면 사진이 자동적으로 커지게 보이는 것을 말합니다.

이것은 포스팅 및 페이지에도 사용을 할 수 있습니다.
저는 페이지에서 사용하는 법을 위주로 해 보겠습니다.

먼저 워드프레스 The7테마는 비주얼 컴포저를 사용하고 있습니다.
손쉽게 워드프레스를 만들 수 있다는 장점과 한편으로는 좀 무겁다는 단점의 양날의 칼을 가지고 있습니다.

우선 줌 이미지를 어디에 놓을지를 결정한 다음에 페이지를 열어주세요.
그러면 비주얼 컴포저가 자동적으로 뜹니다.

그 중에서 Add Element를 클릭합니다.
그러면 수많은 Element 가 나옵니다. 이 중에서 single images를 클릭을 합니다.

Single Images Element를 클릭하시면 맨 먼저 나오는 것이 타이틀입니다.
이것을 굳이 적지 않아도 나중에 타이틀을 위한 Element 이 있기 때문에 그리 추천은 하지 않습니다.

그리고 밑으로 내려 오시면 줌 이미지를 위한 이미지를 업로드 하시는 란이 나옵니다.
워드프레스에 올려진 이미지를 선택하시거나 또 다른 이미지를 새롭게 올릴 수 있습니다.

밑으로 내려오시면 Image style이 나옵니다.
이곳은 워드프레스에 비추어질 이미지 형태를 결정하는 곳입니다.
라운드와 서클 그리고 아웃라인 등 여러가지 모양을 있으며 본인의 취향에 맞게 결정을 하시면 되겠습니다.

그리고 마지막으로 On click action 이 나옵니다.
여기에서는 이미지를 마우스로 클릭을 했을 때 어떻게 작용을 하느냐 설정을 하는 곳입니다.
줌 이미지 설정을 하는 곳이 여기에 있습니다.
다섯가지가 있으며 밑에서 두번째에 있습니다.

마지막으로 CSS Animation 가 있습니다.
이것은 줌 이미지의 Element의 다이나믹하게 보일 수 있도록 설정을 할 수 있습니다.

#워드프레스 #the7 #the7사용법 #the7테마 #the7테마사용법 #워드프레스the7 #워드프레스사용법 #the7테마줌이미지사용법

이카루스
이카루스
자신의 본성이 어떤 것이든 그에 충실 하라. 자신이 가진 재능의 끈을 놓아버리지 마라. 본성이 이끄는 대로 따르면 성공할 것이다. - 시드니 스미스 -