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

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

이 외에도 프론트엔드에서 사용자에게 이미지 업로드 기능을 제공하면 여러 이점을 얻을 수 있습니다. 예를 들어 프로필에 사용할 수 있는 문서나 이미지를 다운로드할 수 있도록 허용하는 등의 이점이 있습니다.

이 게시물에서는 우리가 원하는 것을 달성할 수 있는 몇 가지 플러그인을 평가합니다.

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

여기서는 여러 유형의 플러그인을 사용하여 WordPress 이미지를 업로드하는 여러 방법에 대해 설명합니다.

폼 플러그인을 사용하여 프론트엔드에서 파일 업로드

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

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

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

이 화면에서 각 필드의 쇼트 코드가 있는 일부 HTML 태그가 내부에 있으며 기본적으로 기본 필드가 있는 양식이 생성됩니다.

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

이렇게 하면 팝업이 열리고 파일 업로드에 대한 제한을 설정하고 원하는 모든 제한을 추가한 다음 마지막으로 태그 삽입

이렇게 하면 양식 콘텐츠의 필드에 대한 숏코드가 추가됩니다.

이제 원하는 대로 양식을 사용자 정의하고 다른 필드를 추가하거나 HTML 및 CSS를 추가할 수 있습니다. 양식에서 이러한 종류의 사용자 지정을 모두 허용하기 때문입니다.

모든 작업이 완료되면 제목을 추가하고 저장을 클릭합니다.

이렇게 하면 게시물이나 페이지에 폼을 삽입하는 데 사용할 수 있는 쇼트코드가 생성되며, 이를 복사하여 페이지 편집기에서 사용할 수 있는 블록을 사용하여 쇼트코드를 추가할 수 있습니다. 이 경우에는 Gutenberg 편집기에서 추가하는 방법을 살펴보겠습니다.

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

파일 선택을 클릭하고 이 경우 PC의 폴더에서 이미지 파일을 선택하기만 하면 됩니다.

제출을 클릭하면 완료되고 이미지가 이제 사이트에 있어야 합니다.

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

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

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

먼저 "WordPress File Upload" 플러그인을 설치해야 합니다. 이 플러그인은 파일 업로드 옵션을 만드는 데 필요한 모든 옵션을 제공합니다.

이 플러그인을 사이트에서 활성화한 후에는 이를 사용하여 업로드한 모든 파일을 확인할 수 있는 메뉴 옵션이 표시됩니다.

사용하려면 쇼트코드 [wordpress_file_upload] 를 표시하려는 위치에 추가하기만 하면 됩니다. 이 경우 일부 정보가 준비된 게시물이 있으며, 여기에 쇼트코드를 추가하여 Gutenberg 편집기 및 프론트엔드에서 어떻게 보이는지 확인할 수 있습니다.

Gutenberg 에디터

프론트엔드

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

이 버튼을 클릭하면 사용자가 사이트에 이미지 또는 파일을 업로드할 수 있으며 가장 좋은 점은 플러그인 설정에서 서버의 이미지 업로드 위치를 직접 선택할 수 있을 뿐만 아니라 양식의 모양 및 기타 많은 설정도 선택할 수 있다는 것입니다.

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

쉽고 기능적인 플러그인으로 백엔드에서 쇼트코드를 붙여넣고 사용자가 파일을 업로드하기를 기다리는 것 이상의 큰 번거로움 없이 사용자로부터 이미지를 얻을 수 있습니다.

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

우리가 볼 수 있듯이 사용자들이 프론트엔드에서 이미지 및 파일을 업로드할 수 있는 많은 방법이 있지만, 그러한 경우에 문제는 이미지가 "무작위로" 업로드될 수 있고, 어디에 업로드되는지에 대한 정확한 제어가 없다는 것입니다. 전혀 걱정하지 마십시오! WP Media Folder 이 구조하러 왔습니다.

WP Media Folder는 미디어 라이브러리에 대한 액세스를 관리하는 데 특화된 도구를 가지고 있어, 이미지 업로드 위치 제어 및 사용자가 다른 역할/사용자의 미디어를 볼 수 없으면서도 미디어 라이브러리에서 자신의 미디어를 직접 관리할 수 있도록 허용하는 데 매우 유용합니다.

먼저 WP Media Folder를 설치해야 합니다. 이 플러그인을 사용하면 사용 가능한 모든 기능을 사용할 수 있습니다.

설치가 완료되면 액세스를 제한하는 옵션을 활성화해야 합니다. 이를 위해 설정 > WP Media Folder으로 이동하면 WP Media Folder 메인 구성 페이지를 볼 수 있습니다.

이 섹션에서 액세스 및 디자인 > 미디어 액세스로 이동합니다.

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

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

이제 사용자 역할이 자신의 미디어만 편집할 수 있도록 옵션을 활성화했으므로 편집자 역할이 있다고 가정해 보겠습니다. 이 역할에 속한 모든 사용자가 게시물 및 페이지에 대한 미디어를 보고 관리할 수 있기를 원합니다.

우리가 선택한 옵션으로 인해 이 모든 것이 가능해져야 합니다. 그러니 한번 살펴보겠습니다. 이를 위해선 편집자로 로그인하여 일반적으로 하는 것처럼 미디어를 업로드하기만 하면 됩니다.

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

보시다시피 미디어 라이브러리에 두 개의 섹션이 있습니다. 여기에서 우리가 "editor"라는 폴더 안에 있음을 알 수 있으니 미디어를 업로드하여 어떻게 작동하는지 확인해 보겠습니다.

업로드 프로세스는 평소와 동일하며 프론트엔드 업로드 도구를 사용하거나 미디어 라이브러리를 사용하면 사용자가 업로드한 모든 콘텐츠는 사용자 역할에 따라 자동으로 제한됩니다.

사용의 장점 중 하나WP Media Folder는 이 역할(및 wp-admin에 액세스할 수 있는 다른 모든 역할)이 +새 폴더 추가 버튼을 사용하여 폴더를 생성할 수 있다는 것입니다.

미디어 라이브러리 아래에 편집자 폴더가 생성되었으며 내부에는 편집자 역할을 사용하여 생성한 폴더가 있으며 버튼 클릭만큼 쉬웠습니다!

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

정말 사용하기 쉬운 멋진 기능이에요! 그렇죠?

사용자가 가장 전문적인 방법으로 파일을 업로드하도록 허용

이 게시물에서 우리는 사용자들이 가장 전문적인 방법으로 이미지를 업로드하도록 허용하는 방법과 각 경우에 사이트를 적용하는 방법을 볼 수 있었습니다. 예를 들어 양식을 제출하거나 편집자가 공유 폴더를 만들 수 있도록 허용하여 미디어 라이브러리에서만 볼 수 있도록 하는 것입니다. 그리고 이것은 전부가 아닙니다! WP Media Folder을 사용하면 . 멋지죠?

자세한 내용은 WP Media Folder 및 액세스 제한을 참조하십시오 여기!