미넴 스킨 제작 프로젝트/미넴 스킨

미넴 스킨 (Mynem Skin) 커버 기능 소개

아미넴 2022. 3. 18.
반응형

미넴 스킨 커버 기능 소개입니다.

 

목차

     

    커버 아이템 설정

    사실 처음에는 홈 화면이 크게 중요하지 않다고 생각을 하여 커버 아이템을 만들지 않았는데 은근히 원하는 분들이 많았고 블로그 용도에 따라 홈 화면도 중요하게 쓰일 수 있다는 생각을 하게 되어 추가하였습니다.

     

    스킨 편집 화면에서 다음과 같이 커버로 바꾸면 이용이 가능합니다.

     

    그리드 형태 커버

    커버 아이템을 미넴 커버 - 그리드로 선택하면 됩니다.

     

    최신글 선택 시 제공하는 스타일을 그대로 따라가도록 하였습니다.

     

    리스트 형태 커버

    커버 아이템을 미넴 커버 - 리스트로 선택합니다.

     

    다음과 같이 리스트 형태의 스타일을 가지는 커버 아이템 입니다.

     

    커버 타이들 글머리를 수정할 수도 있습니다. 기본은 해시태그 아이콘입니다. 그리드는 기존 옵션을 이용하여 다양한 형태로 수정할 수 있지만 리스트는 단일 스타일 입니다.

     

    다음 사이트에서 유니코드 값을 확인하실 수 있습니다.

     

    Font Awesome - Free Icons

     

    Font Awesome

    The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

    fontawesome.com

     

    강조 커버 추가

    커버 스타일을 하나 더 추가하였습니다. 홈 화면에서 큼지막 하게 강조하고 싶은 포스팅이 있을 경우 활용하면 좋을 것 같습니다.

     

    커버 아이템에서 미넴커버 - 스페셜을 선택하시면 됩니다.

     

    다음과 같이 큼지막하게 컨텐츠를 표현할 수 있습니다.

    참고로 썸네일 이미지가 있는 게시물만 정상적으로 표시됩니다.

     

    커버 스타일 변경

    커버 스타일이 촌스러워 보여서 스타일을 좀 수정해 보았습니다.

     

    커버 스타일 변경 전(좌) 후(우)

     

    여백과 글자 크기 등을 조절하여 전체적으로 답답한 느낌을 줄였습니다.

     

    커버 그리드 스타일 높이 고정 옵션

    그리드 크기를 고정하고 싶은 분이 계실 것 같아서 옵션을 추가했습니다.

     

    옵션을 ON 하면 다음과 같이 제목, 내용의 길이에 상관없이 그리드 크기가 동일하게 고정됩니다.

    그리드 크기 고정 옵션 적용 전(좌) 후(우)

     

    홈 그리드 옵션 추가

    이미지, 내용, 날짜 보이기 여부를 설정할 수 있고 제목, 내용의 최대 라인 수도 설정할 수 있게 하였습니다.

     

    내용을 안 보이게 했을 경우 입니다.

     

    이미지를 안 보이게 했을 경우 입니다. 제목 라인 수는 3, 내용 라인 수는 5로 설정하였습니다.

     

    전체 글 리스트 형태 출력

    기존에는 그리드 형태만 지원을 하였는데 리스트 형태도 출력이 되도록 기능을 추가하였습니다. 아래 빨간 박스 부분에서 설정 가능합니다. 전체 글 뿐만 아니라 카테고리 별 글도 지원이 됩니다.

     

    다음과 같이 리스트 형태로 잘 표시가 됩니다. 리스트 형태 사용 시 인피드 광고도 적용할 수 있으므로 참고 바랍니다.

     

    반응형
    그리드형(광고전용)

    댓글0

    💲 추천 글