• webmini life skin Ver 1.4.1 update view
  • 사이트 제작 문의 오랜 경험을 바탕으로 웹퍼블리싱을 해드립니다 제작 문의하기
  • 블로그 리뷰 문의 검색엔진최적화로 제품 리뷰를 해드립니다 리뷰 문의하기

티스토리33

728x90
[운영일지]웹미니 라이프 스킨 1.4.1 버전 : webmini life 1.4.1업데이트 내역- 본문내 이전글/다음글 추가- '응원하기' 다크모드 지원  본문내에 이전글/다음글이 추가되었으며, 스킨편집에서 노출 설정이 가능합니다.관련글도 노출 설정이 스킨편집에서 가능하도록 수정되었습니다. '응원하기' 노출이 되는 블로그는 다크모드에서도 지원하도록 수정되었습니다.주의할점index.xml을 덮을경우 기존에 설정된 값들이 없어지므로 스킨편집 설정창을 새로 하나더 열어서 업로드하시고 기존 설정창에서 아무거나 수정 후 적용을 누르시면 기존 설정들이 다시 저장됩니다. 그후에 새로추가된 기능을 재설정하시면 됩니다. 스킨 구매하기
[블로그 운영팁]블로그를 처음 시작하는 분들을 위한 블로그 운영 총정리 지금 처음 블로그를 시작하는데 너무 늦은 건 아닐까요?아무것도 모르는데 어떤것 부터 시작해야 할까요?늦지 않았습니다. 이유는 꾸준히 블로그 주제에 맞게 전문적으로 글만 올린다면 몇 달 안에 상위블로그가 될 수 있습니다.늦게 개설한 게 중요한 게 아니라 꾸준히 글을 올리냐가 더 핵심입니다. 3가지로 요약해 봤습니다.1. 블로그부터 개설하자.2. 주제를 정하자.3. 꾸준히 글을 올리자. 제일 기본이고, 기본은 쉬워 보여도 어렵습니다.운영하면서 여러 필요작업이 있습니다. 그걸 부가적으로 설명하고자 합니다.블로그부터 개설하자블로그는 다양하며 블로그마다 장/단점이 있습니다.크게 설치형 블로그와 제공형 블로그가 있습니다. 1. 설치형 블로그설치형 블로그는 사용자가 블로그 소프트웨어를 직접 서버에 설치하여 운영하는 ..
웹미니 라이프 스킨 특징 웹미니 라이프 티스토리 스킨 특징- 검색엔진최적화(SEO)- 웹접근성 준수- 반응형 지원- 기업용 블로그에도 적합- 프로모션 기능- 자동 다크모드 지원- 화면 확대 기능- 내비게이션 꾸미기- 카테고리 펼침/접기 지원- 본문 집중모드- 본문글자크기 조절기능 추가- 본문 이전글/다음글 설정- 본문 관련글 설정- 공지사항 스크롤 기능- 메인 알림팝업 기능- 로티(lottie) 애니메이션 기능- 업데이트 지원검색엔진최적화(SEO)구글, 네이버, bing을 옵션을 통해 쉽게 등록가능합니다.시멘틱 웹, 의미있는 마크업으로 SEO에 최적화되어있습니다. 웹접근성 준수티스토리 특성상 코드 수정 못하는 부분까지 웹접근성에 최대한 초점을 맞춰서 제작되었습니다.반응형 지원통일성 있게 모바일에서도 반응형으로 지원이 됩니다.기업..
[운영일지]메크로 스팸 댓글 소탕하기 100개의 스팸 댓글보다 하나의 정성스런 댓글이 더 소중하다.. 사이트 운영당시 스팸 댓글로 인해 저품질로 나락한 적이 있었다.열심히 운영하고 시간 투자해서 만든것들이 한순간에 그 모든 노력이 수포로 돌아가는 경험을 했었다. 티스토리는 초창기부터 운영을 해왔는데 정상적인 댓글은 글내용을 바탕으로 달린 댓글들이었다.올바른 댓글은 글쓴이도 기분이 좋아지게하고, 소통한다는 느낌이 든다. 방문통계와 글통계를 확인해보면 통계 수치에 비해 댓글이 하나도 없는 것들도 많다.그런데 어느순간부터 그 반대의 증상이 나타나기 시작한다.방문자는 없는데 댓글이 달리기 시작하고 공감하트가 방문자 수치보다 높아지기 시작한다. 최근에 올라온 스팸성 댓글만 몇백개는 되는듯하다. 메크로 댓글메크로는 말그대로 몇 개의 자동 댓글 메시지를..
스킨 설치하기 스킨 설치하는 방법입니다.메뉴 위치 : 관리자 > 꾸미기 > 스킨 변경 스킨 등록 + 버튼을 클릭합니다. 추가 버튼을 클릭합니다.스킨 폴더의 파일을 모두 업로드합니다. (images 폴더는 폴더가 아닌 폴더 안에 있는 파일을 업로드해야합니다.)  스킨명 이름을 작성합니다. 마지막으로 등록된 스킨을 '적용'합니다. 적용후 스킨 편집에서 옵션을 설정하시면 됩니다.옵션 설정 방법은 아래 글에서 확인해주세요.
[광고]구글 애드센스 플랫폼 파트너 티스토리는 수익쉐어를 하는가? 티스토리 사용자는 관리자 페이지에서 구글 애드센스 심사부터, 광고 설정, 수익 확인까지 티스토리에서 확인이 가능하다.아마 티스토리 사용자는 관리자 메뉴에서 제공하는 구글 애드센스 사용 시 티스토리에서 수익을 일부 가져가는가?에 대한 의문이 생길 것이다. 구글 애드센스 관련해서 티스토리 공지내용을 살펴봐도 수익 관련 내용은 찾을 수 없었다. https://notice.tistory.com/2572 [안내] '수익'을 소개합니다.안녕하세요. 티스토리 팀입니다. 콘텐츠는 수익이 됩니다. 콘텐츠가 가진 힘은 따로 이야기하지 않아도 너무나도 당연한 사실이 됐습니다. SNS, 인터넷 방송, 유투브와 같은 영상 콘텐츠 서비스,notice.tistory.com https://notice.tistory.com/2569 ..
[티스토리]웹미니 스킨 버전 관리(버전 표기법) 웹미니(티스토리) 스킨의 버전은 다음과 같이 표기합니다.첫 릴리스 버전은 1.0.0 부터 시작합니다. 초기 버전 표기주요 (호환성): 1부가 (기능추가 및 개선): 0수정 (패치 및 소소한 수정): 0버전 표기법 설명주요 (Major)주 버전은 주요 기능 변경이나 호환성 문제를 나타냅니다. 이 숫자가 바뀔 때는 소프트웨어가 큰 변화가 있거나 주요 기능이 추가되었음을 의미합니다.부가 (Minor)부 버전은 기능 추가나 소규모 개선 사항을 나타냅니다. 주 버전이 동일한 상태에서 이 숫자가 바뀌면 새로운 기능이 추가되거나 기존 기능이 개선되었음을 의미합니다.수정 (Patch)수정 버전은 버그 수정이나 작은 개선 사항을 나타냅니다. 부 버전이 동일한 상태에서 이 숫자가 바뀌면 주로 버그가 수정되었음을 의미합니다.
[티스토리]관리자 '스팸 댓글 휴지통' 오류좀 잡아주세요 댓글 휴지통은 도배 등 시스템에서 스팸 분류한 댓글을 휴지통으로 이동시켜 주는 기능이다.댓글 내용이 '이용약관 위배로 관리자 삭제되었습니다.'라고 뜨길래 거슬려서 '삭제'를 했는데 삭제가 되지 않는다. '복구'는 되는데 삭제가 안된다. 체크해서 삭제를 해보기도 해보고, 영역 오버 시 나오는 메뉴에서도 삭제를 해보 왔지만 마찬가지였다.15일 후에 자동 삭제가 된다고는 하는데 '변경중' 이라고만 나오고 멀쩡한 걸 보니 오류인듯한데, 티스토리 개발자분들 확인 좀 해주세요. https://notice.tistory.com/2661 [안내] '스팸 댓글 휴지통 보내기' 기능 신설안녕하세요. 티스토리팀입니다. ‘스팸 댓글 휴지통 보내기’ 기능이 신설되었습니다. ‘스팸 댓글 휴지통 보내기’는 도배 등 시스템에서 스팸..
[운영일지]웹미니 블로그 Ver10.0 코드 및 CSS정리 웹미니 블로그 Ver10.0로 업데이트 완료. 업데이트 내역1. 사용하지 않는 코드 정리 및 수정 (접근성 일부추가)2. CSS (float -> display:flex) 형태로 변경3. 기본폰트스타일 변경('Noto Sans DemiLight' --> Pretendard)4. 전체적인 스타일 미세하게 변경(색상,여백등..)  레이아웃 코드 변경- float로 되어있던 속성을 display:flex;로 변경
[티스토리]콘솔 메시지 initHighlightingOnLoad() 해결 방법 티스토리 콘솔 메시지가 아래와 같이 표시될 때가 있다. Deprecated as of 10.6.0. initHighlightingOnLoad() is deprecated. Use highlightAll() instead. 원인highlight.min.js 사용시 이렇게 함수를 호출하는데 해당함수는 구식함수이기 때문이다. 공식문서에는 아래처럼 사용하라고 안내한다.  참고https://highlightjs.org/#news-142 highlight.jsUsage highlight.js can be used in different ways such using CDNs, hosting the bundle yourself, as a Vue plug-in, as ES6 modules, with Node.js, a..
[잡담]티스토리 댓글 이벤트 카카오 프렌즈 춘식이 다이어리 세트 당첨 후기 티스토리 댓글이벤트에 당첨돼서 카카오프렌즈 2024년 다이어리 세트를 받았습니다. 감사의 마음으로 후기 남깁니다. https://notice.tistory.com/2662 [마감] 댓글로 고마운 마음 전하고 카카오프렌즈 다이어리 받으세요 📒 안녕하세요. 티스토리팀입니다. 꼼꼼한 맛집 리뷰로 맛있는 한 끼를 보장해 준 블로그, 놓치면 안 될 영화의 관전 포인트만 콕콕 집어준 블로그, 어려운 개발 개념을 알기 쉽게 설명해 준 블로그 notice.tistory.com 카카오프렌즈 춘식이 카카오프렌즈에서 '라이언'을 좋아라 했었는데, 춘식이도 라이언 못지않게 귀욤귀욤 하네요. 2024 카카오 춘식이 다이어리 세트 구성 세트구성은 다음과 같습니다. 1. 다이어리 2. 탁상용 캘린더 3. 체크리스트 메모지 4. F..
[Jquery]티스토리 Youtube 동영상 첨부시 반응형 처리하기 티스토리에서 'Youtube 동영상 첨부 시' Jquery로 반응형 처리하는 방법입니다. 글쓰기 에디터에서 동영상을 첨부했을때입니다. 위처럼 동영상 첨부를 하게 될 경우 해상도가 줄어들면 영상 사이즈가 고정되어 있어서 줄어들지 않습니다. 위 문제를 Jquery로 자동으로 리사이징 해주는 방법이라고 이해하시면 됩니다. 스킨 수정 1. 티스토리 로그인 후 '꾸미기 > 스킨 편집'으로 접근합니다. 2. 스킨 편집 HTML에서 위에 아래 코드를 삽입합니다. '저장' 버튼을 누릅니다. 코드 설명 해당 JavaScript 코드는 jQuery를 사용하여 YouTube 비디오를 리사이즈하는 함수를 정의하고, 창 크기가 변경될 때와 문서가 로드될 때 이 함수를 호출하는 이벤트 핸들러를 설정합니다. - $(window)...
[블로그 운영팁]티스토리 다크 모드일 때 방문자 통계 그래프(플러그인) 색상 변경하기 티스토리 기준이며, 같은 그래프를 사용하는 곳이 있다면 비슷한 방식으로 적용하면 될 거 같습니다. 다크모드 or 어두운 테마를 사용 중인 블로그만 해당됩니다. 방문자 통계 그래프 플러그인 위치 : 티스토리 관리자 > 플러그인 > 방문자 통계 그래프 적용 위 방문자 통계 그래프를 사용할때 다크모드로 적용했을 경우 수치 색상이 묻혀서 잘 안 보이는 문제입니다. 해당 부분은 CSS로 수정이 가능합니다. 해결방법 저같은 경우는 다크모드 적용 시 html에 color-thema="dark"가 삽입되도록 했기 때문에 다크모드일 때 CSS에 상속을 시켜서 다크모드일 때만 적용되도록 했습니다. 다크모드 버튼 클릭 or 디바이스 시스템 다크모드 (prefers-color-scheme: dark) 선택시 color-the..
[운영일지]웹미니 블로그 Ver.9 업데이트 완료 2007년 테터툴즈 블로그를 시작으로 텍스트큐브, 워드프레스, 티스토리까지 데이터를 이전하면서 지금까지 블로그를 운영 중이다. 아쉬운 부분도 있지만 아직은 티스토리에 만족하고 있다. 티스토리 웹미니 스킨 티스토리로 운영하면서 고정형부터 반응형까지 9번에 스킨을 크고 작게 변경했다. 티스토리에서 제공하는 스킨에서 웹미니 스타일로 항상 커스트마이징을 해서 사용했었는데, 이번 웹미니 버전은 기존 디자인은 크게 변경은 하지 않았고, 기능적으로 추가를 했다. 블로그는 정보나 개인적인 생각을 글로 전달하는 게 목적이기에 글에 집중할 수 있도록 불필요한 요소들은 제거를 했다. 반대로 글을 읽는데 도움이 되는 부분은 기능적으로 추가를 했다. 웹미니만의 디자인 컬러는 그대로 가져가되, 기존 웹미니 사이트와 연결해서 사이..
[블로그 운영팁]티스토리 ‘오늘까지 블로그 몇일 운영한지’ 보여주기 블로그 운영 며칠 되었는지 보여주는 소스입니다. 꼭 블로그가 아니더라도 사이트도 될 수 있고, D-day로 응용 가능합니다. 티스토리 기준으로 설명하겠습니다. 먼저 안에 아래 코드를 넣으세요. 위에 '블로그 개설일'은 본인 블로그 오픈 날짜로 변경해주세요. 다음으로 사이드바에 전체 방문자 보여주는 곳에 아래 코드를 넣으세요. 전체 방문자 Today : [!##_count_today_##] Yesterday : [!##_count_yesterday_##] [!##_count_total_##] 블로그 개설일 : 2007년 2월 27일 오늘까지 일 운영중 // 해당 부분입니다. 위에 [!##_count 이 부분에서! 는 없애고 적용해 주세요. (치환자를 넣었더니 변경되는 걸 방지하기 위해! 를 임시로 넣은 것..
[개발]티스토리 상단 스크롤 프로그레스바 적용하기 티스토리 뿐만 아니라 다른 사이트에도 적용이 가능합니다. 가끔 글내용이 길때 어디까지 더 읽어야하는지, 아니면 얼만큼 남았는지 궁금할때가 있습니다. 브라우저 스크롤도 있지만, 맥에서는 스크롤을 하기전까지 안보임으로 프로그레스바를 통해 얼만큼 스크롤 되었는지 알 수 있습니다. 위에 예시 이미지를 보시면, 상단에 붉은색 라인처럼 보여지며, 해당 블로그에서도 스크롤을 하면 프로그레스바를 확인 할 수 있습니다. 적용방법 위에 소스를 안에 삽입합니다. 여기서 #tt-body-page 아이디 값은 최상단의 id나 class값을 넣으시면 됩니다. 크롬 개발자도구를 이용하시면 쉽게 찾을 수 있습니다. 그리고 프로그래스바가 보여질 곳 바로 아래 넣으셔도 됩니다. 사실 position이 fixed로 되어있어서 아무곳에 넣..
[블로그 운영팁]구글 애드센스 '인피드' 광고 원하는 형태로 출력 구글 애드센스 광고 단위에서 '인피드' 광고를 이용해서 블로그 게시글 리스트 사이에 광고를 노출시키는 방법입니다. (티스토리 기준) 카테고리를 클릭하면 보실 수 있습니다. 웹미니 : The Story Of webmini AI와 IOT에 관심이 많고, 영화감상과 사진찍는 취미도 있습니다. webmini.tistory.com 순서는 다음과 같습니다. 1. 구글 애드센스에서 '인피드' 광고를 설정 2. 블로그 'html' 편집에 소스 삽입 구글 애드센스 인피드 광고 생성 먼저 구글 애드센스 광고 단위를 인피드 광고를 선택합니다. 그리고 인피드 광고를 추천하는 스타일로 본인의 사이트 노출되는 주소를 입력합니다. (데스크탑, 모바일은 선택) 주소를 입력하면 자동으로 사이트 디자인에 맞게 스캔을 하고, 세부적인 사..
[블로그 운영팁]티스토리 카테고리 'New' 이미지 변경 티스토리 카테고리에 새로운 글이 올라오면 노출되는 'New' 이미지를 기본 이미지에서 원하시는 이미지로 바꾸는 방법입니다. 우측에 보이는 카테고리 이미지 입니다. 순서 1. 관리자 > 콘텐츠 > 카테고리 관리에서 설정부분에 '카테고리에 새 글 발행 여부를 '표시합니다'로 먼저 변경해줍니다. 2. 관리자 > 꾸미기 > 스킨편집에서 변경할 이미지를 업로드합니다. 해당 메뉴로 가서 html 편집으로 들어갑니다. 파일업로드에서 변경할 이미지를 추가해줍니다. (하단에 추가 버튼) 3. 스킨 편집에서 'HTML'을 클릭 후 아래 소스를 바로 위에 삽입합니다. 여기서 이미지 경로와 파일명은 업로드한 파일명으로 변경해주세요. 그리고 '적용'을 누르면 완료입니다. 만약 기존 이미지가 보였다가 변경할 이미지가 보일경우는 ..
[운영일지]웹미니 통합스킨 Ver.1 웹미니 사이트가 재오픈되어, 사이트 디자인과 맞게 블로그도 사이트에 맞게 수정완료. 변경이유 - 크롬 브라우저 정책상 티스토리 2차 도메인에 따른 제약 사항이 있어, 블로그 원주소로 변경함 - 주소 변경으로 인한 방문자 감소됨. - 사이트와 블로그 관리가 번거로움. 해결 방안 - 블로그 2차 주소(http://blog.webmini.net)로 접속시 티스토리 원주소로 자동 리다이렉팅. (관련글 : webmini.tistory.com/991) - 통합스킨으로 디자인 및 검색 통일화 (두사이트 통합검색) 기대 효과 - 사이트와 블로그 유지보수/ 관리 용이함. - 디자인 통일화로 사이트 접근성 용이. - 사이트 or 블로그 유입시 양방향 PV 증가
[운영일지]티스토리 블로그 2차 도메인 주소 변경시 페이지 주소 유실 문제해결 웹미니 블로그 주소 http://blog.webmini.net 를 꽤 오래 사용했었는데, 구글 크롬 등 주요 브라우저의 정책 변경 및 취약점 대응을 위하여 티스토리에서 2차 도메인으로 접속 시 일부 기능이 불가피하게 제약이 되어 티스토리 기본 주소로 돌렸습니다.notice.tistory.com/2546 [안내] 2차 도메인 사용 시 유의사항안녕하세요. 티스토리팀 입니다. 티스토리는 블로그 개설 시 지정하신 블로그 주소 (000.tistory.com)외 가지고 계신 별도의 도메인 (www.000.com 등)으로도 서비스를 이용하실 수 있도록 2차 도메인 연notice.tistory.com댓글 및 방명록, 구독하기등 2차 도메인 사용시 불편함이 많아서 2차 도메인을 버릴 수 밖에 없었네요.장기적으로 봤을때도..
반응형