'2017/10/18'에 해당되는 글 2건

Section 11-4 - 티스토리 반응형 스킨 만들기 - 글 태그 및 소셜공유

이번 섹션은 글 상세보기시 하단에 해당 글의 태그와 소셜공유 버튼을 만듭니다.글 작성시 태그를 입력해야만 태그가 나오겠죠? 소셜공유 버튼은 페이스북, 트위터, 카카오스토리에 블로그 포스트 주소를 공유하는 기능입니다. 저는 별로 사용하지 않지만 소셜네트워크 이용자나 마케터분들은 필요하겠죠~※ 태그 입력 설명은 생략합니다. STEP 1. skin.html 마크업 Tag : 공유하기 링크 페이스북 트위터 카카오스토리 기존 글 본문 치환자() 아래에 넣습니다. (본문 글에 관련 된 정보라서 한곳에 모아넣었습니다.) 이 태그가 태그치환자가 동작할 수 있도록 영역을 지정합니다.영역 지정이 완료되면 태그가 출력 되도록하는 치환자는 입니다.태그가 치환되어서 나오는 태그는 태그 이렇게 앵커태그가 나열됩니다. 스타일 적용..

티스토리 스킨만들기/Tistory One | 2017. 10. 18. 23:17

Section 11-3 - 티스토리 반응형 스킨 만들기 - 글 상세 내용 디자인

이번 섹션은 글 상세 내용 넣기입니다. 헌데 제목은 "글 상세 내용 디자인"입니다. 왜? 글 상세 내용 치환자는 너무 간단합니다. 하지만 글 본문을 보는 것이기 때문에 CSS로 이쁘게 디자인을 많이 해야 하므로 디자인이라고 정했습니다. ㅡ/,.ㅡ;;ㅎㅎㅎ그럼 바로 시작 ㄱㄱㄱㄱㄱ STEP 1. skin.html 글 본문 치환자 넣기 글 관련 정보 하단부에 넣으면 끝입니다.저는 article 이라는 class명을 부여했는데 다른 걸로 충분히 바꿔서 넣으셔도 됩니다. ※ 참고 : 구글 애드센스나 카테고리의 다른 글과 같은 플러그인은 글 본문을 중심으로 상하단에 배치됩니다. 아무 글이나 눌러서 글 본문을 확인하면 아래와 같이 나옵니다. STEP 2. style.css 글 본문 디자인 /* Article */ ..

티스토리 스킨만들기/Tistory One | 2017. 10. 18. 18:01

티스토리툴바