30% Salewebmini life skin 이벤트 기간 : 6월5일 ~ 8/31일 스킨 특징보기 블로그 리뷰 문의 정성들여 제품 리뷰해 드립니다. 리뷰 문의하기 블로그 운영59 728x90 [운영일지]웹미니 라이프 스킨 1.2.0 webmini life 1.2.0업데이트 내역관리자 옵션1. 페이지 전환시 로딩이미지 설정가능 (로티 json 추가)2. 카카오채널 추가시 사이드바 노출3. 사용하지 않은 옵션 정리4. 사업자 설정가능(자동 정보조회 연결) 코드수정1. 라이브러리, 폰트등 스킨내에 포함(폰트,폰트어썸)2. 스킨외 라이브러리, 폰트등 라이선스 표기3. 다크모드 코드 업데이트4. CSS 중복제거 및 코드정리5. 로고 등록 부분 배포용에 맞게 수정6. javascript 업데이트7. 네이게이션 메뉴 위치 저장 오류수정1. 로딩이미지 설정시 adfit 스크립트 못불러오는 문제 수정 배포용으로 초점을 맞춰 사용자가 쉽게 설정할 수 있도록 코드 수정중 [운영일지]메크로 스팸 댓글 소탕하기 100개의 스팸 댓글보다 하나의 정성스런 댓글이 더 소중하다.. 사이트 운영당시 스팸 댓글로 인해 저품질로 나락한 적이 있었다.열심히 운영하고 시간 투자해서 만든것들이 한순간에 그 모든 노력이 수포로 돌아가는 경험을 했었다. 티스토리는 초창기부터 운영을 해왔는데 정상적인 댓글은 글내용을 바탕으로 달린 댓글들이었다.올바른 댓글은 글쓴이도 기분이 좋아지게하고, 소통한다는 느낌이 든다. 방문통계와 글통계를 확인해보면 통계 수치에 비해 댓글이 하나도 없는 것들도 많다.그런데 어느순간부터 그 반대의 증상이 나타나기 시작한다.방문자는 없는데 댓글이 달리기 시작하고 공감하트가 방문자 수치보다 높아지기 시작한다. 최근에 올라온 스팸성 댓글만 몇백개는 되는듯하다. 메크로 댓글메크로는 말그대로 몇 개의 자동 댓글 메시지를.. [광고]구글 애드센스 플랫폼 파트너 티스토리는 수익쉐어를 하는가? 티스토리 사용자는 관리자 페이지에서 구글 애드센스 심사부터, 광고 설정, 수익 확인까지 티스토리에서 확인이 가능하다.아마 티스토리 사용자는 관리자 메뉴에서 제공하는 구글 애드센스 사용 시 티스토리에서 수익을 일부 가져가는가?에 대한 의문이 생길 것이다. 구글 애드센스 관련해서 티스토리 공지내용을 살펴봐도 수익 관련 내용은 찾을 수 없었다. https://notice.tistory.com/2572 [안내] '수익'을 소개합니다.안녕하세요. 티스토리 팀입니다. 콘텐츠는 수익이 됩니다. 콘텐츠가 가진 힘은 따로 이야기하지 않아도 너무나도 당연한 사실이 됐습니다. SNS, 인터넷 방송, 유투브와 같은 영상 콘텐츠 서비스,notice.tistory.com https://notice.tistory.com/2569 .. [운영일지]웹미니 라이프 스킨 1.1.0 웹미니 라이프 스킨 1.1.0업데이트 내역관리자 설정1. 서브 타이틀 등록 추가2. 블로그 ID 설정 (상단 '구독하기' 자동생성)3. 블로그 오픈일 등록 설정(운영일수 자동계산 기능)4. GNB 색상 설정가능(배경,폰트,hover) - 다크모드 포함5. 검색최적화(SEO) - 네이버,구글,빙, 사이트 키워드 등록 가능6. 홈 프로모션 자동/정지 기능설정, 제목 색상, 버튼문구 및 색상 설정 가능7. 본문 자동 목차 기능(목차 노출 비활성화/활성화)8. 사이드바 카테고리 메뉴 펼침기능9. 사이드바 카테고리 자동 위치 기능(글,카테고리에 따라 자동으로 위치 찾음)10. 푸터 메뉴 설정 기능 대부분의 기능을 관리자에서 설정할 수 있도록 수정함. [운영일지]웹미니 라이프 스킨 1.0.1 (웹접근성,권장사항,SEO) 웹미니 라이프 스킨 1.0.1업데이트 내역 웹접근성1. 색상 명도대비 수정 (다크모드 포함) 2. 백그라운드 이미지 대체 문구 삽입 (스킨 외 코드 : 티스토리-댓글,방명록,블로그소개 영역) 3. 이미지 alt 강제 삽입 4. 메인 슬라이드 페이징 포커스 영역 수정 5. 티스토리 코드(iframe 'title' 누락 부분 강제 삽입) 6. 최근/인기/댓글 웹접근성 코드 추가 및 마크업 변경 7. a링크 target 없는 경우 _self 자동 삽입 8. 링크 및 버튼 포커스영역 미흡사항 반영권장사항1. 페이징 이전,다음,... herf 없는경우 강제로 span 태그로 변경 2. 다크모드에서 이메일(링크) 색상 구분SEO1. canonical 동적으로 URL변경그 밖에 업데이트1. 메인 슬라이드 자동/정지 .. [운영일지]웹미니 라이프 스킨 1.0.0 웹미니 라이프 스킨 1.0.0 업데이트 내역1. 웹미니 블로그 10.0.0을 웹미니 라이프 1.0.0 스킨으로 변경2. 나의 링크 추가(푸터,사이드바) - 링크가 없을경우 영역 숨김3. CSS색상 변수 추가 및 보완4. 코드 정리 및 스타일 수정 작업 예정- 배포용으로 준비중 [운영일지]웹미니 블로그 Ver10.6 웹접근성,SEO,권장사항 보완 웹미니 블로그 Ver10.6로 업데이트 완료.업데이트 내역1. 코드 정리 및 CSS수정 (레드 포인트 컬러 변경)2. 웹접근성 보완3. 블로그 권장사항 및 SEO 강화웹접근성 보완- 웹접근성 체크- 권장사항 보완- SEO 보완티스토리 기본 코드 접근 제한으로 성능 최적화는 불가능 [운영일지]웹미니 블로그 Ver10.5 단축기 안내 및 화면 확대/축소 기능추가 웹미니 블로그 Ver10.5로 업데이트 완료.업데이트 내역1. 코드 정리 및 CSS수정2. 화면 확대 축소 기능 추가3. 단축키 안내 추가4. 로고 애니메이션 추가5. 웹접근성 체크 및 보완화면 확대/축소 기능- 모바일이나 반응형일때 기능제거 및 초기화- 최대,최소 크기 도달시 alert추가 및 색상 변경 [티스토리]관리자 '스팸 댓글 휴지통' 오류좀 잡아주세요 댓글 휴지통은 도배 등 시스템에서 스팸 분류한 댓글을 휴지통으로 이동시켜 주는 기능이다.댓글 내용이 '이용약관 위배로 관리자 삭제되었습니다.'라고 뜨길래 거슬려서 '삭제'를 했는데 삭제가 되지 않는다. '복구'는 되는데 삭제가 안된다. 체크해서 삭제를 해보기도 해보고, 영역 오버 시 나오는 메뉴에서도 삭제를 해보 왔지만 마찬가지였다.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.. [블로그 운영팁]블로그 상위노출 및 고품질 블로그로 만드는 방법들 마케팅은 돈이 들고, 돈을 최소화하기 위한 마케팅은 가성비 좋은 '바이럴 마케팅'을 해야 한다고 글을 남긴 적이 있습니다. https://webmini.tistory.com/1110 [마케팅]마케팅은 왜 해야하는 걸까?(마케팅에 대한 경험과 생각) 제가 생각하는 마케팅은 = 돈입니다. 무슨 의미냐면 마케팅을 하기 위해선 돈이 들어간다는 이야기입니다. 그리고 마케팅은 돈을 벌어다 줍니다. 온라인이 없던 시절에는 전단지나 TV광고, 신문 webmini.tistory.com 그렇다면 블로그를 상위 노출되는 고품질 블로그로 만드는 방법은 무엇일까요? 1. 꾸준한 포스팅 하루에 많은 양은 아니더라도 최소 1개씩은 포스팅 하는것이 좋습니다. (중요함) 2. 제목 키워드 글을 검색할때 검색어 = 글제목이라고 보시면 .. [블로그 운영팁]블로그 작성 시 이런 글은 피하자 블로그에 글을 작성 시 몇 가지 알아야 할 사항 정리해 봅니다. 블로그의 제목 블로그의 글을 자주 수정하면 순위가 떨어진다는 말이 있는데, 그렇지 않다고 말씀드리고 싶습니다. 책 출판을 할 때 몇 번을 살펴봐도 안 보이던 오타가, 신기하게 인쇄를 하면 보입니다. 그렇듯 블로그도 당연히 오타가 있을 수 있습니다. 이런 걸로 순위를 낮추는 검색 로직이라면, 로직이 잘못된 거라 생각합니다. 물론 수정되는 범위의 기준은 있어야겠죠. 다만, 검색할 때 제목 키워드로 찾기 때문에 제목을 수정할 때는 신중하셔야 하며 되도록이면 제목 수정은 하지 않는 것을 추천해 드립니다. 블로그의 나쁜 문서가 되지 않기 위해 몇 가지 피해야 할 링크들 - 대량의 링크는 삼가자 (몇십 개의 링크를 페이지 내에 삽입하는 경우) - 일반.. [블로그 운영팁]티스토리 다크 모드일 때 방문자 통계 그래프(플러그인) 색상 변경하기 티스토리 기준이며, 같은 그래프를 사용하는 곳이 있다면 비슷한 방식으로 적용하면 될 거 같습니다. 다크모드 or 어두운 테마를 사용 중인 블로그만 해당됩니다. 방문자 통계 그래프 플러그인 위치 : 티스토리 관리자 > 플러그인 > 방문자 통계 그래프 적용 위 방문자 통계 그래프를 사용할때 다크모드로 적용했을 경우 수치 색상이 묻혀서 잘 안 보이는 문제입니다. 해당 부분은 CSS로 수정이 가능합니다. 해결방법 저같은 경우는 다크모드 적용 시 html에 color-thema="dark"가 삽입되도록 했기 때문에 다크모드일 때 CSS에 상속을 시켜서 다크모드일 때만 적용되도록 했습니다. 다크모드 버튼 클릭 or 디바이스 시스템 다크모드 (prefers-color-scheme: dark) 선택시 color-the.. [운영일지]웹미니 블로그 Ver9.5 다크모드 적용완료 웹미니 블로그 Ver9.5로 업데이트 완료. 업데이트 내역 1. 코드 정리 및 수정 2. 다크모드 적용 다크모드 기능 - 디바이스 화면모드(테마)를 감지 후 라이트 or 다크모드로 자동 변경 - 방문자 선택을 고려해서 모드 선택 가능 (토글기능 추가) - 기존 포스팅했던 다크모드를 참고해서 눈의 피로도를 고려해서 색상 적용 https://webmini.tistory.com/1094 [잡담]다크 모드 어떻게 생각하시나요? 요즘 휴대폰, 컴퓨터, 블로그, 사이트, 어플 등 여기저기 다크 모드 기능을 적용 중이다. "다크 모드 어떻게 생각하시나요?"라는 제목의 의미는 여러 가지가 있지만, 묻고자 하는 질문은 '눈'의 피 webmini.tistory.com 이슈사항 - 다크모드 변경 후 페이지 전환시 라이트 모.. [운영일지]웹미니 블로그 Ver.9 업데이트 완료 2007년 테터툴즈 블로그를 시작으로 텍스트큐브, 워드프레스, 티스토리까지 데이터를 이전하면서 지금까지 블로그를 운영 중이다. 아쉬운 부분도 있지만 아직은 티스토리에 만족하고 있다. 티스토리 웹미니 스킨 티스토리로 운영하면서 고정형부터 반응형까지 9번에 스킨을 크고 작게 변경했다. 티스토리에서 제공하는 스킨에서 웹미니 스타일로 항상 커스트마이징을 해서 사용했었는데, 이번 웹미니 버전은 기존 디자인은 크게 변경은 하지 않았고, 기능적으로 추가를 했다. 블로그는 정보나 개인적인 생각을 글로 전달하는 게 목적이기에 글에 집중할 수 있도록 불필요한 요소들은 제거를 했다. 반대로 글을 읽는데 도움이 되는 부분은 기능적으로 추가를 했다. 웹미니만의 디자인 컬러는 그대로 가져가되, 기존 웹미니 사이트와 연결해서 사이.. [블로그 운영팁]구글 애드센스 삽입 시 height: auto !important 강제로 적용되는 이유 블로그 or 사이트에 스크립트를 따로 처리를 한 적이 없는데 div나 감싸고 있는 block영역에 강제로 style="height: auto !important"가 적용이 된 걸 보았을 것이다. 그 이유는 구글 애드센스 삽입 시 광고에서 자동으로 style을 주기 때문이다. 왜? 이런 현상이 있는 것일까? Google AdSense 광고 div에 height:auto !important가 강제로 적용되는 문제는 일반적으로 광고 크기 최적화 설정으로 인해 발생합니다. 이 설정은 광고가 항상 웹 페이지의 내용에 맞게 크기를 조정되도록 하며, 이는 광고 div의 높이를 자동으로 조정할 수 있습니다. 이 문제를 해결하려면 광고 크기 최적화 설정을 끄십시오. 이렇게 하려면 AdSense 관리자 계정으로 이동하여 .. [블로그 운영팁]티스토리 ‘오늘까지 블로그 몇일 운영한지’ 보여주기 블로그 운영 며칠 되었는지 보여주는 소스입니다. 꼭 블로그가 아니더라도 사이트도 될 수 있고, D-day로 응용 가능합니다. 티스토리 기준으로 설명하겠습니다. 먼저 안에 아래 코드를 넣으세요. 위에 '블로그 개설일'은 본인 블로그 오픈 날짜로 변경해주세요. 다음으로 사이드바에 전체 방문자 보여주는 곳에 아래 코드를 넣으세요. 전체 방문자 Today : [!##_count_today_##] Yesterday : [!##_count_yesterday_##] [!##_count_total_##] 블로그 개설일 : 2007년 2월 27일 오늘까지 일 운영중 // 해당 부분입니다. 위에 [!##_count 이 부분에서! 는 없애고 적용해 주세요. (치환자를 넣었더니 변경되는 걸 방지하기 위해! 를 임시로 넣은 것.. [블로그 운영팁]네이버 검색시 탭메뉴 형태로 노출되게 하려면 네이버 검색 시 탭메뉴 형태로 노출되게 하는 방법입니다. 이해를 돕기위해 스크린샷을 참고하세요. [미리보기] 검색 화면을 보시면 '요즘 시대의 단독주택이란?' 처럼 탭메뉴가 생성된걸 보실 수 있습니다. 위처럼 하기 위해서 블로그에 글을 작성하실때 제목(본문) 태그를 이용해서 제목을 작성하시면 됩니다. 티스토리 기준으로 상단에 제목태그를 이용하시면 되고, 에디터가 없는경우는 로 제목을 감싸주시면 됩니다. 제목문구 제목태그 위처럼 제목을 태그로 감싸주면 네이버 검색시 탭형태로 노출됩니다. 추가 설명을 드리자면, html도 문서입니다. 웹페이지이기 때문에 웹문서라고 합니다. 문서를 만들때 제목,본문을 구분하듯이 웹에서도 의미있는 마크업을 통해 웹페이지를 작성(코딩)합니다. 이것을 시멘틱웹이라고 합니다. 이렇게.. [블로그 운영팁]구글 애드센스 '인피드' 광고 원하는 형태로 출력 구글 애드센스 광고 단위에서 '인피드' 광고를 이용해서 블로그 게시글 리스트 사이에 광고를 노출시키는 방법입니다. (티스토리 기준) 카테고리를 클릭하면 보실 수 있습니다. 웹미니 : The Story Of webmini AI와 IOT에 관심이 많고, 영화감상과 사진찍는 취미도 있습니다. webmini.tistory.com 순서는 다음과 같습니다. 1. 구글 애드센스에서 '인피드' 광고를 설정 2. 블로그 'html' 편집에 소스 삽입 구글 애드센스 인피드 광고 생성 먼저 구글 애드센스 광고 단위를 인피드 광고를 선택합니다. 그리고 인피드 광고를 추천하는 스타일로 본인의 사이트 노출되는 주소를 입력합니다. (데스크탑, 모바일은 선택) 주소를 입력하면 자동으로 사이트 디자인에 맞게 스캔을 하고, 세부적인 사.. 반응형 이전 1 2 3 다음