Unsplash 이미지 사용하기

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

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

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

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

1. 어드민 접속

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

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

2. 어드민 로그인

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

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

3. 플러그인 관리 메뉴

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

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

4. 플러그인 추가

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

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

5. 플러그인 검색하기

플러그인 검색하기를 통해 ‘Instant Images – One Click Unsplash Uploads’ 플러그인을 검색합니다.

‘플러그인 검색하기 …' 입력창을 클릭한 후 플러그인의 이름 ‘Instant Images – One Click Unsplash Uploads’ 를 입력합니다.

6. 플러그인 설치

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

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

7. 플러그인 활성화

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

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

8. 플러그인 활성화 확인

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

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

B) Instant Images 사용하기

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

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

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

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

‘미디어’ 메뉴를 클릭합니다.
‘Instant Images’ 메뉴를 클릭합니다.
③ 표시된 이미지를 클릭하여 미디어 라이브러리에 추가합니다.
④ 검색창에 필요한 이미지의 키워드를 입력하여 원하는 이미지를 찾을 수 있습니다.
⑤ 설정값을 변경 할 수 있습니다.

⑥ 이미지의 업로드 크기 및 메뉴 표시 여부를 설정 할 수 있습니다.

2. 이미지정보 확인

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

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

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

3. 특성 이미지 설정하기

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

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

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

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

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

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

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

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

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

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

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

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

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

④ 미디어 추가 화면에는 ‘파일 업로드하기’ , ‘미디어 라이브러리’ , ‘Instant Images’ 탭 메뉴가 표시됩니다. Unsplash에서 제공하는 이미지를 사용하기 위해 ‘Instant Images’ 탭을 선택합니다.
⑤ 키워드 영역에서 필요한 이미지의 키워드를 입력합니다.
⑥ 검색 결과에서 표시되는 이미지 중에서 원하는 이미지를 선택합니다.

⑦ 선택된 이미지가 ‘미디어 라이브러리’에 추가된 것을 확인 할 수 있습니다. ‘미디어 삽입’ 버튼을 클릭하여 이미지를 추가합니다.

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