워드프레스 뉴스, 매거진, 블로그 테마 Magbyte 설정 작업

워드프레스에는 다양한 뉴스, 매거진, 블로그 테마가 있습니다. 가장 많이 사용되는 테마로 Newspaper(뉴스페이퍼)가 있습니다. 뉴스페이퍼는 tagDiv Composer라는 자체 빌더가 사용되며 초보자도 쉽게 퀄리티 높은 뉴스, 웹진 사이트를 만들 수 있습니다. 가볍고 빠른 테마를 원하는 경우 GeneratePress 테마도 고려할 수 있습니다.

어제는 Magbyte라는 뉴스, 매거진 테마의 데모가 적용된 워드프레스 사이트에서 오류를 해결하고 폰트와 글자 크기 등을 조정하는 작업을 맡았습니다. Magbyte는 처음 접하는 테마였는데, 데모를 로드한 후에 그대로 사용하기에 괜찮은 것 같습니다. 다만, 사용자가 매우 적기 때문에 해당 테마를 사용하면서 문제가 발생할 경우 직접 해결하거나 유료 버전을 구입하여 지원을 받아야 할 수 있습니다.

워드프레스 뉴스, 매거진, 블로그 테마 Magbyte 설정 작업

Magbyte(맥바이트) 테마는 워드프레스 저장소에 등록된 무료 뉴스, 매거진 테마로서 현재 700개가 넘는 사이트에 설치되어 사용되고 있습니다.

데모를 설치하면 위의 그림과 비슷한 레이아웃으로 바뀌게 됩니다. 하지만 일반적인 테마의 사용법과 다르기 때문에 처음 사용하는 경우 약간의 학습 시간이 필요할 것 같습니다.

전면 페이지 구성은 하나의 페이지에서 편집하는 것이 아니라 여러 군데 산재되어 있어서 엘리멘터 등의 페이지 빌더나 워드프레스 기본 편집기인 블록 에디터에 익숙한 경우 다소 혼란스러울 수 있습니다.

데모 로드와 기본적인 세팅은 클라께서 하시고, 에러와 폰트 변경, 글자 크기 조정 등 몇 가지 자잘한 작업을 맡게 되었습니다.

데모를 보면 푸터 하단에 인스타그램 피드가 표시되는 것 같습니다. 하지만 데모에서 썸네일이 엑박으로 표시되는데요. 데모를 로드하면 이 부분에 에러 메시지가 표시될 수 있습니다.

푸터 영역의 Trending Topics에는 모든 카테고리가 표시되는데, 클라이언트 사이트의 경우 카테고리가 너무 많아서 이 부분의 삭제를 요청해서 해당 부분을 찾아서 삭제했습니다.

Keep Updated 부분은 MailChimp를 이용한 구독 폼이 표시되어야 하는데, 구독 폼이 표시가 안 되면 삭제하고 다시 MailChimp 숏코드를 사용하여 구독 폼을 추가했습니다.

이외에 폰트를 Noto Sans KR로 전체적으로 변경하고 글자 크기도 일부 조정했습니다. 예를 들어, 포스트 타이틀의 굵기가 너무 굵어서 font-weight를 조정하고 본문 글자가 너무 작아서 10% 정도 크기를 늘렸습니다.😄

예시 CSS:

h3 { font-weight: 500; }

h1.entry-title {
    font-weight: 400;
}

.entry-content p {
    font-size: 1.1em;
    line-height: 2.1em;
}

이외에 저작권 문구를 변경하고 저작권 텍스트를 클릭하면 워드프레스 로그인 페이지로 이동하도록 코드를 추가했습니다.😊

사이트 속도는 뉴스페이퍼보다는 낫다는 느낌이 들었습니다. 뉴스페이퍼는 자체 페이지 빌더를 사용하기 때문에 속도면에서 조금 느리게 느껴질 수 있습니다. 속도가 중요하다면 GeneratePress 테마가 좋은 선택일 수 있습니다. GP 테마는 현존하는 워드프레스 테마 중에서 속도가 가장 빠른 테마 중 하나로 평가되고 있습니다. 하지만 기능 추가를 위해 플러그인을 추가로 설치할 경우, 특히 무거운 플러그인을 설치하면 속도가 느려질 수 있으므로, 가급적 어떤 사이트든 플러그인을 최소화하는 것이 바람직합니다.

Magbyte 테마의 경우 사용자가 거의 없기 때문에 문제가 발생하거나 궁금한 점이 있더라도 다른 사용자들의 도움을 받기가 어려울 수 있습니다. 이 테마는 유료 버전도 있습니다.

연간 구독형 라이선스의 경우 최저 59달러이고, 라이프타임(평생) 라이선스의 경우 Personal 상품이 179달러입니다. 무제한 사이트 적용할 수 있는 라이선스는 479달러입니다.

참고

https://avada.tistory.com/3602

카페24: PHP 변경 후 복원 오류 해결 작업

https://avada.tistory.com/3566

아마존 AWS에서 클라우드웨이즈로 워드프레스 멀티사이트 이전 작업