아임웹 팁&테크

다양한 활용법, 최신 기능을 알고 싶을 땐 아임웹 팁&테크

디자인인스타그램 연동 시 더보기 숨기는 방법

시작에 앞서

갤러리 위젯을 사용해 내 인스타그램 계정과 연동할 수 있습니다. 다만 설정한 사진 수보다 인스타그램 사진 수가 더 많은 경우 다음 그림과 같이 [더보기]가 표시됩니다.

경우에 따라서는 이 [더보기] 버튼을 숨기고 싶은 경우가 있는데요. 오늘 아임웹 팁에서는 간단한 코드를 사용해 [더보기] 표시를 숨기는 방법에 대해 알아보겠습니다.





1단계, 갤러리 위젯 추가 후 인스타그램 연동하기

갤러리 위젯을 추가하고, 갤러리 설정에서 인스타그램을 연동해주세요.

*인스타그램 연동 방법은 다음 링크를 확인해주세요.



2단계, 코드 위젯 추가하기

코드를 입력할 코드 위젯을 추가합니다. 일반적으로 쉬운 구분을 위해 해당 위젯 하단에 배치합니다.




3단계, 코드 입력하기

코드 위젯 설정을 열고 아래 코드를 입력한 다음 [저장]을 눌러주세요.


<style>#섹션ID div.text-center {display: none;}</style>


위 코드에서 섹션ID(빨간색 텍스트)는 [인스타그램 갤러리 위젯]이 삽입된 섹션의 ID를 가리킵니다.

섹션ID는 다음 이미지처럼 [섹션 설정] 우측 중간쯤에서 확인하실 수 있습니다.





4단계, 게시 후 확인하기

이제 우측 상단 게시하기를 눌러 확인해보세요. :) [더보기] 사라진 걸 확인하실 수 있습니다.


캠퍼스 뉴스레터 구독하기

아임웹캠퍼스 뉴스레터를 구독하고 유용한 비즈니스 팁 및 교육정보를 받아보세요.