WPMU DEV의 선행 – 첫인상

워드 프레스 테마 구매처


지난 2 년 동안 우리는 WordPress 테마 스토어의 전체 더미가 단일 플래그십 테마를 홍보하고 개발하는 데 거의 모든 에너지에 초점을 맞추기 시작했습니다. 페이지 빌딩 워드 프레스 테마 Divi.

그러나 전통적으로 WordPress 테마 회사는 대부분의 에너지를 단일 테마 개발에 집중시키는 대신 프레임 워크를 만들어 다른 디자인의 부모 테마로 사용하는 경우가 많습니다. 이 시도되고 테스트 된이 접근법의 가장 좋은 예는 물론 StudioPress의 Genesis 프레임 워크입니다..

이 두 번째 접근 방식에 따라 WordPress에서 가장 큰 이름 중 하나 인 WPMU DEV가 방금 ‘Upfront’라는 새로운 프레임 워크를 시작했습니다..

기본적으로 모든 WPMU DEV의 새로운 디자인 (예 : Fixer, Scribe 및 Spirit 포함)에 대한 상위 테마 / 프레임 워크 Upfront를 사용하면 새로 개발 된 다소 영감을주는 드래그 앤 드롭 인터페이스를 사용하여 웹 사이트를 사용자 정의 할 수 있습니다..

업 프론트가 무엇을 제공하는지 살펴 보겠습니다.

스핀을 선점하기 :

WPMU DEV의 Spirit 테마를 사용하여 Upfront를 테스트했습니다. 테마를 설치 한 후 모양 메뉴에서 사용자 지정 링크를 클릭하여 Upfront 시각적 편집기로 이동했습니다. 처음에는 Upfront가 기본 WordPress 사용자 정의 프로그램을 대체한다는 사실에 놀랐지 만 Upfront가 활성화되어 있으면 WordPress 사용자 정의 프로그램이 약간 중복됩니다..

Upfront 비주얼 편집기는 사용하기 매우 쉽습니다. 페이지 왼쪽에 새 게시물, 새 페이지, 댓글 및 미디어를 추가 할 수있는 옵션이 표시됩니다.

그 아래에는 16 개의 컨텐츠 요소가 있습니다. 이들은 웹 사이트 디자인으로 끌어서 놓을 수 있으며 Upfront 인터페이스의 오른쪽에 표시됩니다. 해당 영역 아래에는 타이포그래피 및 색상에 대한 테마 설정이 있습니다..

선행 인터페이스

왼쪽 열의 맨 아래에는 유용한 실행 취소 및 다시 실행 버튼과 디자인에 눈금 선을 표시하는 옵션이 있습니다..

모바일 장치에서 웹 사이트가 어떻게 보이는지 확인할 수있는 옵션도 있습니다. 모바일 (315 픽셀), 태블릿 (570 픽셀), 큰 태블릿 (810 픽셀) 및 기본 (1080 픽셀)의 네 가지 해상도로 웹 사이트를 볼 수 있습니다. WordPress 사용자는 일반적으로 웹 사이트가 다른 장치에서 어떻게 보이는지 확인하기 위해 BrowserStack과 같은 서비스를 사용해야하므로 Upfront에 환영받는 추가 사항입니다..

Upfront 메뉴 상단에 표시되는 레이아웃 버튼을 통해 페이지 템플릿을 수정할 수도 있습니다..

반응 형 선행 인터페이스

페이지 빌더의 주요 목표 중 하나는 페이지와 컨텐츠를 작성하고 스타일을 지정하는 프로세스입니다. 이와 관련하여 Upfront는 거의 균형을 잡은 것으로 보입니다..

Visual Composer와 같은 기존 페이지 구축 솔루션은 45 가지가 넘는 컨텐츠 요소를 제공합니다. 반대로 Upfront에는 16 개만 있지만 페이지에 위젯을 추가 할 수있는 기능은 위젯 지원 플러그인을 설치하여 Upfront에 추가 기능을 추가 할 수 있음을 의미합니다..

16 개의 컨텐츠 요소는 텍스트, 이미지, 갤러리, 맵, 좋아요 상자, 탭, YouTube, 위젯, 로그인, 코드, 연락처, 아코디언, 메뉴, 버튼, 게시물 및 슬라이더입니다..

새로운 컨텐츠 요소를 추가하고 페이지를 작성하는 프로세스는 현재 시중에 나와있는 많은 페이지 빌딩 대안보다 훨씬 빠르고 직관적 인 것처럼 보입니다. 아래 애니메이션에서 볼 수 있듯이 요소를 페이지로 드래그하면됩니다. 그런 다음 편집을 시작하십시오.

선결로 쉽게 만들 수 있습니다

요소가 페이지에 있으면 적십자 아이콘을 사용하여 삭제하거나 녹색 설정 아이콘을 사용하여 편집 할 수 있습니다. 설정 상자는 각 요소마다 다릅니다. 버튼과 같은 기본 요소는 크기와 같은 간단한 설정 만 변경할 수 있습니다. 그러나 슬라이더와 같은 요소는 더 많은 옵션을 제공합니다.

선행 요소 설정

여기서 놀란 것은 Upfront가 제공하는 통합 수준이었습니다. WordPress 관리 영역을 통해 게시물을 작성하고 페이지를 작성하고 미디어를 업로드 할 수 있습니다. 그러나 원하는 경우 Upfront를 사용하여 웹 사이트의 프런트 엔드를 통해 콘텐츠를 추가 할 수 있습니다. 이를 통해 게시 될 때의 모양을 정확하게 볼 수 있습니다.

새 블로그 게시물 추가

Upfront를 사용하면 텍스트 스타일을 쉽게 지정할 수 있습니다. 텍스트를 선택하기 만하면 스타일 상자가 나타납니다. 그런 다음 텍스트를 헤더 태그로 변환, 텍스트를 굵게 또는 기울임 꼴로 표시, 목록 만들기, 따옴표 안에 텍스트 배치 및 텍스트를 링크로 변환 등 여러 가지 작업을 수행 할 수 있습니다..

텍스트 색상과 텍스트 배경 색상은 모두 색상 피커를 통해 변경할 수 있습니다. 현재 색상이 기본 테마 색상과 함께 표시됩니다. 스타일 상자를 통해 다양한 아이콘을 컨텐츠 영역에 삽입 할 수도 있습니다..

스타일링 블로그 게시물

Upfront를 사용한 후 분명해진 한 가지는 Upfront 끌어서 놓기 인터페이스의 작동 방식을 이해하는 데 시간이 오래 걸리지 않는다는 것입니다. 의심의 여지없이; 지금까지 본 WordPress에서 사용할 수있는 가장 사용자 친화적 인 끌어서 놓기 페이지 작성 솔루션 중 하나입니다.!

마지막 생각들

뒤로 물러서서 생각할 때 끌어서 놓기 페이지 작성 기능을 테마에 직접 빌드하는 것이 좋습니다. 페이지 작성 솔루션의 대부분은 WordPress 플러그인입니다. 즉, 모든 유형의 WordPress 테마와 호환되어야합니다. 그러나 Upfront를 사용하면 WPMU DEV는 릴리스하는 모든 디자인이 페이지 작성 인터페이스에 최적화되도록 보장 할 수 있습니다..

요컨대 Upfront가 할 수있는 일에 정말 감명 받았습니다. 나는 Upfront가 행과 열을 처리하는 방식을 특히 좋아합니다. 일부 페이지 빌더에서는 1/4, 3/8, 1/2 등과 같은 단추를 사용하여 특정 행의 열 수를 사전 구성해야합니다. 그러나 Upfront에서는 오른쪽 하단을 클릭하기 만하면됩니다. -컨텐츠 요소의 모서리를 조정하고 크기를 조정하십시오. 그런 다음 다른 열을 추가하기 위해 다른 내용 요소를 놓을 수 있습니다. 이 기능은 페이지 작성 및 스타일링 프로세스 속도를 높이는 데 도움이됩니다..

WPMU DEV에는 현재 Upfront를 활용하는 세 가지 WordPress 테마 만 있습니다. Upfront 하위 테마를 더 많이 발표하면 WPMU Dev 디자인을 선택하는 WordPress 사용자가 더 많습니다. 의심의 여지없이 WPMU Dev는 올바른 방향으로 나아가고 있습니다!

직접 테스트를 진행하려면 Up-and-Drop 인터페이스의 실제 데모를 포함한 라이브 데모를 확인하십시오..

Upfront에 대한 자세한 내용은 WPMU DEV의 공식 발표 게시물을 참조하십시오..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map