Page Builder의 Post Loop 위젯에 more 버튼 추가

워드프레스 페이지를 좀 더 쉽게 관리하기 위한 용도로 Page Builder 플러그인을 사용하는 경우가 있는데, BC TOWN에서는 다음과 같은 플러그인을 주로 활용합니다.

 

 

https://wordpress.org/plugins/siteorigin-panels/

 

pagebuilder

 

 

 

Page Bulder by SiteOrigin 플러그인을 활용해서 페이지를 구성할 때, 다음과 같이 Post Loop 위젯을 활용하는 경우가 많습니다.

 

 

pagebuilder2

 

 

 

 

위 그림을 보면 개별 글 제목에는 링크가 설정되어 있는데, 카테고리 제목에는 링크를 설정할 수 없어 불편합니다. 그래서 카테고리 제목 클릭 시 해당 카테고리로 이동할 수 있는 링크를 추가하는 방법을 알아 보겠습니다.

 

 

1. basic.php 파일 수정

 

basic.php 파일 위치는 다음과 같습니다.

 

 

basic.php 파일에서 다음을 수정해 줍니다.

 

 

 

 

2. 스타일 수정

 

more 버튼을 감싸고 있는 so-more 클래스에 스타일을 추가할 수 있습니다. 스타일 추가는 개인적인 취향이기 때문에 각자 추가해 주면 됩니다.

 

 

 

3. 코드 적용 결과

 

1번 basic.php 파일 수정 후 결과는 다음과 같습니다.

 

pagebuilder3

 

 

 

위 그림에서 more 버튼이 추가된 것을 확인할 수 있습니다. more 버튼을 클릭하면 다음과 같이 해당 카테고리 페이지로 이동하는 것을 볼 수 있습니다.

 

 

pagebuilder4

 

 

• (주)블로그코디 대표 • 워드프레스 교육 서비스 런칭 • 워드프레스 정보 공유 커뮤니티 make BCT 런칭 • 한국형 워드프레스 테마 출시 • 워드프레스 홈페이지 제작 서비스 런칭
No comments
Write CommentLIST
WRITE COMMENT

위로이동