[Tistory] 티스토리 자간 변경 방법1, 2, 3

방법 1 

: 안됨

 

티스토리 설정 > 스킨 편집 > html > html 페이지ㅣ 

검색(command + f) "article_rep_desc"

 

              <!-- 에디터 영역 -->
              <div class="article_view">
                







                    
        

  

    
728x90
    
    
  


  

    
반응형
    
    
    
  

        

            
방법 1 
: 안됨
 
티스토리 설정 > 스킨 편집 > html > html 페이지ㅣ 
검색(command + f) "article_rep_desc"
 
              <!-- 에디터 영역 -->
              <div class="article_view">
                
              </div>
이렇게 에디터 영역이라고 친절하게 작성된 부분이 나온다.
article_view라는 걸 보니 글 부분의 에디팅을 할 수 있도록 애초에 제공된 부분인가보다.
(그럼 좀 알기 쉽게 약자를 사용하던가... 나만 desc 모르는건가... 뭐지...description인가..? 갑자기???)
 
태그 안에 원하는 style 편집을 넣어준다.
<div class="artice_view"
	style="letter-spacinge:0.5px";>
나는 자간만 수정할거라서 
line-height:190%; (줄간/행간)
letter-spacing:0.5px ;(자간)
font-size:40px; (폰트사이즈)
 
*div 안에 작성하고 > 닫는거 잊지 말기
* ; 잊지말기
 
 
 

는 안됨!!!
ㅋㅋㅋㅋㅋㅋㅋ
 
그래서 다시 방법을 찾았징
이번엔 CSS 를 수정한다!
 
방법 2
: Article만 적용 됨 (제목, 코드 박스 적용 안됨) 
 
일단 본문 페이지 (article) 수정하는 방법밖에 없길래 그것부터 해봤다.
글 페이지 들어가서 검사 > 소스보기 > 마우스로 선택 하면 글 부분의 태그가 article_view의 p 인걸 열심히 찾아보면 알 수 있다.
그래서 방법1의 티스토리 스킨편집 html > CSS page에서 .article_view를 검색하면
 
.article_view p {
  margin-bottom: 28px;
  font-size: 16px;
  line-height: 1.88;
  color: #666;
  letter-spacing: 1px; }
이런게 나오는데 저기에서 letter-spacing 부분이 내가 추가한 것.
보면 작성한 글과 제목은 자간이 적용된 것을 알 수 있다. 이제 전체젖ㄱ으로 적용될 수 있는 방법을 찾을 것이다.
 
그리고 CSS 페이지 보다가 발견한건데 h1은 왜 두번으로 나눠서 작성되어있냐. 겁나 신경에 거슬리는데 뭔가 개발자가 생각이 있어서 그랬겠지 라고 나를 위로해보지만 이런 경우 대부분 아무 의도도 없고 생각도 없는 경우가 많아서 되게 거슬린다...
 
 

방법 3
:제목까지 설정
 
body {
  font-family: 'Humanbumsuk', Avenir, SpoqaHanSans, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, '돋움', Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
  /* haea edite */
  letter-spacing: 2px;}
제목까지 한번에 자간 설정!
 
어디냐면
/* common */
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block; }

body {
  font-family: 'Humanbumsuk', Avenir, SpoqaHanSans, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, '돋움', Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
  /* haea edite */
  letter-spacing: 2px;}
상단부분이다.
브라우저로 제목 부분을 보니 article_header 어쩌구.. 반복되는데 아무튼 두개의 키워드를 얻었으므로 그걸로 검색해서 찾아냈다.
이렇게 전체적으로 설정하는 부분이 있는데 여기서 article과 header 키워드도 찾았고, font-family 도 있으니 font 설정도 하는구나 싶어서 질러보니 됐다.
뭐든 일단 해보면 된다.
 
 
그리고 새로운 문제가 발생하는데..
방명록에 글들이 사라졌다..?
어디..갔지...???????????????????
                    
        

  

    
728x90
    
    
  


  

    
반응형
    
    
    
  

        


              </div>

이렇게 에디터 영역이라고 친절하게 작성된 부분이 나온다.

article_view라는 걸 보니 글 부분의 에디팅을 할 수 있도록 애초에 제공된 부분인가보다.

(그럼 좀 알기 쉽게 약자를 사용하던가... 나만 desc 모르는건가... 뭐지...description인가..? 갑자기???)

 

태그 안에 원하는 style 편집을 넣어준다.

<div class="artice_view"
	style="letter-spacinge:0.5px";>

나는 자간만 수정할거라서 

line-height:190%; (줄간/행간)

letter-spacing:0.5px ;(자간)

font-size:40px; (폰트사이즈)

 

*div 안에 작성하고 > 닫는거 잊지 말기

* ; 잊지말기

 

 

 

---

는 안됨!!!

ㅋㅋㅋㅋㅋㅋㅋ

 

그래서 다시 방법을 찾았징

이번엔 CSS 를 수정한다!

 

방법 2

: Article만 적용 됨 (제목, 코드 박스 적용 안됨) 

 

일단 본문 페이지 (article) 수정하는 방법밖에 없길래 그것부터 해봤다.

글 페이지 들어가서 검사 > 소스보기 > 마우스로 선택 하면 글 부분의 태그가 article_view의 p 인걸 열심히 찾아보면 알 수 있다.

그래서 방법1의 티스토리 스킨편집 html > CSS page에서 .article_view를 검색하면

 

.article_view p {
  margin-bottom: 28px;
  font-size: 16px;
  line-height: 1.88;
  color: #666;
  letter-spacing: 1px; }

이런게 나오는데 저기에서 letter-spacing 부분이 내가 추가한 것.

보면 작성한 글과 제목은 자간이 적용된 것을 알 수 있다. 이제 전체젖ㄱ으로 적용될 수 있는 방법을 찾을 것이다.

 

그리고 CSS 페이지 보다가 발견한건데 h1은 왜 두번으로 나눠서 작성되어있냐. 겁나 신경에 거슬리는데 뭔가 개발자가 생각이 있어서 그랬겠지 라고 나를 위로해보지만 이런 경우 대부분 아무 의도도 없고 생각도 없는 경우가 많아서 되게 거슬린다...

 

 

---

방법 3

:제목까지 설정

 

body {
  font-family: 'Humanbumsuk', Avenir, SpoqaHanSans, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, '돋움', Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
  /* haea edite */
  letter-spacing: 2px;}

제목까지 한번에 자간 설정!

 

어디냐면

/* common */
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
  display: block; }

body {
  font-family: 'Humanbumsuk', Avenir, SpoqaHanSans, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", "Nanum Gothic", Dotum, '돋움', Helvetica, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; 
  /* haea edite */
  letter-spacing: 2px;}

상단부분이다.

브라우저로 제목 부분을 보니 article_header 어쩌구.. 반복되는데 아무튼 두개의 키워드를 얻었으므로 그걸로 검색해서 찾아냈다.

이렇게 전체적으로 설정하는 부분이 있는데 여기서 article과 header 키워드도 찾았고, font-family 도 있으니 font 설정도 하는구나 싶어서 질러보니 됐다.

뭐든 일단 해보면 된다.

 

 

그리고 새로운 문제가 발생하는데..

방명록에 글들이 사라졌다..?

어디..갔지...???????????????????