반응형
-
[티스토리꾸미기] 밑줄 서식, 누가 그거 쓰니? 간편하게 사용하자.20230608[티스토리꾸미기] 밑줄 서식, 누가 그거 쓰니? 간편하게 사용하자.앞서 나는 밑줄 서식에 대해 소개한 적이 있다. 밑줄 태그를 사용해서 여러가지 색을 사용하는 방법이다. [정보] 티스토리 모바일웹 본문 꾸미기 | 밑줄 형광펜 효과주기 1. 「티스토리 모바일웹 본문 꾸미기」를 시작하게 된 계기 사실 내 블로그를 봐주시는 분이 아실지는 모르겠지만, 내 블로그는 티스토리에 검색만 해도 나오는 "밑줄 형광펜 효과"를 활용해서 feverpitch.tistory.com 그런데 생각해보면 서식을 이용하는 것도 번거롭고, 로 일일이 한 페이지를 적용시키는 것은 굉장히 소모적이고 힘든 일이라고 생각한다. 그래서 나는 생각했고, 비교적 더 간단한 방법을 찾게 되었다. 이건 한 번만 잘 설정해놓으면, 여러분들이 굉장히 자연스럽고 간편하게 꾸밀 수 있을 것이라고 생각한다. (물론 그만큼 설..
-
티스토리모바일웹 꾸미기 - 모바일 하단에 script로 링크 만들기20230519티스토리모바일웹 꾸미기 - 모바일 하단에 script로 링크 만들기티스토리모바일웹 꾸미기, 오랜만에 돌아왔다. 이번엔 티스토리모바일웹 중에 위 이미지 부분에 script로 링크를 만들어줄 예정이다. 어떤 식이냐면 아래와 같이 해줄거다. script로 링크 추가하기 링크를 왜 추가하냐고 할 수는 있겠지만, 이런 식으로도 활용이 가능하지 않을까 싶어서 작성해보았다. 뭐, 활용하지 못한다고 하면 말고 말이다. li 하나만 추가할 때 하나만 추가할 때는 아래 스크립트를 사용하면 된다. window.addEventListener('DOMContentLoaded', function() { var ul = document.querySelector('ul.list_etcinfo'); var li = document.createElement('li'); var a = document...
-
[정보] 티스토리 모바일웹 본문 꾸미기 4탄 | 블로그 정보 꾸미기20221215[정보] 티스토리 모바일웹 본문 꾸미기 4탄 | 블로그 정보 꾸미기1. 티스토리 모바일웹 본문 꾸미기 - 블로그 정보 꾸미기 우리는 이번에 티스토리 모바일웹 본문에서 블로그 정보를 꾸며줄 것이다. 앞서 말했듯 폰트 바꾸기만 알려드릴테니 다양한 활용할 생각은 여러분들이 생각해보시기를 바란다. 본문의 블로그 정보는 글을 다 읽고 난 하단 부분에 존재한다. 일단 예시로 보여주는 부분은 내 티스토리의 블로그 정보이다. 보면 알겠지만 UNIVERSE 글씨 같은 경우, 흔히 인스타그램 영문 폰트로 검색하면 나오는 폰트를 사용하였다. 영문이 아닐 경우에도 폰트를 수정할 수 있으니, 이 점은 참고하시길 바란다. 2. 블로그 정보 꾸미기 먼저 우리는 블로그 정보를 어디서 바꿀 수 있는지 알아보도록 하자. 블로그 관리 > 관리 > 블로그 클릭하면 아래에서 수정이 가능하다. 참고로 우리가..
-
[정보] 티스토리 모바일웹 본문 꾸미기 3탄 | 제목 꾸며주기20221214[정보] 티스토리 모바일웹 본문 꾸미기 3탄 | 제목 꾸며주기1. 티스토리 모바일웹 본문 꾸미기 3탄 | 제목 꾸며주기 음, 앞선 제목은 본문 안에 있는 h2, h3, h4를 꾸며준 것이었다. 이번에는 상단 부분에 있는 카테고리, 제목, 필명 그리고 날짜를 바꿔줘 볼 거다. 폰트를 바꿔주고 여기에 대해서 수정을 한 번 해줘 보겠다. 앞선 시리즈를 본 사람은 알겠지만, 해당 내용은 티스토리 모바일웹 본문 꾸미기이다. 따라서 스킨 적용 시 폰트와 티스토리 모바일웹 본문 꾸미는 폰트가 각기 다르게 설정할 수 있는 방법이다. 2. 제목 꾸며주기 먼저 우리가 바꿔줄 부분은 아래 이미지를 참고하면 된다. 먼저 저 한 덩어리를 우리는 수정을 해줄 건데, 구분하기 쉽도록 border 값을 줘보았다. 구분이 잘 되는가? 그렇다면 이제부터 시작해보겠다. 2.1 일단 원하는 폰트 하..
-
[정보] 티스토리 모바일웹 본문 꾸미기 2탄 | 폰트 추가하기20221213[정보] 티스토리 모바일웹 본문 꾸미기 2탄 | 폰트 추가하기1. 티스토리 모바일웹 본문 꾸미기 2탄 | 폰트 추가하기 2탄이라고 거창하게 썼지만, 사실 간단하게 쓸 수 있다. 먼저 1탄을 안 본 사람들은 1탄을 마저 보고 오시면 좋다. 대충 어떻게 모바일웹을 꾸밀 수 있는지 확인할 수 있을 것이다. [정보] 티스토리 모바일웹 본문 꾸미기 1탄 | 폰트 바꾸기 1. 티스토리 모바일웹 본문 꾸미기 1탄 티스토리 모바일웹 본문 꾸미기 1탄으로 폰트를 바꾸는 것을 가지고 와보았다. 어디까지나 나는 자기만족용으로 사용하고 있는 부분이 있고, 여차하면 모 feverpitch.tistory.com 먼저 우리는 다양한 폰트를 사용해볼 것이고, 문장간의 간격을 넓혀주는 등의 활동을 해볼 거다. 그리고 위쪽에 있는 제목 부분을 예쁘게……까지는 모르겠고, 일단은 내가 마음에 드는 ..
-
[정보] 티스토리 모바일웹 본문 꾸미기 1탄 | 폰트 바꾸기20221212[정보] 티스토리 모바일웹 본문 꾸미기 1탄 | 폰트 바꾸기1. 티스토리 모바일웹 본문 꾸미기 1탄 티스토리 모바일웹 본문 꾸미기 1탄으로 폰트를 바꾸는 것을 가지고 와보았다. 어디까지나 나는 자기만족용으로 사용하고 있는 부분이 있고, 여차하면 모바일은 모바일웹으로 쓸지도 모르겠다는 생각을 가지고 일단은 작업을 해둔 편이다. 내가 생각하는 주의사항은 다음과 같다. 1. 이 방법은 본문마다 적용시켜야 한다. 따라서 1천개 이상, 100개 이상 등 많은 정보를 담고 있는 블로그에서 적용하기에는 옳지 않다. (물론 나는 이렇게 다 바꿀 거야. 하는 경우에는 당신의 선택을 응원하겠다.) 2. 해당 방법은 티스토리 스킨에서 적용되는 폰트 따로, 티스토리 모바일웹 본문에서 적용되는 방법 따로다. 3. 수정을 하게 될 경우, 매번 코드를 입력해야 한다. 수정은 되도록 하지 ..
반응형
LIST