적용대상 : 스몰비즈 스킨 1. 메인에 보여질 페이지 추가하기스킨을 적용하신 후, 꾸미기 > 메뉴로 이동합니다. 메뉴 이름과 연결할 페이지를 추가합니다.  *콘텐츠 > 페이지 관리 에서 원하는 페이지를 미리 만들어두시면 편합니다. *또는 이렇게 카테고리를 추가해도 됩니다.  2. 메인 모바일 웹 설정하기 꾸미기 > 모바일로 들어갑니다.  모바일웹 설정에서 '사용하지 않습니다'로 설정해줍니다.

적용대상 : 스몰비즈 스킨 스킨을 적용하신 후, 꾸미기 > 스킨 편집을 누릅니다.  1. 메인 > 로고, 메인 타이틀과 설명 문구, 메인 이미지 적용하기 우측 하단에 보면 타이틀 헤더와 메인 영역이 있습니다.여기에 로고와 메인 타이틀, 메인 설명, 키비주얼 이미지를 적용하고 '저장'을 누르면 됩니다. 2. 메인 > 상품 구매 프로세스 추가하기 홈 설정 에서 '커버' 를 누르고, '커버 아이템 추가'를 눌러줍니다.  커버 아이템 '서비스 소개'를 클릭 후, 콘텐츠 '글 선택'을 눌러 원하는 글을 순서대로 3개 등록합니다.  3. 메인 > 기본 소개글 추가하기 홈 설정 에서 '커버' 를 누르고, '커버 아이템 추가'를 눌러줍니다. 커버 아이템에서 '기본 소개'를 누르고, 콘텐츠 '글 선택'을 눌러 원하는 글..

다운로드 받은 티스토리 스킨을 내 티스토리에 적용하는 방법을 알아봅니다.먼저 압축을 풀면 다음과 같은 형태로 파일이 들어있습니다.  내 티스토리에 들어가서 꾸미기 > 스킨변경을 눌러 줍니다. 스킨 보관함 > 스킨 등록 버튼을 누릅니다.  스킨등록 페이지에서 다운로드받은 파일을 모두 업로드해줍니다.아래와 같이 파일 목록이 나타나면 성공입니다. 그리고 저장을 클릭합니다. 스킨 이름을 적고 확인을 누르면 완료됩니다. 스킨 보관함에서 스킨에 마우스를 올리고 적용 버튼을 눌러줍니다.

샘플 블로그 SymbolicPage어디에도 잘 어울리는 심플 감성 무드를 한가득 담아보세요.symbolic-page.tistory.com  스킨 특징아주 작은 브랜드에서 상품 소개 페이지로 쓰기 적절한 티스토리 스킨 입니다.미니 홈페이지 느낌이 나도록 하기 위해서 댓글, 검색, 방명록 기능이 없으니 참고해주세요. 간단한 상품소개 홈페이지를 만들어보고 싶은데홈페이지 제작에 많은 비용을 투자하기는 어려우시다면이 스킨을 가이드에 따라 적용하신 후,도메인을 구매하셔서 연결하시면 큰 어려움 없이 운영하실 수 있어요. 티스토리 관리자에서 글과 페이지 작성하고 노출만 하면 되는 간단한 스킨 입니다.  스킨 적용 가이드다운로드 받은 스킨을 내 티스토리에 적용하기메인 페이지 꾸미기서브 페이지 꾸미기  스킨 구매 (1,0..

크롬 개발자 도구에서 요소 확인하고 수정해보기 미디어쿼리로 피시와 모바일 디자인 다르게 적용하기 코드 적용의 우선순위 알기 스킨에서 원하는 부분만 바꾸고 싶다면 어떻게 해야 될까요? 크롬으로 해당 스킨을 적용하고 내 티스토리에 들어간 뒤 설정에서 도구 더보기 - 개발자 도구를 클릭합니다. 아마 자동으로 Elements 탭이 켜져있을 겁니다. 그러면 여기서 빨간 박스로 표시한 인스펙트 버튼을 클릭합니다. 저는 제목을 클릭했는데, 클릭하면 옆에서 자동으로 어느 부분인지 보여줍니다. 여러 태그로 감싸여진 경우 접기 버튼을 펼쳐서 원하는 부분이 보일 때까지 들어가줍니다. 여기서는, title_view 가 제목에 해당하는 태그네요. 우측에 Styles 창을 보면 기존에 적용되어있는 CSS 스타일을 볼 수 있습니다..

이거저거 지우다보니 마지막 단계입니다. 이번 글에서는 댓글 접기 기능을 추가하고, 댓글 썸네일을 지우는 등 디자인을 수정하겠습니다. 1. 댓글 접기/펼치기 기능 추가하기 - 1) 기본으로 댓글이 펼쳐져 있는 경우 CSS 탭에서 .area_reply .box_reply_info .btn_fold 를 검색하여, display: none 을 block 으로 바꿔줍니다. 테스트를 위해서는 댓글을 미리 테스트용으로 몇 개 적어둡시다. 댓글 접기/펼치기 기능은 사실 이 스킨에서 미리 구현이 되어있어서 그대로 사용하겠습니다. 기본으로 댓글이 펼쳐져 있는 경우는 CSS 탭에서 .area_reply .box_reply_info .btn_fold 를 검색하여, display: none 을 block 으로 바꿔줍니다. 1...