완벽한 WordPress 사이트 만들기: Layers

오픈 소스 소프트웨어의 가장 좋은 점 중 하나는 마음껏 수정할 수 있다는 것입니다. 그래서 WordPress는 훌륭한 블로깅 플랫폼입니다. 수백 가지 테마 중에서 선택할 수 있으며, 플러그인으로 확장하고 유용한 팁으로 성능을 향상시킬 수 있습니다.

자신만의 WordPress 테마를 만들고 싶었지만 코딩 기술이나 배우는 데 투자할 시간이 없었다면, Layers가 바로 당신을 위한 것입니다. Layers는 기본 WordPress 옵션과 긴밀하게 통합되는 테마 프레임워크로, 매끄러운 사용자 정의 경험을 제공합니다. 코딩 지식 없이 드래그 앤 드롭 인터페이스와 사용자 친화적인 대화 상자를 통해 WordPress 테마를 디자인할 수 있습니다.

설치 및 WordPress와의 통합

Layers는 무료 오픈 소스이므로 .zip 파일을 다운로드하여 기존 WordPress 설정의 테마 설치 대화 상자를 통해 설치할 수 있습니다. Layers를 사용하려면 활성 WordPress 테마로 선택해야 합니다.

활성화되면 Layers는 WordPress 인터페이스의 여러 부분에서 접근할 수 있습니다. WordPress 기본 사이드바에 “Layers”라는 새로운 메뉴가 생깁니다. 여기에서 Layers의 모든 측면을 자체 대시보드에서 제어할 수 있습니다.

Layers는 “Customize”를 클릭하여 접근할 수 있는 Appearance 메뉴와 “Layers Template”로 새 페이지를 추가할 수 있는 Pages 메뉴와 통합됩니다. 마지막으로, WordPress 사이트를 미리 볼 때 툴바에 “Edit Layout”이라는 새로운 옵션이 생깁니다.

Layers를 설치하지 않고 사용해보고 싶다면, 브라우저에서 실행되는 데모 버전이 있지만 (무료) 등록이 필요합니다.

Layers로 WordPress 페이지 편집하기

Layers는 본질적으로 완전히 사용자 정의 가능한 WordPress 테마로 기능합니다. 미리 정의된 기능이 있는 다른 테마와 달리, 위젯을 추가, 제거 및 편집하여 웹사이트의 모든 요소를 조정할 수 있습니다. 처음부터 페이지를 만들고 싶지 않다면, 프리셋 레이아웃 중 하나를 선택할 수 있습니다. 일부 템플릿은 포트폴리오 페이지, 랜딩 페이지 또는 비디오 페이지와 같은 특정 용도로 만들어졌습니다. 레이아웃 작업을 시작하려면 기본 툴바에서 “Edit Layout”을 클릭하거나 WordPress 사이드바의 Pages 메뉴에서 “Edit Your Page”를 클릭하세요.

Layers 편집기에는 왼쪽에 기본 사이드바가 있어 편집할 항목(페이지 본문, 모바일 사이드바, 바닥글)을 선택할 수 있습니다. 각 섹션은 위젯을 추가하고 재배치할 수 있는 드롭다운 메뉴입니다. 위젯을 클릭하면 오른쪽에서 추가 사용자 지정을 위한 옵션 대화 상자가 열립니다.

아이콘이 있는 수직 툴바는 디자인 바라고 하며, 선택한 위젯에 따라 변경됩니다. 각 위젯은 고유한 기능 세트를 가지고 있으며, Layers 위젯은 기본 WordPress 위젯과 구별하기 위해 파란색 아이콘으로 표시됩니다. 디자인 바에서 “Advanced” 버튼을 클릭하면 해당 위젯의 CSS를 편집할 수 있습니다. 이렇게 Layers는 고급 CSS 사용자에게 콘텐츠에 대한 더 큰 제어를 제공합니다.

물론 원하지 않는다면 코드를 건드릴 필요가 없으며, 반응형 디자인에 대해서도 마찬가지입니다. Layers는 위젯을 선택하고 재배치하여 특별한 모바일 전용 메뉴를 만들 수 있도록 하여 모바일 장치를 지원합니다.

레이아웃을 편집하면 선택한 WordPress 페이지에만 영향을 미칩니다. 그러나 Layers는 사이트 전체 설정도 수정할 수 있습니다. 이를 위해 Layers 편집기 사이드바에서 “Edit Layout”에서 뒤로 화살표를 클릭하여 이동합니다.

사이트 설정 조정하기

사이트 설정 메뉴에서 로고 및 웹사이트 제목, 내비게이션 및 사이드바와 같은 요소를 제어할 수 있으며, Layers의 서비스 통합 덕분에 Google Fonts를 사용할 수 있습니다.

Layers 편집기 사이드바에는 헤더 및 바닥글 편집, 정적 첫 페이지 설정 및 사용자 정의 CSS 추가를 위한 별도의 옵션도 있습니다. 헤더 및 바닥글 섹션에는 Google Analytics 추적 또는 유사한 Javascript 기반 기능과 같은 사용자 정의 코드를 웹사이트에 삽입할 수 있는 “Additional Scripts” 탭이 포함되어 있습니다.

Layers로 테마를 만들 계획이라면, 일반 요소(사이트 전체 설정)부터 시작한 다음 개별 페이지 사용자 정의 및 페이지 세트에 적용할 수 있는 템플릿 생성으로 진행하는 것이 좋습니다.

내보내기 및 고급 기능

만족스러운 레이아웃을 만들었다면 여러 가지 형식으로 내보낼 수 있습니다. WordPress 대시보드에서 Layers 메뉴로 이동하여 Backup을 선택하면 모든 옵션을 확인할 수 있습니다. 레이아웃만 내보내거나 수정된 위젯 설정과 함께 콘텐츠의 전체 백업을 수행할 수 있습니다.

Layers를 사용하면 자식 테마 및 스타일 키트를 생성할 수도 있으며, 이는 웹사이트 인터페이스의 모든 요소를 포함하는 더 광범위한 내보내기입니다. 그러나 이는 Layers가 있는 WordPress 설치에만 적용할 수 있습니다. 공식 문서에서는 스타일 키트를 생성하고 가져오는 방법을 설명합니다.

Layers의 또 다른 유용한 기능은 WooCommerce 지원으로, 전자상거래 웹사이트 구축을 훨씬 쉽게 만들어줍니다.

결론

Layers는 성장하는 프로젝트이므로 일부 기능이 누락되었다고 느낀다면 향후 버전에서 추가될 가능성이 높습니다. WordPress 초보자가 빠르게 사용자 정의 테마를 만들 수 있는 쉬운 방법이며, 웹사이트를 느리게 만들지 않습니다. 인터페이스는 깔끔하고 직관적이며, 사이드바에서 드롭다운 메뉴를 통해 개별 위젯 대화 상자로 이어지는 왼쪽에서 오른쪽으로의 워크플로우를 제공합니다. 물론 Layers는 이러한 종류의 WordPress 확장 프로그램 중 하나만이 아니므로, 어떤 이유로든 마음에 들지 않는다면 이전에 다룬 Platform이나 Unyson을 시도해 볼 수 있습니다.

Layers를 사용해 본 적이 있나요? 자신만의 WordPress 테마를 만드는 것을 선호하시나요, 아니면 다른 디자이너의 작품에 의존하시나요? 댓글로 알려주세요.