본문 바로가기
웹 개발/블로그

티스토리 | 사이즈 이미지 태그 스킨 관련 팁

by KISCH 2020. 2. 17.
반응형


티스토리팁






❛ 글 하루 제한 50개

❛ 본문 내 h1 태그(머리말1) 사용 금지



이미지


❛ 본문에 삽입되지 않은 대표 이미지로 넣지 않는다

❛ 이미지 alt태그 입력



사이즈


+ 슬라이드 : 1960 X 600

+ 썸네일 : 250 X 250

+ 본문 : 768 (애드센스 광고 최대 720 >> 좌우 여백 20씩)


+ 유튜브 동영상 첨부 시 모바일에서 우측이 넘어가 버리는 경우

<iframe width="560" ...> 를

<iframe width="100%" ...> 로 교체


+ 유튜브 동영상 사이즈 자동 조절 : 스킨편집 html </head> 앞에 다음 코드 삽입

<script type="text/javascript">

  $(window).resize(function(){resizeYoutube();});

  $(function(){resizeYoutube();});

  function resizeYoutube(){ $("iframe").each(function(){ if( /^https?:\/\/www.youtube.com\/embed\//g.test($(this).attr("src")) ){ $(this).css("width","100%"); $(this).css("height",Math.ceil( parseInt($(this).css("width")) * 480 / 854 ) + "px");} }); }

</script>


+ 표 사이즈 폰 화면 크기에 맞추기

<table class="txc-table" width="732" cellspacing="0" cellpadding="0" border="0" style="border:none;border-collapse:collapse;;font-family:" 맑은="" 고딕",="" sans-serif;font-size:16px"=""><tbody><tr><td style="width:244;height:24;border-bottom:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;border-left:1px solid #ccc;;"><p>&nbsp;</p></td>

빨간색으로 표시 된 width 부분 모두 삭제



태그


❛ 태그 다는 법 

1. 띄어쓰기 금지 : 띄어씌기한 이후는 포함되지 않는다.



메타태그


메타태그는 스킨 편집 html에 넣을 수 있지만 메타 태그 플러그인 사용하며 스킨 변경 시 메타 태그 다 날라가는 것 방지할 수 있다. name과 content만 입력하면 된다.


<meta name="robots" content="..." > 로봇검색 허용

<meta name="naver-site-verification" content="..." > 네이버 웹마스터 도구

<meta name="msvalidate.01" content="..."> Bing 검색 등록

<meta name="google-site-verification" content="...> 구글서치콘솔



북클럽스킨


링크색 변경 : 스킨 편집 하단 추가설정에서 색변경


유입


❛ 명절, 연휴에는 영화 드라마 등의 유입률이 급격하게 높아짐




2019/10/18 - [🖥 공학/컴퓨터공학 | 웹 개발] - [웹사이트] 사이트맵 생성

2019/10/22 - [🖥 공학/컴퓨터공학 | 웹 개발] - [웹사이트] 네이버 웹마스터 도구

2019/10/25 - [🖥 공학/컴퓨터공학 | 웹 개발] - [웹사이트] Daum 검색등록

2020/02/10 - [🖥 공학/컴퓨터공학 | 웹 개발] - [웹사이트] 구글 서치 콘솔

2020/02/17 - [🖥 공학/컴퓨터공학 | 웹 개발] - [웹사이트] 웹사이트 체크 리스트

2019/10/21 - [🖥 공학/컴퓨터공학 | 웹 개발] - [구글애드센스] 광고 삽입

2019/10/28 - [🖥 공학/컴퓨터공학 | 웹 개발] - [구글애드센스] 광고의 종류

2019/10/28 - [🖥 공학/컴퓨터공학 | 웹 개발] - [구글애드센스] 광고 꾸미기

2020/02/10 - [🖥 공학/컴퓨터공학 | 웹 개발] - [구글애드센스] 정책







반응형

댓글