블로그 운영/티스토리 꾸미기
프라치노 스킨 사진 2개 이상 본문 폭 조절
프라치노 스킨 사진 2개 이상 본문 폭 조절
2021.11.06■ 티스토리 관리자 페이지 > 스킨 편집 > 글 > 미디어 확장 OFF 프라치노 공간 스킨으로 바꾸니 사진이 2개 이상 되는 경우 본문 폭을 넘는다. CSS 코드를 따로 수정해야하나 했는데 기본 옵션 설정에서 간단히 바꾸면 된다. 미디어 확장 토글을 끄고 나면 한 줄에 사진을 3개 붙여도 게시글 본문 폭을 안넘는다.
유료 스킨 사용해보니
유료 스킨 사용해보니
2021.11.05스킨 뜯어고치는데 시간을 안쓰니 원래 하려던 블로그 만들기, 컨텐츠, 글쓰기에 집중하게 된다. 기본 스킨에서 바꾸고 싶은 부분이 있어 시작하다가 스킨 제작을 하게 돼서 유료로 팔든 무료로 배포하든 결실이 있으면 잘된건데 하다 말면 본래 목적과 방향성을 잃게 되는 경우가 있다. 스킨을 만들다말고 결국 돈 주고 샀다면 하다 만건 아까우니 HTML과 CSS 코드 배운건 활용하는게 좋겠다. 그리고 글을 자주 수정하는 편이라면 기본 서체, 기본 간격으로 쓰는게 도움된다. 스킨 제작자가 되거나 유료 스킨을 구입하는 과정 무료 스킨 퀄리티를 낮추거나 고치고 싶도록 한다 html, css 코드 수정은 어렵지 않다 블로그 하려다 스킨을 수정하게 된다 마음에 드는 유료, 무료 스킨이 없도록 되어있으면 스킨 제작자가 되거나..
블로그 전체 폰트 바꾸기
블로그 전체 폰트 바꾸기
2021.10.23■ 블로그 전체 폰트 바꾸려면 적용할 폰트 영어 이름 확인 html 코드에서 font-family 부분 찾아 수정 ■ 티스토리 스킨 html 코드 > font-family 부분 수정 관리자 페이지 > 꾸미기 > 스킨 편집 > html 편집 > CSS 탭 > body 섹션 > font-family 수정 블로그 이름, 글 제목, 카테고리, 본문 포함 모든 곳에 적용 ■ 글 작성 페이지에서 서체 선택 본문에만 적용, 글 제목이나 다른 부분은 그대로 다시 바꾸고 싶은 경우 글마다 수정 필요 글자체 바꾼 부분만 태그가 붙어 html 코드 가독성 ↓ ■ 티스토리 기본 폰트 영문명 아는 방법 포털에 나눔고딕 영문명 검색하거나 HTML 모드에서 tag 활용 HTML 모드는 글 작성 모드에서 폰트가 있는 메뉴바 제일 오..
글 리스트 간격 조절
글 리스트 간격 조절
2021.10.23목록을 쓰는데 한 줄이 길 경우 리스트를 쓰면 좀 더 깔끔하다. ㅡ 그냥 이렇게 길게 길게 길게 쓰면 모바일에서는 가독성이 ㅡ 안좋을수도 그런데 상단 메뉴에서 리스트 기능을 이용하면 길게 써도 한 줄 부분이 구분되어 보기 좋아 근데 이 목록의 간격이 좁게 느껴진다면 HTML, CSS 코드로 목록의 간격도 좀 더 여유있게 할 수 있다. ■ 목록 리스트 간격 조절하기 블로그 관리페이지(블로그주소/manage) > 꾸미기 > 스킨 편집 > html 편집 > CSS ctrl / command + F > .article-view ul li 찾기 > line-height 조절 > 적용 웹브라우저 개발자도구로 페이지 검사하기를 하면 요소 선택 기능으로 리스트 부분을 클릭해 그 부분의 코드를 알 수 있다. 티스토리 오..
페이지마다 다른 스타일로 꾸미기
페이지마다 다른 스타일로 꾸미기
2021.10.23서식 기능 활용 블로그 관리 홈(블로그주소/manage) > 콘텐츠 > 서식 관리 서식 관리 > 서식 쓰기 > HTML 모드 스킨 편집에서 html 코드를 수정해도 되지만 그러면 블로그 전체에 적용되니까 서식으로 만들어두면 페이지마다 다른 분위기를 낼 수 있다. 꼭 html 코드로 만든게 아니어도 글자 스타일이나 문단 간격, 사진 배치를 해놓은 스타일을 만들어도 되니까 활용하기 나름이다. 코드 설명 서식에서 만들땐 첫번째 코드였는데 만든 서식 스타일을 불러와서 HTML 모드로 코드 확인하니 width, style, color처럼 세부 디테일로 지정된 좀 더 정확한 모양의 코드로 바뀌어 있다. 적용 모습은 둘 다 같다. 서식 기능 활용하기 서식 기능 활용하기 이렇게 하면 이 글의 검정색 라벨 같은 모양의 ..