WPML과 함께 Headway 3를 테스트하는 데 많은 시간을 할애했으며, 모든 것이 잘 작동한다는 소식을 전하게 되어 기쁩니다. 이 기회를 빌려 최근 경험을 바탕으로 Headway에 대해 조금 말씀드리고자 합니다.
먼저 분명히 말씀드립니다. 저희가 Headway에 대해 글을 쓰는 이유는 이것이 고전적인 문제에 대한 혁신적인 해결책이라고 생각하기 때문입니다. 또한 사이트를 체계적으로 구축하면 관련된 모든 사람이 더 편해진다고 생각합니다. 사이트 디자이너, 최종 고객사, 그리고 저희 모두에게 더 쉽습니다. 사이트 구축에 대한 체계적인 접근 방식은 수동으로 작성하는 코드와 버그가 줄어든다는 것을 의미합니다. 이것이 바로 저희가 이 방향을 추진하는 이유입니다.
아이디어 – 그리드 시스템 및 블록
사이트에 멋진 레이아웃을 만드는 것은 결코 쉬운 일이 아닙니다. 시작하기 좋은 훌륭한 그리드 시스템도 있지만, 이 모든 것을 CSS로 구현하는 것은 시간이 많이 걸리는 작업입니다.
Headway의 그리드 시스템을 사용하면 블록을 그리고, 드래그하고, 크기를 조정할 수 있습니다. 다음과 같이 보입니다.
사이트의 다양한 부분(예: 전면 페이지, 블로그, 단일 페이지 등)에 대해 각기 다른 레이아웃을 선택할 수 있습니다.
블록을 생성할 때 헤더, 메뉴, 검색 상자, 위젯, 콘텐츠 또는 푸터로 지정할 수 있습니다. 이는 WordPress 사이트에서 필요하고 접하게 될 거의 모든 것을 다룹니다.
그리드에 그린 이러한 블록은 표준 WordPress 기능과 완벽하게 연동됩니다. WordPress 위젯 화면에서 위젯 블록을 볼 수 있으며, Headway에서 그린 메뉴에 WordPress 메뉴를 할당하고 관리 화면을 벗어나지 않고도 모든 것을 정의하고 작동시킬 수 있습니다.
언어 전환기
Headway로 사이트를 구축할 때 PHP를 수정하고 싶지 않을 것이므로, 언어 전환기를 배치하는 데 권장하는 3가지 방법이 있습니다.
- 위젯에 배치 – 블록을 그리고 위젯 영역으로 만든 다음 WPML의 언어 전환기를 그 안에 배치하세요.
- 메뉴에 배치 – 블록을 그리고 메뉴로 만든 다음 언어 메뉴에서 해당 메뉴에 대한 언어 전환기를 활성화하세요.
- 푸터에 배치 – WPML은 언어 전환기가 있는 자체 푸터를 사이트에 추가할 수 있습니다. 이를 위해 Headway에서 구성할 필요는 없습니다.
사용자 정의 언어 전환기를 직접 생성하고 PHP를 통해 추가할 수도 있습니다. 이를 위해서는 API 호출을 사용하여 사용자 정의 PHP를 추가해야 합니다. 그다지 복잡하지는 않지만, GUI에서 드래그하는 것보다 작업이 조금 더 필요합니다.
표준 위젯 그 이상
사이트의 레이아웃뿐만 아니라 콘텐츠도 사용자 정의하려면 어떻게 해야 할까요? 고객사 추천사, 최근 프로젝트 또는 기타 동적인 항목을 보여주는 블록을 생성하고 싶다고 가정해 보겠습니다.
(마음의 준비를 하세요. 제품 홍보가 시작됩니다.)
Types 및 Views는 Headway와 완벽하게 작동합니다.
페이지 및 글 이외의 모든 것은 WordPress의 사용자 정의 글 유형입니다. Types를 사용하면 WordPress GUI 내에서 바로 이러한 사용자 정의 글 유형을 정의할 수 있습니다. 따라서 고객사 추천사를 추가하려면 이를 위한 사용자 정의 글 유형을 생성해야 합니다. 그런 다음 Types를 사용하여 사람 이름, 회사, URL 및 멋진 이미지와 같은 적절한 사용자 정의 필드를 추가하세요.
그러면 Views가 사이트에 이러한 추천사를 표시합니다. 데이터베이스에서 추천사를 로드하고 페이지 매김(다음/이전 컨트롤)을 추가하여 출력할 수 있습니다. View를 (이전에 Headway에서 그린) 위젯 영역으로 드래그하면 표시됩니다.
스타일링 추가 방법
이제 HTML과 PHP를 뒤로 했으니, CSS 파일을 업데이트하기 위해 FTP 프로그램에 얽매이고 싶지 않으실 겁니다.
라이브 CSS 링크를 클릭하고 구문 강조 기능이 완비된 인라인 CSS 에디터를 여세요.
이제 다음 방법을 알게 되었습니다.
- 레이아웃 그리기
- 콘텐츠로 블록 채우기
- CSS로 스타일 지정하기
그리고 이 모든 것이 파일을 전송하거나 버그를 유발하거나 코드를 디버깅할 필요 없이 WordPress 관리 화면에서 이루어집니다. 훌륭합니다.
요약
오늘 무언가를 배우셨기를 바랍니다. 저희는 WPML과 함께 Headway를 테스트하고 그 과정에서 이를 배워야 했을 때 확실히 많은 것을 배웠습니다. 하던 일을 모두 멈추고 당장 Headway를 구매하지 않더라도, 이 글이 영감을 주었을 것이라 확신합니다.
관련 자료를 얻을 수 있는 곳:
- Headway - http://headwaythemes.com/
- Types 및 Views - https://toolset.com/
추신: 기술적인 도움이 필요하면 저희 포럼에 글을 남겨주세요. Headway에 관한 것이라고 언급하시면 Brooks가 도와드릴 것입니다. 그는 이 작업의 대부분을 수행한 사람입니다.
