커뮤니티토픽게시판

예전에 제가 판매했던 인스타그램모듈제 사이트에서 사용하고 있습니다.

해당 사이트에서 모바일 페이지를 리뉴얼 했어요.

 

studio02님의 네온 모바일 스킨입니다.

 

해당 모바일 스킨을 변경했지만 제 인스타그램 모듈에서 이질감이 드는 디자인이였어요.

 

작업기 이질감.png

 

기존 모바일에서 스토리확인 가능한 스킨을 추가한다음 제작한 리스트항목인데 네온모바일 레이아웃과는 완전 거리가 멀어서 바꾸기로 마음먹었어요.

 

우선 네온모바일 스킨에서 모든 내용을 복사한다음 가져왔을때 필요 없는 항목이 몇가지 있었습니다.

 

스크린샷_063019_091907_PM.jpg

 

대략적으로 이미지에 적어드린 설명과 같아요. 따라서 이 코드를 인스타에 맞게 인식 했습니다.

 

작업기1.png

 

아참 태연님 인스타그램 프로필 이미지는 검은색으로 하셨으니 오해없으시길 바래요.

 

인스타 내용에 해당되는 부분은 기존 게시글의 title으로 바꿨고, 닉네임 부분에 인스타아이디를 추가햇습니다.

 

그리고 하트표시와 댓글 갯수를 추가하였습니다.

 

근데 XE에서 댓글이 1000개 넘어가는 순간이 많이 없어서 그런지 글자가 like 숫자로 넘어가는 문제도 있네요 ㅎㅎ

 

https://sosifam.com/taeyeon_ss?m=1

 

구경하실분은 여기를 둘러보세요.

 

아직 리스트항목만 구현해둔 상태이기 때문에 더 수정할 곳이 많아요 ㅎㅎ

글쓴이 람보

profile
람보입니다.

Email : [email protected]

포트폴리오 : https://bjrambo.com/portfolio
작업의뢰 신청 : https://bjrambo.com/request