한 번의 클릭으로 WordPress에서 Unsplash 이미지를 사용하는 방법

Unsplash는 프로젝트에 사용할 무료 이미지를 얻을 수 있는 최고의 온라인 장소 중 하나입니다. 저작자 표시가 필요하지 않고 고품질이며 매일 새로운 이미지가 추가되고 검색하기 쉽고 상상할 수 있는 거의 모든 주제에 대한 사진을 찾을 수 있습니다.

예제 게시물을 사용하여 작성한 대부분의 기사에는 Unsplash에서 가져온 이미지가 포함되어 있습니다. 그들은 놀라운 품질이지만 또한 매우 큰 파일입니다. 그들은 일반적으로 내 웹사이트에 사용할 수 있도록 몇 단계를 거쳐야 했습니다.

프로세스는 일반적으로 다음과 같았습니다. 브라우저에서 Unsplash로 이동하고 검색하거나 스크롤하고 각 개별 이미지를 랩톱에 다운로드하고 사진 편집 소프트웨어로 모든 이미지의 크기를 조정한 다음 WordPress에 업로드하여 내 프로젝트에서 사용합니다.

이제 이 프로세스를 단축할 수 있는 방법을 찾았습니다. 이제 다음과 같이 보입니다. WordPress에서 Unsplash를 선택하고 검색하거나 스크롤한 다음 원하는 이미지를 선택합니다. 이미지는 자동으로 크기가 조정되고 내 프로젝트에서 사용할 수 있는 WordPress 미디어 폴더에 배치되거나 자동으로 내 콘텐츠에 배치됩니다. 즉, 이제 클릭 한 번으로 WordPress에서 Unsplash 이미지를 사용할 수 있습니다. 다운로드가 없습니다. 크기 조정이 없습니다.

YouTube 채널 구독

인스턴트 이미지 – 한 번의 클릭으로 Unsplash 업로드

솔루션은 Instant Images라는 WordPress 보관소의 무료 플러그인입니다. 저장소에서 다운로드하거나 WordPress 플러그인 메뉴에서 검색할 수 있습니다.

활성화되면 Instant Images 라는 새 메뉴 항목이 미디어 메뉴에 추가됩니다. 여기에서 설정을 조정하거나 새 사진, 인기 있는 사진 또는 가장 오래된 사진을 보거나 사진을 검색할 수 있습니다. 이미지는 AJAX로 로드되므로 스크롤하는 동안 새 이미지가 표시됩니다(중독성일 수 있지만 다른 문제임). 화면 하단의 메뉴는 연결, 리뷰를 남기거나 FAQ를 볼 수 있는 링크를 제공합니다.

플러그인은 WordPress에 Unsplash 이미지를 추가하는 두 가지 방법을 제공합니다.

• 미디어 탭 내에서 – 현재 편집기와 Gutenberg 모두에서 작동합니다.
• 페이지 또는 게시물 내에서 – 이것은 현재 편집기 및 현재 WordPress 편집기를 활용하는 페이지 빌더와 함께 작동합니다.

인스턴트 이미지 설정

오른쪽 상단 모서리에 있는 설정 을 클릭하면 여러 설정 및 콘텐츠 영역이 있는 화면이 제공됩니다. Unsplash 설정 에는 최대 너비와 높이에 대한 이미지 크기 설정과 포스트 편집 화면에서 미디어 추가 버튼 옆에 있는 인스턴트 이미지 버튼을 숨기는 확인란이 포함됩니다. 나는 그것들을 기본값으로 두지만 이것은 이미지의 크기를 제어하는 ​​훌륭한 기능입니다.

새로운 기능 은 최근 두 업데이트에 대한 정보를 제공합니다. 플러그인 은 게시자별로 다른 플러그인을 나열하고 WordPress 보관소에서 설치할 수 있도록 버튼을 제공합니다. 이 화면을 닫으려면 오른쪽 상단 모서리에 있는 X 설정 버튼을 클릭합니다.

서버 권한 설정

대부분의 경우 문제 없이 이미지를 업로드할 수 있습니다. 두 가지 다른 설치를 시도했습니다. 첫 번째는 문제가 없었고 두 번째는 이미지를 업로드하지 않았습니다. 문제는 내 서버에 대한 권한 설정이었습니다. 권한은 341로 설정되었습니다. 최소한 755로 설정해야 합니다. cPanel을 사용하는 경우 서버의 wp-content/uploads 폴더에 있는 instant-images 폴더로 이동하고 권한 을 클릭합니다. 당신의 모습은 이와 다를 수 있습니다.

이미지를 가져오는 데 문제가 발생하면 서버 권한을 확인하십시오. 그것이 문제가 아니라면 FAQ에서 더 많은 문제 해결 정보를 확인하십시오. 문제가 많지는 않지만 권한을 설정해야했습니다.

미디어 라이브러리에 이미지 추가

미디어 라이브러리에 직접 이미지를 추가하려면 미디어 대시보드 메뉴에서 인스턴트 이미지 를 클릭합니다. New, Popular, Oldest를 선택하거나 검색을 통해 이미지를 찾을 수 있습니다. 스크롤하면 더 많은 이미지가 표시됩니다.

라이브러리에 추가할 이미지를 찾으면 이미지를 클릭합니다. 이미지 위로 마우스를 가져가면 해당 이미지에 대한 세부 정보를 편집할 수 있는 버튼, Unsplash에서 사진에 대한 링크가 있는 사진 작가의 썸네일, 이미지에 좋아요 표시할 수 있는 버튼 또는 Unsplash.com에서 이미지를 볼 수 있는 버튼이 표시됩니다.

톱니바퀴를 클릭하면 해당 이미지에 대한 이미지 세부 정보 편집이 열립니다. 여기에서 이름을 바꾸고 고유한 대체 텍스트를 추가하고 고유한 캡션을 추가할 수 있습니다.

이미지를 클릭하면 자동으로 미디어 라이브러리로 가져옵니다.

이미지를 가져온 후 이미지 크기가 조정되고 있다는 메시지가 표시됩니다.

한 번에 여러 이미지를 가져올 수 있습니다.

크기가 조정되고 미디어 라이브러리에 추가되면 녹색 확인 표시 아이콘이 표시됩니다.

이미지는 이제 내가 원하는 곳 어디에서나 사용할 수 있는 미디어 라이브러리에 있습니다.

검색은 해당 키워드를 사용하는 이미지 수를 제공합니다. 번호의 x를 클릭하면 검색 결과가 지워집니다. 키워드 또는 사진이 있는 신분증으로 검색할 수 있습니다. 사진 ID는 Unsplash.com에서 이미지를 찾았고 Instant Images를 사용하여 가져오려는 경우에 유용합니다.

게시물 및 페이지에 직접 이미지 추가

이미 미디어 라이브러리에 이미지를 추가했다면 정상적으로 사용할 수 있습니다. 아직 추가하지 않은 경우 먼저 미디어 라이브러리에 추가할 필요가 없습니다. Instant Images 라는 새로운 버튼이 WordPress 편집기에 추가되었습니다. 미디어 추가 버튼 옆에 있습니다.

이렇게 하면 새 이미지, 인기 있는 이미지 또는 가장 오래된 이미지를 스크롤하고 원하는 이미지를 검색할 수 있는 모달이 열립니다.

원하는 이미지를 클릭하면 크기 조정을 다운로드하는 과정이 진행됩니다. 프로세스가 완료되고 녹색 확인 표시가 나타나면 이미지를 편집할 수 있는 모달 내에서 새 화면이 열립니다. 여기에서 제목, 대체 텍스트, 캡션, 설명, 링크 URL, 정렬 및 크기를 볼 수 있습니다. 선택을 마치면 버튼을 클릭하여 콘텐츠에 이미지를 삽입합니다.

이미지는 미디어 라이브러리에서 선택한 것과 동일하게 게시물에 추가됩니다.

이 예에서는 중간 크기의 콘텐츠 내에 이미지를 추가하고 Align Left 속성을 부여했습니다.

이것은 Divi 플러그인이 아니지만 인스턴트 이미지 버튼은 WordPress 편집기를 사용하는 모든 Divi 모듈에서도 사용할 수 있습니다.

그러나 인스턴트 이미지 탭은 프런트 엔드 빌더에 추가되지 않습니다. 물론 인스턴트 이미지로 추가한 이미지를 포함하여 미디어 라이브러리에 추가한 이미지를 계속 사용할 수 있습니다.

Unsplash 이미지 라이센스

Unsplash의 사진은 라이선스로 인해 프로젝트에 이상적입니다. Unsplash의 모든 사진은 상업적 및 비상업적 목적으로 사용할 수 있습니다. 허가가 필요하지 않으며 Unsplash나 사진 작가에게 크레딧을 제공할 필요도 없습니다.

원하는 방식으로 사진을 다운로드, 배포, 복사 및 수정할 수 있습니다. Unsplash에 판매하거나 경쟁 서비스를 만들 수 없습니다.

마무리 생각

클릭 한 번으로 WordPress에서 Unsplash 이미지를 사용하는 방법을 살펴보겠습니다. Instant Images는 Unsplash 이미지를 WordPress로 가져오는 가장 쉬운 방법입니다. 이미지 최대 크기를 설정하는 기능과 이미지를 가져올 때 크기가 조정되는 기능이 마음에 듭니다. 이것은 프로젝트에 사용할 고품질 사진으로 미디어 라이브러리를 채우는 데 탁월합니다.

프로젝트에 고품질 사진이 필요한 경우 인스턴트 이미지를 사용하는 프로세스를 간소화하는 데 필요한 플러그인이 될 수 있습니다.

우리는 당신의 의견을 듣고 싶습니다. Instant Images – One Click Unsplash Uploads를 사용해 보셨습니까? 아래 의견에서 그것에 대해 어떻게 생각하는지 알려주십시오.

GoodStudio/Shutterstock.com을 통한 추천 이미지