플러그인을 사용하여 프런트엔드에서 WordPress 이미지를 업로드하는 방법

웹사이트에 대해 이야기할 때 가장 중요한 것 중 하나는 이미지 업로드입니다. 이미지는 기본적으로 사이트의 스타일을 제공하는 요소이기 때문입니다. 이미지가 없으면 사이트가 너무 오래되어 보이거나 원하는 수의 고객/사용자를 확보하지 못할 수 있습니다.

이 외에도 프런트엔드에서 사용자에게 이미지를 업로드할 수 있는 기능을 제공하면 사용자가 원하는 문서나 사진을 다운로드할 수 있게 되어 많은 이점을 얻을 수 있습니다. 예를 들어 프로필에 사용할 수 있습니다.

이 글에서는 우리가 원하는 것을 달성할 수 있게 해주는 몇 가지 플러그인을 평가해보겠습니다.

플러그인을 사용하여 프런트엔드에서 WordPress 이미지를 업로드하는 방법

여기서는 여러 유형의 플러그인을 사용하여 WordPress 이미지를 업로드하는 여러 가지 방법에 대해 살펴보겠습니다.

Form Plugin을 사용하여 프런트엔드에 파일 업로드

가장 빠르고 접근성이 좋은 방법 중 하나는 양식 플러그인을 사용하는 것입니다. 이는 예를 들어 사용자가 이미지를 사용하여 문서나 유용한 정보를 업로드해야 하는 연락처 양식을 만들어야 할 때 유용합니다.

파일 업로드 필드가 있는 양식을 만들 수 있는 플러그인이 많이 있는데, 그 중 하나인 Contact Form 7을 사용하면 프런트엔드에서 사이트에 파일을 무료로 업로드할 수 있습니다.

따라서 사용자가 프런트엔드에서 파일을 업로드할 수 있도록 양식을 사용하려면 먼저 양식을 만들어야 합니다. 플러그인을 설치한 후 연락처 > 새로 추가로 .

이 화면에는 각 필드에 대한 단축 코드가 포함된 HTML 태그가 있으며, 기본적으로 기본 필드가 포함된 양식이 생성됩니다.

파일 업로드 필드를 추가하려면 필드를 추가할 위치를 클릭한 다음 사용 가능한 버튼/옵션에서 파일을 클릭합니다.

이렇게 하면 파일 업로드에 대한 제한을 설정할 수 있는 팝업이 열리고, 원하는 제한을 모두 추가한 후 마지막으로 태그 삽입을 .

이렇게 하면 양식 내용의 필드에 대한 단축 코드가 추가됩니다.

이제 원하는 만큼 양식을 사용자 정의하고, 다른 필드를 추가하거나, 원하는 경우 HTML과 CSS를 추가할 수 있습니다. 양식은 이러한 모든 종류의 사용자 정의를 허용합니다.

모든 작업이 완료되면 제목을 추가하고 '저장'을 .

이렇게 하면 게시물이나 페이지에 양식을 삽입하는 데 사용할 수 있는 단축 코드가 생성됩니다. 복사한 다음 페이지 편집기에서 단축 코드를 추가하는 데 사용할 수 있는 블록을 사용합니다. 이 경우 Gutenberg 편집기를 사용하여 단축 코드를 추가하는 방법을 살펴보겠습니다.

이제 이를 게시해야 하며, 추가한 필드와 파일 업로드 버튼이 있는 양식을 볼 수 있습니다.

여러분이 해야 할 일은 파일 선택을 클릭하고 PC의 폴더에서 파일(이 경우 이미지)을 선택하는 것뿐입니다.

제출을 클릭하면 작업이 완료되고, 이제 이미지가 귀하의 사이트에 표시될 것입니다.

이렇게 하면 사용자가 양식을 사용하여 업로드한 사람의 이름이나 이메일과 같은 다른 정보와 함께 사이트에 이미지를 업로드할 수 있습니다. 정말 간단하고 기능적입니다.

WordPress 파일 업로드 플러그인 사용

이제 일반적인 "이전" 방식을 살펴보았으니, 이 플러그인을 사용하여 이미지를 업로드하는 방법을 살펴보겠습니다. 이 플러그인을 사용하면 다른 정보를 입력하거나 양식을 전혀 만들지 않고도 모든 게시물이나 페이지에 파일 업로드 옵션을 삽입할 수 있습니다.

우선, "WordPress 파일 업로드" 플러그인을 설치해야 합니다. 이를 통해 파일 업로드 옵션을 만드는 데 필요한 모든 옵션이 제공됩니다.

사이트에서 이 플러그인을 활성화하면, 이를 사용하여 업로드한 모든 파일을 확인할 수 있는 메뉴 옵션을 볼 수 있어야 합니다.

이를 사용하려면 [wordpress_file_upload] . 이 경우 짧은 코드를 추가한 정보가 담긴 게시물이 있으므로 Gutenberg 편집기와 프런트엔드에서 어떻게 보일지 확인할 수 있습니다.

구텐베르크 에디터

프런트엔드

이제 업로드 양식이 추가되었으므로 "파일 선택"을 클릭하여 PC 파일을 탐색하고 마지막으로 "파일 업로드"를 클릭하기만 하면 됩니다.

이 버튼을 클릭하면 사용자가 사이트에 이미지나 파일을 업로드할 수 있으며, 가장 좋은 점은 플러그인 설정에서 이미지를 서버의 어느 위치에 업로드할지 직접 선택할 수 있고, 이미지의 모양과 양식에 대한 여러 다른 설정도 선택할 수 있다는 것입니다.

업로드를 확인할 수 있는 주요 장소는 관리자 대시보드의 왼쪽 메뉴에 있는 "파일 업로드" 옵션입니다. 이는 업로드된 모든 파일이 표시되는 플러그인의 메인 페이지입니다.

보시다시피, 백엔드에 단축 코드를 붙여넣고 사용자가 파일을 업로드할 때까지 기다리는 것보다 훨씬 더 큰 불편함 없이 사용자로부터 이미지를 얻을 수 있는 간편하고 기능적인 플러그인입니다.

WP Media Folder 사용하여 사용자 역할별 미디어 관리

보시다시피 사용자가 프런트엔드에서 이미지와 파일을 업로드할 수 있는 방법은 여러 가지가 있습니다. 하지만 이 경우 이미지가 "무작위"로 업로드될 수 있고, 업로드 위치를 정확히 제어할 수 없다는 문제가 있습니다. 전혀 걱정하지 마세요! WP Media Folder 해결책입니다.

WP Media Folder 미디어 라이브러리에 대한 액세스를 관리하는 데 사용되는 특수 도구가 있습니다. 이 도구는 누가 어디에 이미지를 업로드하는지 제어하거나 사용자가 다른 역할/사용자의 미디어를 보지 않고도 미디어 라이브러리에서 직접 자신의 미디어를 관리할 수 있도록 하려는 경우에 매우 유용합니다.

우선, WP Media Folder설치해야 합니다. 이 플러그인을 사용하면 이 작업을 수행하는 데 필요한 모든 기능을 사용할 수 있습니다.

이제 설치를 완료했으니, 액세스를 제한하는 옵션을 활성화해야 합니다. 이를 위해 설정 > WP Media Folder WP Media Folder 볼 수 있습니다 .

이 섹션에서 액세스 및 디자인 > 미디어 액세스 .

이 섹션에서는 사용자 역할별로 미디어를 제한하고 각 사용자 역할에 전용된 폴더를 자동으로 생성하기 위해 사용자별 미디어 액세스 또는 사용자 역할 및 사용자 역할을 .

또한 경로 폴더를 선택하거나 역할/사용자가 다른 모든 사용자/역할 미디어를 볼 수 있도록 허용하는 등 더 많은 옵션도 있습니다.

이제 특정 사용자 역할만이 자신의 미디어를 편집할 수 있도록 하는 옵션을 활성화했습니다. 예를 들어 편집자 역할이 있고 이 역할에 속한 모든 사용자가 게시물과 페이지의 미디어를 보고 관리할 수 있도록 하려고 합니다.

우리가 선택한 옵션을 사용하면 이 모든 것이 가능해야 하므로, 이를 위해 우리가 해야 할 일은 편집자로 로그인하고 평소처럼 미디어를 업로드하는 것뿐입니다.

편집자로 로그인하면 이와 같이 미디어 라이브러리를 볼 수 있습니다.

보시다시피 미디어 라이브러리에는 "편집기"라는 폴더에 있다는 것을 알려주는 두 섹션이 있습니다. 미디어를 업로드하여 어떻게 작동하는지 확인해 보겠습니다.

업로드 프로세스는 평소와 똑같습니다. 프런트엔드 업로드 도구를 사용하거나 미디어 라이브러리를 사용하면 됩니다. 이 사용자 역할이 업로드하는 모든 내용은 자동으로 해당 사용자 역할로 제한됩니다.

WP Media Folder 사용하는 장점 중 하나는 +새 폴더 추가 사용하여 폴더를 만들 수 있다는 것입니다 .

미디어 라이브러리 아래에 편집자 폴더가 생성되었고, 그 안에 편집자 역할을 사용하여 만든 폴더가 있는 것을 확인할 수 있었습니다. 버튼을 클릭하는 것만큼 간단했습니다!

미디어 액세스 활성화했으므로 미디어 라이브러리에 액세스하고 이미지를 업로드하는 각 역할에 대한 폴더가 생성되고, 선택한 설정에 따라 동일한 역할에 속한 다른 사용자와 미디어를 공유하거나 공유하지 않을 수 있습니다. 또한 필터를 사용하여 미디어를 더욱 세부적으로 제어할 수도 있습니다 .

정말 멋진 기능이고 사용하기도 정말 쉽죠! 그렇지 않나요?

사용자가 가장 전문적인 방식으로 파일을 업로드할 수 있도록 허용하세요

이 게시물에서는 사용자가 가장 전문적인 방식으로 이미지를 업로드하고, 양식을 제출하거나 편집자가 미디어 라이브러리에서 자신만 볼 수 있는 공유 폴더를 만드는 등 각 상황에 맞춰 사이트를 조정하는 방법을 살펴보았습니다. 이게 전부가 아닙니다! WP Media Folder 미디어 라이브러리를 클라우드 서비스에 연결하는 등 더 많은 작업을 수행할 수 있습니다 . 정말 멋지지 않나요?

WP Media Folder 와 액세스 제한 에 대한 자세한 내용은 여기에서 !