상현

article T | 탤런트뱅크

( 업데이트: )

👋 들어가며

안녕하세요 퍼블리셔 한상현입니다.

탤런트뱅크의 블로그 홈페이지 article T 프로젝트입니다. article T는 워드프레스의 가장 적합한 CMS & 블로그의 프로젝트였습니다. 직접 was 퍼블리싱 워드프레스 구성 워드프레스 백엔드 커스텀을 완료하였습니다.

홈페이지를 구축하면서 얻은 작은 경험들을 적어보려합니다 😁

워드프레스 백엔드 커스텀

다양한 포스트 타입

3가지의 포스트타입이 필요해 보였고 해당 포스트 타입의 공통적으로 사용할 태그, 컬렉션(커스텀 카테고리) 각각 포스트타입의 카테고리가 필요해 보였습니다.

  • Biz Insight
    • 카테고리
  • Pro Lift
    • 카테고리
  • TB Story
    • 카테고리
  • 공통 사용 태그
  • 공통 사용 컬렉션

워드프레스에서 각각 해당하는 포스트타입과 각 타입에 필요한 커스텀 카테고리를 적용해 주었습니다.

RSS Custom Feed

RSS피드를 커스텀하게 구성해야했다. 관리자 측에서 사용할 목적이었는데 Feed에 원하는 필터링을 해서 사용하시면 된다고 클라이언트 분에게 말씀 드렸는데 필터링해서 사용할 수 있는 인원이 없다고해서 변경되지 않는 커스텀한 RSS 피드를 만들었습니다.

커스텀 RSS 피드를 만들면서 RSS 피드에 썸네일이라는 부분을 만들 수 있나? 검색을 통해서 알아 봤는데 대부분의 답변들은 메인 컨텐츠 최상위에 썸네일을 가져와서 내용으로 일부 추가하라는 이야기 뿐이었습니다.

<enclosure 
  url="https://my.domain.tld/images/my_picture.jpg" 
  type="image/jpeg" 
  length="1967"
/>Code language: HTML, XML (xml)

위와 같은 방식으로 섬네일을 추가해 보려했지만 RSS 피드 페이지에 에러가 날뿐 적용 되지는 않았습니다.

그러면 어떻게 해결했나? 코드로 적용하는 것 보다 플러그인으로 이 문제를 해결하는 것이 더 빠를 것 같았고 해당 기능의 플러그인을 이미 프로덕션에 사용해봤다는 조언이 있어서 플러그인으로 해결을 완료하였습니다.

Feed Post Thumbnail – 워드프레스 플러그인 | WordPress.org 한국어

RSS피드는 아래 코드와 같이 구성하였습니다.

워드프레스의 wp_nav_menu worker

워드프레스 메뉴를 가져오는 wp_nav_menu라는 워드프레스 함수가있다. 메뉴를 가져오는 것은 좋지만 메뉴의 html 돔구성을 커스텀하게 작성 하기가 매우 번거롭습니다.

메뉴를 원하는대로 커스텀하게 구성하기 위해서는 wp_nav_menu(array(..., 'worker' => new Walker_Nav_Menu()) 워커를 구성해서 사용해야 합니다.

worker를 사용하면 wp_nav_menu의 코드가 너무 길어지고 가독성이 떨어지는 문제가 있습니다. 저는 이것을 해결하기위해서 Walker_Nav_Menu를 확장한 클래스를 만들고 namespace를 제작해서 관리하기 시작했습니다.

처음으로 namespace를 적극적으로 사용해본 것은 처음입니다.

👏 마무리하며

작업하면서 정리한 포스팅


[v2.0.0] 2022-01-25

v2.0.0 Milestone

메인, 서비스 로직 개편 탤런트뱅크 홈페이지가 디자인이 개편되면서 articleT 홈페이지도 가이드에 맞춰서 개편을 시작했습니다. articleT 프로젝트는 제작하면서 추후 유지보수를 쉽도록 제작하였기 때문에 서비스 로직을 변경하는 것에 있어서 많은 작업시간을 단축하였습니다.

Feature

  • Deprecated: 공통 사용 컬렉션
  • 해쉬태그 활성화
before
after

[v3.0.0] 2022-02-25

v3.0.0 Milestone