상위 10개 오픈 소스 WordPress 테마 프레임워크

WordPress 테마 및 사이트를 구축할 때 여러 가지 방법이 있습니다. 전체 코드를 처음부터 직접 작성하거나 기성품 테마를 사용자 정의하거나 WordPress 테마 프레임워크 에 의존할 수 있습니다. 이 포스트에서는 후자에 초점을 맞추고자 합니다. 프레임워크를 사용하면 코드보다 디자인에 집중할 수 있으므로 웹 개발 프로세스를 쉽게 수행할 수 있습니다. 다시 말해 가장 어려운 작업은 시작하기도 전에 이미 완료되었습니다.

프레임워크는 많은 시간과 노력을 절약할 수 있지만 이에 대한 의견은 대상 산업의 당국마다 다릅니다.

테마 프레임워크를 사용하는지 여부는 전적으로 귀하에게 달려 있습니다. 이 엔진을 사용해 보기로 결정했다면 이 오픈 소스 WordPress 테마 프레임워크 세트가 귀하의 사업에 도움이 될 것입니다. 개인의 필요에 맞는 기능을 갖춘 제품을 선택하십시오.

TemplateMonster의 체리 프레임워크

이 게시물에 소개된 첫 번째 오픈 소스 도구는 Bootstrap으로 구동되는 Cherry Framework 입니다. 얼마 전에 출시된 최신 버전인 4.0은 비교적 짧은 기간 동안 웹 개발자들로부터 많은 긍정적인 평가를 받았습니다.

Cherry 4.0을 사용하면 불필요한 옵션을 모두 끌 수 있으므로 웹 사이트를 구축하는 동안 주의를 산만하게 하는 것이 없습니다. 이러한 기능은 대부분의 프레임워크에 없지만 편안한 사용을 위해서는 반드시 있어야 합니다.

체리 프레임워크 주요 기능:

• 독립 모듈 구조 를 사용하면 Cherry 구성 요소를 독립 실행형 도구로 사용할 수 있습니다. Automattic의 Tom J. Nowell에 따르면 이것이 모든 프레임워크에 있어야 하는 것입니다.
• 다중 단축 코드 변형 은 사이트에 다양한 유형의 콘텐츠를 포함하는 데 도움이 됩니다.
• 단축 코드 템플릿 편집기 는 단축 코드에 대한 템플릿을 작성하고 요소의 순서, 속성 등을 변경하여 사용자 정의하기 위한 것입니다.
• Static Area Builder 를 사용하면 머리글과 바닥글 전체에서 정적 페이지 요소의 기본 위치를 수정할 수 있습니다. 해당 요소를 끌어다 놓기만 하면 가능합니다.
• CSS Miniifier 는 여러 CSS 파일을 하나로 컴파일하고 나중에 압축하여 웹사이트를 더 빠르게 로드하도록 설계된 혁신적인 도구입니다.
• 백업 옵션 은 방금 도입한 변경 사항이 마음에 들지 않을 때마다 이전 설정을 복원하는 데 유용합니다.
• 여러 플러그인 이 Cherry에 통합되어 다양한 목적을 위한 빠른 솔루션을 제공합니다. 몇 가지 예를 들면 슬라이드쇼, 사이드바, 메가 메뉴 및 후기, 서비스, 팀 및 포트폴리오에 대한 게시물 유형을 추가하기 위한 플러그인이 있습니다.
• 타사 도구와의 호환성을 통해 사이트에 추가 기능을 제공할 수 있습니다.
• Responsive & WPML-Ready 는 데스크탑과 휴대용 장치 모두에서 완벽하게 작동할 수 있는 다국어 사이트를 생성할 수 있게 해주기 때문에 오늘날 필수 기능입니다.

ThemeHybrid의 하이브리드 코어

Hybrid Core는 너무 많이 코딩하지 않고도 복잡한 기능으로 테마를 구축할 수 있는 시작하기 쉬운 프레임워크입니다. 대신 테마에 미리 코딩된 기능을 포함할 수 있습니다. 이 프레임워크는 Schema 표준과 호환되므로 데이터를 SEO 친화적으로 만들 수 있습니다. 또한 Hybrid Core는 다음과 같은 개발자 친화적인 기능으로 채워져 있습니다.

하이브리드 코어 주요 기능:

• Breadcrumbs 스크립트 는 사용자 정의 게시물 유형 및 분류를 포함한 모든 유형의 페이지에서 잘 수행됩니다.
• Cleaner Gallery 는 잘못된 HTML을 수정하고 이미지 갤러리를 완전히 제어할 수 있는 단축 코드입니다.
• Media Grabber 를 사용하면 게시물에서 바로 가져올 수 있는 추천 미디어를 만들 수 있습니다.
• 게시물 템플릿 은 다양한 게시물 유형에 대한 맞춤형 템플릿을 구축하는 데 유용합니다. 페이지 템플릿에 멋진 추가 기능입니다.
• 번호 매기기 는 검색, 블로그 및 아카이브 페이지에 대해 페이지가 매겨진 링크를 구축할 수 있음을 의미합니다. 기능면에서 표준 "이전/다음" 링크를 초과합니다.
• Translation-Friendliness 를 사용하면 번역 파일을 상위 및 하위 테마에 자동으로 로드할 수 있습니다.

RocketTheme의 갠트리

Gantry 는 RocketTheme 전문가가 테마에 사용된 여러 기능을 단일 프레임워크로 병합하기 위해 개발했습니다. 반응형 그리드 시스템을 기반으로 하는 이 경량 프레임워크는 SCSS, CSS 및 LESS를 지원합니다. 최신 버전인 Gantry 5의 주요 기능을 살펴보십시오.

갠트리 주요 기능:

• 레이아웃 관리자 를 사용하면 드래그 앤 드롭으로 레이아웃을 쉽게 만들고 사용자 지정할 수 있습니다.
• 파티클 시스템 을 사용하면 콘텐츠 블록을 손쉽게 생성, 구성 및 관리할 수 있습니다.
• Visual Menu Editor 를 사용하면 메뉴 계층 구조를 구성하고 여기에 파티클과 아이콘을 추가하는 등의 작업을 수행할 수 있습니다.
• 메가 메뉴 는 표준 드롭다운 메뉴 외에 고급 탐색 기능을 제공하기 위한 것입니다.
• 관리 인터페이스 는 Ajax에 의해 구동되어 웹사이트 백엔드를 매우 빠른 속도로 처리합니다.
• Twig 템플릿 시스템 을 사용하면 강력한 테마를 쉽게 개발할 수 있습니다.

위에서 언급한 기능 외에도 YAML 기반 구성, 메가 메뉴 지원, 캔버스 외부 패널, 강력한 상속 기능 및 아이콘, 글꼴 및 이미지의 기본 제공 선택기를 주목할 가치가 있습니다.

Parallelus의 활주로

Runway 는 WordPress 테마 개발을 용이하게 하기 위한 오픈 소스 솔루션입니다. 그것의 도움으로, 당신은 당신의 테마를 프레임워크와 독립적으로, 즉 독립형으로 배포할 수 있습니다.

Runway는 또한 제3자의 개입 없이 테마를 자신만의 아이디어로 표현할 수 있는 화이트 라벨 도구입니다. 아래에서 주요 프레임워크의 기능과 기능을 확인하세요.

활주로 주요 기능:

• 하위 테마 생성기 는 테마를 빌드, 사용자 정의 및 복제하기 위한 것입니다. 사용자 정의 측면에서 이름, 설명, 관리자 메뉴, 폴더 등을 변경할 수 있습니다.
• 테마 옵션 빌더 는 관리 페이지를 만들고 테마 옵션을 그룹화하고 특정 기능에 대한 사용자 정의 입력 유형을 생성하는 데 도움이 됩니다. 이 도구는 끌어서 놓기, 클릭 및 선택 컨트롤과 함께 제공됩니다.
• 모듈식 구조 를 사용하면 확장을 통해 프레임워크에 새로운 기능을 제공할 수 있습니다. 클릭 한 번으로 추가할 수 있습니다.

Jonny Allbut의 Wonderflux

우리 컬렉션에 나열된 다음 오픈 소스 프레임워크는 Wonderflux 입니다. 잘 코딩된 이 솔루션은 결과의 효율성을 손상시키지 않으면서 많은 시간을 절약하는 데 도움이 될 수 있습니다. Wonderflux가 사용자에게 제공하는 내용을 읽어보십시오.

Wonderflux 주요 기능:

• 반응형 CSS 레이아웃 시스템 은 사용자 정의 테마를 모든 화면에 원활하게 적용할 수 있도록 합니다.
• 유연한 레이아웃 옵션 은 즉시 필터링, 변경 또는 완전히 제거할 수 있습니다.
• 100개 이상의 후크 세트를 사용하면 거의 모든 유형의 콘텐츠와 코드를 테마에 포함할 수 있습니다.
• 간단한 관리 옵션 을 사용하면 사이트를 원하는 방식으로 쉽게 재구성할 수 있습니다.
• WordPress 플러그인과의 호환성 은 많은 추가 기능에 대한 액세스를 제공합니다.
• 유효한 마크업은 일반적으로 인정되는 웹 표준을 준수하며 이는 SEO에 유리한 요소입니다.

ThemeFuse의 유니슨

Unison 은 웹 개발자와 최종 사용자 모두를 위한 기능이 풍부한 프레임워크입니다. 웹사이트 프론트엔드를 쉽게 편집할 수 있도록 다양한 사용자 정의 옵션이 제공됩니다. 실시간 미리보기 옵션을 통해 관리자 패널에서 모든 변경 사항을 실시간으로 확인할 수 있습니다. 다음은 몇 가지 멋진 기능입니다.

유니슨 주요 기능:

• 드래그 앤 드롭 페이지 빌더 를 사용하면 콘텐츠 및 미디어 단축 코드를 통해 무제한 페이지를 만들 수 있습니다.
• 콘텐츠 데모 설치 는 데모에 표시된 대로 테마 콘텐츠를 정확히 설치할 수 있는 확장 프로그램입니다.
• 20개 이상의 옵션 유형 은 관리 페이지에 대한 상자, 탭 및 양식 입력을 생성하는 데 유용합니다.
• 사이드바 모듈 을 사용하면 동적 사이드바가 있는 페이지를 수정할 수 있습니다. 페이지마다 사이드바가 다를 수 있습니다.
• 자동 백업 은 WP 관리자 패널에서 바로 콘텐츠를 백업하는 옵션입니다. 매일, 매주, 매월 등 자동 백업 날짜를 설정할 수도 있습니다.
• Breadcrumbs Extension 은 웹사이트에서 이전에 방문한 장소를 표시하여 더 빠른 탐색에 기여합니다.
• 구현하기 쉬운 슬라이더 는 이미지 및 비디오 콘텐츠를 모두 지원합니다.

이것은 Unison 기능의 전체 목록이 아닙니다. 사실, 이 오픈 소스 WordPress 테마 프레임워크에는 SEO, 문의 양식, 이벤트, 포트폴리오, 리뷰 및 평가 제출을 위한 여러 모듈도 포함되어 있습니다. 또한 소셜 미디어 통합, Flickr 및 블로그 탭을 위한 사용자 정의 위젯이 있습니다.

보도자료

PressWork 는 HTML5 및 CSS3로 구축된 무료 WordPress 프레임워크입니다. 개발자, 디자이너, 퍼블리셔, 말 그대로 모든 사용자와 같은 다양한 범주의 사용자에 맞게 조정되었습니다. 아래에서 일부 PressWork 기능을 살펴보십시오.

PressWork 주요 기능:

• 프런트 엔드 편집기 를 사용하면 끌어서 놓기 기능을 통해 사이트의 시각적 측면을 변경할 수 있습니다.
• BriefCase 는 테마 기능을 확장할 수 있는 고급 플러그인 세트입니다. 따라서 프레임워크를 최대한 활용할 수 있습니다.
• 미디어 쿼리 를 사용하면 테마를 휴대용 장치의 화면으로 확장할 수 있으므로 최적의 시각적 경험을 제공할 수 있습니다.
• PSD 파일 은 특히 로고, 그래픽 요소 등을 수정하기 위해 Photoshop에서 테마를 사용자 정의하도록 설계되었습니다.

ThemeFortress의 몽상

Reverie는 블로그, CMS, 온라인 브로셔 또는 기타 모든 종류의 사이트를 구축하도록 설계된 다목적 WordPress 프레임워크입니다. 필요와 기술에 따라 스타터 또는 상위 테마로 사용할 수 있습니다. Reverie가 무엇인지에 대한 명확한 아이디어를 얻으려면 계속 읽으십시오.

몽상의 주요 기능:

• 프레임워크는 ZURB Foundation 에 의해 구동되며 모든 기능을 상속합니다.
• HTML5 및 hNews 마이크로포맷 은 더 명확한 구조와 더 나은 가독성을 제공합니다. HTML5 태그를 출력하려면 사용자 정의 WordPress 기능 을 사용할 수 있습니다.
• 미디어 쿼리 를 통해 스마트폰 및 태블릿과 같은 휴대용 장치에 맞게 테마를 쉽게 최적화할 수 있습니다.
• Reverie는 2개의 위젯 영역 과 2개의 사용자 정의 메뉴 만 제공하여 본질적으로 매우 미니멀합니다.
• 웹 페이지 스타일 지정과 관련하여 SCSS 와 일반 CSS 의 기능을 모두 활용할 수 있습니다.

Reverie는 SEO에 부분적으로만 최적화되어 있으므로 해당 용도로 별도의 플러그인을 사용하는 것이 좋습니다.

바프프레스

Vafpress는 도구 상자를 통합하여 WordPress 테마의 백엔드를 쉽게 구축할 수 있습니다. 프레임워크를 간단히 설명하자면 다음 도구를 나열하는 것이 좋습니다.

Vafpress 주요 기능:

• 스크립트 로드 관리 는 페이지가 필요한 스크립트만 로드하도록 합니다. 따라서 프론트 엔드는 프레임워크 프로세스로 과부하되지 않습니다.
• Vafpress 사용자는 TextArea, MultiSelect, CheckBox, RadioButton, Toggle, Sorter 등과 같은 여러 필드 를 사용할 수 있습니다.
• 테마 옵션 빌더 는 필드를 메뉴, 하위 메뉴 및 섹션으로 구성하는 데 도움이 됩니다. 빌더는 XML 형식 으로 작성하고 나중에 PHP 배열 로 변환할 수 있습니다.
• Metabox Builder 를 사용하면 PHP Array에 메타 상자를 작성할 수 있습니다.
• 반복 필드 그룹을 사용하여 임의의 발생 횟수로 일부 필드를 정의할 수 있습니다.

밑줄

우리 세트에 포함된 마지막 도구는 밑줄 입니다. 일부 전문가는 이를 프레임워크라고 부르고 다른 전문가는 시작 테마라고 부릅니다. 밑줄을 정의하기 위해 선택한 이름에 관계없이 웹 개발 노력을 크게 촉진할 것입니다. 다음은 기능에 대한 간략한 체크리스트입니다.

주요 기능 강조:

• 샘플 사용자 정의 헤더 를 구현하는 옵션입니다.
• 코드 중복을 방지하고 템플릿을 더 깔끔하게 유지하기 위한 사용자 정의 템플릿 태그 .
• 메뉴를 휴대폰 디스플레이에서 토글된 드롭다운 으로 바꾸는 스크립트.
• 사이드바 위치가 다른 두 가지 샘플 CSS 레이아웃 (예: 오른쪽과 왼쪽).
• 테마 구축 프로세스를 간소화하기 위해 잘 구성된 CSS .
• 미리 정의된 404 템플릿 .

테모시스 워드프레스 프레임워크

우아하고 간단한 코드 구문을 사용하는 Themosis WordPress Framework는 익명 함수, 네임스페이스와 같은 "현대적인" PHP 기능을 사용하며 Composer가 지원되며 WordPress 모범 사례와 일반적인 MVC 프레임워크가 혼합되어 있습니다.

완성 된!

보시다시피 무료로 사용할 수 있는 많은 WordPress 테마 프레임워크 를 찾을 수 있습니다. (무료 WordPress 테마뿐만 아니라) 프로젝트의 시각적 측면에 더 주의를 기울이고 지루한 코딩 절차를 건너뛸 수 있는 기회를 제공합니다. 이제 다음 프로젝트를 구축하는 데 도움이 되는 반응형 프레임워크 중 하나를 결정할 때입니다.

당신은 또한 좋아할 수 있습니다: 귀하의 사이트에 전자 상거래를 추가하기 위한 상위 10개 WordPress 플러그인.