Pixabay 이미지 사용하기

무료 이미지를 제공한 Pixabay 서비스를 이용하는 경우가 많습니다. 무료로 이미지 사용이 가능하지만, 다음과 같은 제약 사항이 있습니다.

  • 초상권, 브랜드 등은 별도의 라이선스가 적용되므로 이미지 이용에 유의하여야 합니다.
  • 이미지의 재배포 또한 금지되어 있습니다.

이미지를 사용하기 위해서는 사이트를 직접 방문 등 복잡한 절차를 걸쳐 이용해야 하지만 플러그인을 활용하면 번거로운 절차 없이 워드프레스 관리자 화면에서 이미지 검색 및 적용이 가능합니다.

A) Pixabay Images 플러그인 설치하기

1. 어드민 접속

브라우저에서 워드프레스 관리자 페이지로 접속합니다.

  • 예) http://고객님사이트/wp-admin/

2. 어드민 로그인

관리자 아이디와 비밀번호를 이용하여 로그인합니다.

① 워드프레스 관리자 아이디를 입력합니다.
② 워드프레스 관리자 비밀번호를 입력합니다.
‘로그인’ 버튼을 클릭하여 워드프레스 관리자로 로그인합니다.

3. 플러그인 관리 메뉴

플러그인 설치를 위해 워드프레스 관리자 로그인 후 플러그인 관리 메뉴로 이동합니다.

① 왼쪽 관리 메뉴 중 ‘플러그인’ 메뉴를 클릭합니다.

4. 플러그인 추가

플러그인 새로 추가하기를 진행합니다.

‘플러그인’ 메뉴를 클릭합니다.
‘새로 추가하기’ 메뉴를 클릭합니다.

5. 플러그인 검색하기

플러그인 검색하기를 통해 ‘Pixabay Free Images’ 플러그인을 검색합니다.

‘플러그인 검색하기 …' 입력창을 클릭한 후 플러그인의 이름 ‘Pixabay Free Images’ 를 입력합니다.

6. 플러그인 설치

‘지금 설치하기’ 버튼을 클릭하여 플러그인을 설치합니다.

① 플러그인 검색창에 ‘Pixabay Free Images’ 를 입력하면 플러그인의 검색 결과가 표시됩니다.
② 검색 결과에 표시된 ‘Pixabay Free Images’‘지금 설치하기’ 버튼을 클릭하여 플러그인을 설치합니다.

7. 플러그인 활성화

플러그인 설치가 완료된 다음 플러그인을 활성화합니다.

① 플러그인 설치가 완료되면 버튼 이름이 ‘활성화’로 이름이 변경됩니다. ‘활성화’ 버튼을 클릭하여 플러그인을 활성화합니다.

8. 플러그인 활성화 확인

플러그인 설치와 활성화된 것을 확인 후 플러그인을 이용하여 무료 이미지 검색 및 다운로드를 할 수 있습니다.

① 플러그인이 활성화되면 ‘플러그인을 활성화했습니다.' 안내 메시지가 출력됩니다.
② 플러그인 목록에서 플러그인 활성화 안내 메시지가 출력되었다면 정상적으로 플러그인이 설치되었습니다.

B) Pixabay Free Images 사용하기

Pixabay Free Images 플러그인을 이용한 이미지 추가는 다음과 같은 단계를 통해 이용이 가능합니다.

  1. 이미지 검색 후 미디어 라이브러리에 추가하기
  2. 미디어 라이브러리에서 추가된 이미지를 콘텐츠에 추가하기

1. 미디어 라이브러리에 추가하기

Download Images 메뉴에서 이미지를 검색 후 검색 결과에서 내려받은 다음 미디어 라이브러리에 추가합니다.

‘미디어’ 메뉴를 클릭합니다.
‘Download Images’ 메뉴를 클릭합니다.
③ 표시된 이미지를 클릭하여 이미지 상세화면을 표시합니다.
④ 검색창에 필요한 이미지의 키워드를 입력하여 원하는 이미지를 찾을 수 있습니다.

⑤ 이미지 상세화면에서 ‘Download’ 버튼을 클릭하여 미디어 라이브러리에 추가합니다.
⑥ 다른 크기의 이미지도 내려받을 수 있습니다.

2. 이미지정보 확인

미디어 라이브러리에 추가된 이미지의 세부정보를 확인 할 수 있습니다.

① 이미지를 클릭하면 세부정보 화면이 표시됩니다.

‘이미지 편집하기’ 버튼을 클릭하여 이미지를 편집할 수 있습니다.
③ 이미지에 표시되는 설정 내용을 변경할 수 있습니다.

3. 특성 이미지 설정하기

콘텐츠에 특성 이미지를 다음과 같이 추가합니다.

‘특성 이미지 설정하기’ 영역을 클릭합니다.

② 미디어 라이브러리에서 원하는 이미지를 클릭합니다.
‘특성 이미지 설정하기’ 버튼을 클릭하여 특성 이미지로 추가합니다.

④ 미디어 라이브러리에서 선택한 이미지가 특성 이미지로 추가된 것을 확인 할 수 있습니다.

4. 구텐베르그에서 인라인 이미지 설정하기

콘텐츠 내용에 인라인 이미지를 다음과 같이 추가합니다.

① 콘텐츠 영역에서 마우스를 클릭하여 편집 도구 메뉴를 표시합니다. 표시된 편집 도구에서 더 보기 메뉴를 클릭합니다.
② 더 보기 메뉴에서 ‘인라인 이미지’ 를 클릭합니다.

③ 미디어 라이브러리에서 원하는 이미지를 클릭합니다.
‘선택하기’ 버튼을 클릭하여 인라인 이미지로 추가합니다.

⑤ 미디어 라이브러리에서 선택한 이미지가 인라인 이미지로 추가된 것을 확인 할 수 있습니다.

5. 엘리멘터에서 인라인 이미지 설정하기

콘텐츠 내용에 이미지를 다음과 같이 추가합니다.

① 이미지 위젯을 클릭하여 이미지를 추가할 영역으로 이동하여 위치시킵니다.

② 이미지 위젯을 클릭하여 왼쪽화면에 이미지 속성화면이 표시되도록 합니다.
‘이미지 선택’ 화면을 클릭하여 미디어 추가 화면을 표시합니다.

④ 미디어 라이브러리에서 표시되는 이미지 중에서 원하는 이미지를 선택합니다.
‘미디어 삽입’ 버튼을 클릭하여 이미지를 추가합니다.

⑥ 추가된 이미지가 이미지 위젯에 표시되는 것을 확인합니다.