크리에이터링크 - 이미지로 링크 들어가기(상세페이지)

 

크리에이터링크로 사이트를 만드는데

아무래도 규칙을 가지고 만들어진 솔루션이다보니 적응을 하는데 여러 시도가 필요하다.

 

크리에이터링크는 여러가지 블록이 잘 정리되어 있다.

그리고, 대부분 메인 페이지에서 가장 많이 사용하는 블록이 슬라이딩 되는 이미지 블록일 것이고,

이미지를 클릭하면 그 이미지에 대한 상세페이지로 연결되는 것이 많이 쓰일 것이고,

갤러리 형식으로 된 이미지를 클릭하면 상세페이지로 넘어가는 효과를 많이 사용할 것이다.

일단 갤러리 형식은 상세페이지가 생성되도록 블록을 지정할때 선택을 할 수가 있다.

 

 

이미지를 추가해서 썸네일을 만들고, 클릭해서 들어가서 상세페이지를 생성해 준다.

이부분은 어렵지 않으니 모두가 할 수 있다. 

그런데 문제는 그 상세페이지로 넘어간 후에 발생한다.

결제 후 사용한다면 모든 기능을 사용할 수 있으니 문제될것이 없지만, 나 처럼 당장은 결제의 필요성이 없어 무료버전을 사용한다면, 이 상세페이지에서는 원하는 블록을 마음대로 추가 할 수 없고, 단조로운 블록만 추가가 가능하다.

그래서 그 단조로운 블록이 아닌 첫페이지 처럼 블록을 사용하기 위해서는 다른 방법이 필요하다.

내가 찾아낸 방법은 일단 이렇다. 

메뉴의 숨김 기능을 이용해 페이지를 만드것이다. 그리고 그 메뉴를 필요한 곳에 링크 시켜준다. 

이렇게 생성된 페이지는 일반 블록 사용이 가능하다. 

많은 블록 꾸밈이 필요한 페이지라면 이런 식으로 상세페이지를 꾸밀 수 있겠고, 최종페이지이고 블록안에서의 연동이 필요하다면 갤러리/쇼핑 블록 추가시 '상세페이지'형식으로 하는 것이 '이전','다음' 버튼으로 블록 안의 컨텐츠들을 넘겨가며 볼 수 있다.

이렇게 생성된 페이지는 메뉴가 다르기 때문에 '이전','다음' 버튼을 생성해서 사용할 수가 없다. 

대신 갤러리를 하나 아래나 위에 추가해서 해당 페이지로 링크하는 방식을 사용 할 수는 있겠다. 

처음 다룰때 막 의욕은 넘치게 헤매다보니 이런 방법을 찾기도 했지만, 굳이 이런 방식을 써야하는 페이지가 많을까?? 하는 생각이기는 하지만.

 

그리고 쇼케이스 형식에서 간혹 링크가 안걸리는 블록이 있다. 

아니면 이미지 자체에 링크가 아닌 버튼에 링크를 걸고 싶거나. 그럴때는

html/css수정으로 들어가서 링크를 걸고자하는 부분에 a 태그를 써준다.

span의 밖이 아닌 안쪽으로 걸었다는 것을 주의해야한다.  저장을 하고 버튼을 누르면 링크 설정 박스가 뜬다.

 

원하는 방식으로 연결하면 된다.

그리고 후작업으로 a 태그 영역을 넓히기 위해

이렇게 a태그를 span태그 밖으로 빼준다.

이렇게 할 거 처음부터 밖으로 하지 그랬냐하겠지만, 처음부터 밖에 해주면 버튼 클릭하면 페이지가 상단으로 올라가 버린다.

뭐. 이것도 a 태그 쓸때 주소 같이 써주면 처음부터 이렇게 해줘도 상관은 없다.

처음 접하는 것을 정말 별것 아닌것도 많이 헤매게 되는 것 같다.