앞서 GeneratePress 테마 쿼리 루프 기능으로 카테고리 아카이브나 관련 글 목록을 만드는 방법을 알아보았다. 목록에서 글 제목을 클릭하면 해당 글로 이동하는데 대표 이미지나 excerpt(발췌)를 클릭해도 글 이동을 할 수 있게 하려면 이때는 Dynamic Data 기능을 이용하면 된다.
먼저 워드프레스 대시보드 디자인 – Elements에서 앞서 만든 글 목록 페이지에 들어온 다음, 이미지 블록을 선택하자.
이후 화면 오른쪽 Block 탭에서 아래쪽에 Dynamic Data 옵션이 보일 텐데 Link Source를 Single Post로 설정하면 된다. 이건 각 대표 이미지에 해당하는 개별 글 링크를 거는 방법인데, 저장 버튼을 누르면 글 목록에서 이미지 클릭 시 해당 글로 이동한다.
excerpt에 링크를 거는 법도 동일하다. 화면 왼쪽에서 Post excerpt 블록을 선택한 다음 마찬가지로 Dynamic Data – Link Source – Single Post를 걸면 끝이다. (같은 방법으로 Post date에도 걸 수 있음)
설정을 마치면 글자 색이 링크 가능한 기본 파란색으로 변하고 저장 버튼을 누르면 블로그에 적용된다. 글씨 색깔을 바꾸려면 화면 오른쪽 Block 탭에서 Colors 옵션을 찾아보자.
Link에 해당하는 아이콘 두 개가 보일 것이다.
– 왼쪽 : 기본으로 보이는 색깔
– 오른쪽 : Hover 색깔로 마우스를 올리면 변하는 색깔
색깔은 취향에 따라 자유롭게 선택하면 무난하다. 참고로 쿼리 루프를 막 만든 상태라면 글 제목도 기본 파란색으로 되어 있을 텐데 같은 방법으로 색깔을 지정하면 된다. (Post title 블록 선택 – 화면 오른쪽 Block 탭 Colors에서 설정)
