프로그래밍 없이 동적 웹사이트를 만드는 7가지 플러그인

비즈니스에 대한 기본 정보를 표시하는 것 이상의 기능을 수행하는 거의 모든 WordPress 사이트는 동적입니다. 동적 웹사이트를 구축할 때는 각 정보를 한 번만 생성하고 웹사이트의 여러 위치에 표시합니다.

예를 들어, 체육관 네트워크를 위한 웹사이트를 구축한다고 가정해 보겠습니다. 다양한 체육관, 트레이너 및 프로그램을 표시해야 합니다.

체육관

트레이너

프로그램

이를 수행하는 한 가지 방법은 일반 WordPress 페이지를 사용하고 종이에 메모하듯 각 페이지에 모든 정보를 작성하는 것입니다. 올바른 방법은 동적 콘텐츠를 사용하는 것입니다.

동적 콘텐츠를 사용하면 사용자 정의 글 유형과 필드를 사용하여 체육관 및 트레이너에 대한 정보를 저장합니다.

*관련 콘텐츠를 위한 사용자 정의 필드가 있는 체육관을 사용자 정의 글 유형으로 정의*

그런 다음 템플릿, 아카이브 및 쿼리를 사용하여 이 정보를 표시합니다.

과거에는 동적 웹사이트를 생성하려면 많은 사용자 정의 개발이 필요했습니다. 이제 프로그래머가 되거나 프로그래머를 고용할 필요 없이 다양한 플러그인 중에서 선택하여 동적 사이트를 생성할 수 있습니다.

각 플러그인을 평가하고 사용자 정의 데이터 구조(글 유형, 필드, 택소노미 등)를 생성하는 기능과 해당 데이터를 표시하는 옵션을 기준으로 그룹화했습니다.

이 모든 플러그인은 WPML과 호환됩니다.

Toolset	Crocoblock의 JetEngine 및 JetSmartFilters	ACF	Elementor Pro	Divi	Beaver Themer	Dynamic Content for Elementor
사용자 정의 데이터 구조(글 유형, 필드, 택소노미, 글 관계 등) 생성
예	예	예	아니요	아니요	아니요	아니요
코딩 없이 사용자 정의 콘텐츠를 동적으로 표시
예	예	아니요	예	예	예	예
동적 글 목록 생성
예	예	아니요	예	예	예	예
동적 목록 레이아웃 옵션
그리드, 표, 메이슨리, 콜라주, 글머리 기호 목록, 번호 매기기 목록, 완전한 사용자 정의 출력(슬라이더 포함)	그리드, 슬라이더, 목록, 캐러셀, 메이슨리, 목록 삽입, 지도, 캘린더	없음	그리드, 카드, 메이슨리, 전체 콘텐츠	그리드	그리드, 메이슨리, 갤러리, 목록	그리드, 캐러셀, 듀얼 캐러셀, 타임라인, 3D, 그리드에서 전체 화면 3D, 크로스로드, 슬라이드쇼
백엔드의 필터 옵션
예	예	없음	제한적	없음	제한적	제한적
프런트엔드의 사용자 정의 검색 및 필터 옵션
예	예	아니요	아니요	아니요	아니요	타사 플러그인 필요
바로 사용할 수 있는 템플릿 및 데모
아니요	Elementor 필요	아니요	예	예	예	아니요

코딩 없이 사용자 정의 콘텐츠를 생성하고 동적으로 표시하는 플러그인

이러한 플러그인은 사용자 정의 글 유형, 필드, 택소노미와 같은 사용자 정의 데이터 구조를 생성한 다음, 다양한 출력으로 동적으로 표시하는 등 모든 작업을 수행할 수 있습니다. 사용자 정의 검색 옵션을 추가하여 사용자 정의 필드로 콘텐츠를 필터링할 수도 있습니다.

Toolset

Toolset은 완전히 사용자 정의된 동적 사이트를 구축하는 데 함께 작동하는 플러그인 제품군입니다.

Toolset은 Gutenberg의 블록 에디터를 기반으로 하므로 멋진 사이트를 구축하는 데 필요한 것은 WordPress와 Toolset뿐입니다. Toolset을 사용하면 코딩 없이 사이트의 디자인과 기능을 완벽하게 제어할 수 있습니다.

Toolset을 사용하면 다음을 수행할 수 있습니다.

사용자 정의 유형, 필드, 택소노미 및 글 관계로 사이트 구조 정의

목록, 그리드, 콜라주, 메이슨리 또는 지도를 통해 사이트의 모든 위치에 콘텐츠 표시

직관적이고 강력한 블록을 사용하여 콘텐츠 템플릿 및 아카이브 구축

사이트의 스타일을 세세한 부분까지 미세 조정

동적 글 목록 및 아카이브를 위한 사용자 정의 검색 및 필터링 옵션 생성

완전히 사용자 정의된 동적 WooCommerce 상품 템플릿 및 상점 페이지 생성

Toolset의 동적 소스 기능은 널리 사용되는 다른 블록 플러그인과 완벽하게 통합됩니다. 따라서 사용하는 도구에 관계없이 사이트에 동적 기능을 쉽게 추가할 수 있습니다.

Toolset은 디렉토리, 전자 상거래, 부동산, 비즈니스, 멤버십 사이트 등 모든 유형의 사이트를 구축하는 데 도움이 됩니다. 또한 모든 유형의 사이트를 구축하기 위한 동영상과 단계별 지침이 포함된 다양한 무료 코스를 제공합니다.

Crocoblock의 JetEngine 및 JetSmartFilters 플러그인

사이트를 구축할 때 이미 Elementor Pro를 사용하고 있다면, Crocoblock 플러그인을 추가하여 사이트에 동적 기능을 제공할 수 있습니다.

Crocoblock의 플러그인 중 두 가지는 웹사이트에 동적 콘텐츠를 추가하기 위한 JetEngine과 동적 글 목록에 대한 프런트엔드 필터를 추가할 수 있는 JetSmartFilters입니다.

Crocoblock의 플러그인을 사용하면 다음을 수행할 수 있습니다.

사용자 정의 유형, 필드, 택소노미 및 콘텐츠 유형을 생성하고 표시합니다.
지도 또는 캘린더에 항목을 동적으로 표시합니다.
글 관계를 생성하여 다른 관련 콘텐츠를 표시합니다.
다양한 프런트엔드 필터 옵션 중에서 선택합니다.
북마크, 비교 표 및 위시리스트와 같이 사용자가 생성한 글 컬렉션을 만듭니다.

Crocoblock의 플러그인은 Elementor와 파트너 관계를 맺고 있으므로, Elementor의 전체 템플릿 및 사이트 키트 라이브러리를 활용하여 영감을 얻고 시작할 수 있습니다. 하지만 Crocoblock은 Gutenberg 블록 에디터와도 호환되므로 원하지 않는다면 Elementor를 사용할 필요가 없습니다.

사용자 정의 콘텐츠만 생성하는 플러그인

일부 플러그인은 사용자 정의 콘텐츠를 생성하는 데 도움이 될 수 있지만, 사이트에 이러한 필드를 표시하려면 다른 플러그인과 함께 사용하거나 사용자 정의 코딩을 사용해야 합니다.

Advanced Custom Fields

Advanced Custom Fields를 사용하면 사이트 전체에 콘텐츠를 동적으로 표시하는 데 필요한 데이터 구조를 생성할 수 있습니다.

ACF를 사용하면 다음을 수행할 수 있습니다.

페이지 및 글에 사용자 정의 필드와 메타 상자를 추가합니다.
글 관계를 생성합니다.
데이터베이스의 옵션 테이블에 데이터를 생성하고 저장합니다. 즉, 데이터가 특정 글이나 페이지에 연결되지 않으므로 나중에 머리글과 바닥글에 표시할 콘텐츠를 생성하는 데 유용한 옵션입니다.

ACF는 콘텐츠 구조를 설정하는 데만 제한됩니다. 사이트의 프런트엔드에 동적 콘텐츠를 표시하려면 PHP를 알거나 호환되는 플러그인을 사용해야 합니다.

콘텐츠를 동적으로만 표시하는 플러그인

표시할 콘텐츠를 이미 생성했거나 ACF 또는 Toolset과 같은 다른 플러그인을 사용하여 사용자 정의 콘텐츠를 생성하는 경우, 이러한 플러그인을 사용하여 사이트의 다양한 위치에 콘텐츠를 동적으로 표시할 수 있습니다.

페이지 빌더: Elementor Pro, Divi 및 Beaver Themer

페이지 빌더는 자체적으로 몇 가지 기본적인 동적 기능을 제공합니다.
Elementor Pro 및 Divi에는 내장된 동적 기능이 함께 제공되며, Beaver Themer는 Beaver Builder 플러그인에 동적 기능을 추가하는 확장 프로그램입니다.

Elementor Pro의 동적 부동산 데모 단일 글 템플릿

Divi의 동적 블로그 모듈 데모

Beaver Themer의 갤러리 레이아웃 동적 블로그 데모

이러한 페이지 빌더를 사용하면 다음을 수행할 수 있습니다.

동적 단일 글 또는 상품 템플릿을 생성합니다.
기본 아카이브 템플릿을 생성하고 기본 상품 아카이브를 사용자 정의합니다.
동적 머리글 및 바닥글을 생성합니다.
글 위젯(Elementor Pro), 블로그 모듈(Divi) 또는 글 모듈(Beaver Themer)에 동적 글 목록을 표시합니다.
Elementor Pro 및 Beaver Themer를 사용하면 그리드, 카드, 메이슨리, 전체 콘텐츠 또는 갤러리와 같은 다양한 동적 목록 레이아웃 중에서 선택할 수 있습니다. Divi는 그리드 레이아웃으로 제한됩니다.

디자이너가 아니더라도 이러한 모든 페이지 빌더 옵션은 바로 사용할 수 있는 다양한 템플릿과 다운로드 가능한 참조 사이트를 제공합니다. 이는 영감을 얻을 수 있는 훌륭한 출처가 되거나 사용자 정의를 위한 탄탄한 출발점이 될 수 있습니다.

Dynamic Content for Elementor

Dynamic Content for Elementor는 Elementor Pro에서 제공하는 기본 동적 사이트 기능을 확장합니다.

Dynamic Content for Elementor의 강점은 동적 글 목록을 표시할 때 제공되는 광범위한 레이아웃 옵션에 있습니다. 다음 레이아웃 중에서 선택할 수 있습니다.

그리드
캐러셀
듀얼 캐러셀
타임라인
3D
그리드에서 전체 화면 3D
크로스로드
슬라이드쇼

이 플러그인을 사용하려면 Elementor가 필요하며, 기본 글 및 표준 필드 외에 다른 항목을 표시하려면 사용자 정의 콘텐츠를 생성할 수 있는 플러그인(ACF 또는 Toolset Types 등)이 추가로 필요합니다. 사용자 정의 검색 옵션을 추가하려면 타사 플러그인인 Search and Filter Pro가 필요합니다.

다국어 사이트에서 더욱 중요한 동적 콘텐츠

동적 콘텐츠는 단일 언어 사이트에도 유용하지만 다국어 사이트에서는 필수적입니다. 매우 작은 사이트의 경우 일반 “페이지”에서 콘텐츠를 관리하고 번역을 수동으로 업데이트할 수 있습니다. 하지만 여러 언어를 지원하는 대규모 사이트를 구축하는 경우에는 각 정보를 한 번만 번역해야 합니다.

다국어 사이트를 동적으로 구축하면 각 “체육관”과 “트레이너”를 한 번만 번역하게 됩니다. 템플릿, 뷰 및 아카이브가 각 언어에 맞는 올바른 정보를 로드합니다.

직접 사용해 보고 의견을 알려주세요!

콘텐츠가 지속적으로 변경되는 사이트를 유지 관리하는 경우, 동적 사이트를 구축하면 많은 이점을 얻을 수 있습니다. 사용자 정의 콘텐츠를 생성하거나, 필요한 곳에 콘텐츠를 동적으로 표시하거나, 이 두 가지를 코딩 없이 모두 수행할 수 있는 다양한 플러그인 덕분에 동적 사이트 생성이 그 어느 때보다 쉬워졌습니다!

현재 WPML 고객은 Toolset 라이선스 30% 할인을 포함하여 이 글에서 다루는 일부 플러그인에 대해 할인을 받을 수 있습니다. 자세한 내용은 WPML 계정에 로그인하여 제안 페이지를 방문하세요.

주로 정적 사이트를 구축하시나요, 아니면 동적 사이트를 구축하시나요? 언급된 플러그인의 동적 기능을 이미 사용 중이신가요? 댓글로 의견을 남겨주세요!