본문 바로가기

반응형

IT 리뷰/블로그 SEO

티스토리 본문 글씨크기 H2 H3 H4 제목 색상변경 티스토리 본문 글씨크기 H2 H3 H4 제목 색상변경 티스토리에서 본문 글씨 크기 변경과 색상 변경하는 방법에 대해 포스팅을 하려고 합니다. 이 포스팅에서는 예시를 들어가며 H1, H2, H3 태그를 포함한 본문의 글씨 크기와 색상을 변경하는 방법을 설명하고, 해당 태그에 대한 기능에 대해서도 알려드리겠습니다. 또한, 티스토리 제목과 머리말의 글씨 크기와 폰트 변경에 대해서도 다루겠습니다. 티스토리는 네이버 블로그와는 다르게 HTML이나 CSS를 이용하여 개인의 홈페이지를 손쉽게 만들 수 있는 블로그 웹 기반 서비스입니다. 그리고 자유로운 그리드 형태의 홈페이지를 만들다 보니 해상도에 맞지 않는 글씨 폰트나 폰트 크기 등이 가독성을 해칠 수 있고, 개인의 아이덴티티를 살리기 위해 본문 글씨를 지정하는 방.. 더보기
CSS 폰트크기 및 DIV 가로세로 단위 - In, Cm, mm, em, px CSS 폰트크기 및 DIV 가로세로 단위 - In, Cm, mm, em, px CSS를 사용하면서 폰트 크기, DIV 박스의 가로 세로 길이 등을 표현해야 할 때가 있는데 이때 사용하는 사이즈 단위에는 In, Cm, mm, em, px 등등 여러 종류가 있습니다. 이번 포스팅에서는 CSS에서 사용되는 사이즈 단위에 대해 알아보겠습니다. 절대단위 in (Inches): 인치 단위로 표현합니다. 1인치는 2.54 센티미터 cm (Centimeters): 센티미터 단위로 표현 mm (Millimeters): 밀리미터 단위로 표현 pt (Points): 포인트 단위로 표현한것으로 1 포인트는 약 0.35 밀리미터 pc (Picas): 파이카 단위로 표현한것으로 1 파이카는 12 포인트 상대단위 em: 폰트의 높.. 더보기
웹사이트 CSS 배경색 텍스트 색상코드 - 티스토리 워드프레스 HTML 웹사이트 CSS 배경색 텍스트 색상코드 - 티스토리 워드프레스 HTML 티스토리나 워드프레스, 네이버블로그 등 다양한 웹 사이트를 만들 때 색상은 중요한 역할을 합니다. HTML과 CSS를 사용하여 웹 사이트의 색상을 지정하는 여러 가지 방법이 있으며 이러한 색상 코드를 통해 원하는 색상을 표현할 수 있습니다. 가장 일반적인 방법은 십육진법으로 색상을 표현하는 방식으로서. RGB 가산혼합을 사용하여 빨강, 녹색, 청록색을 나타내는 두 자리 십육진수 세 쌍을 조합하여 색상을 지정합니다. 각 채널은 0부터 255까지의 값을 가질 수 있으며, 이를 두 자리 십육진수로 표현합니다. 예를 들어, #FF0000은 빨간색을, #00FF00은 녹색을, #0000FF는 청록색을 나타내는 CSS 색상코드입니다. HTML .. 더보기
HTML CSS - 텍스트 폰트 정렬 및 크기, 배경색상, 투명도 속성 HTML CSS - 텍스트 폰트 정렬 및 크기, 배경색상, 투명도 속성 티스토리나 워드프레스 등등 HTML 작업 중 자주사용하는 CSS 수정시트에 대해 속성값을 정리해보았습니다. 흔히 사용하는 본문 글씨크기 및 색상 간격, 배경색상등등의 스타일속성 명령어 등등 CSS 수정 시트는 웹 페이지의 스타일을 수정하고 개선하는 데 사용되는 중요한 도구로서 아래에는 몇 가지 자주 사용하는 스타일 속성과 그에 대한 간단한 설명을 제공하겠습니다. CSS 수정 시트를 활용하면 웹 페이지의 폰트, 배경 이미지, 그림자, 투명화, 정렬, 테두리 등 다양한 요소들을 손쉽게 스타일링할 수 있습니다. HTML CSS 차이점 HTML (HyperText Markup Language): 웹 페이지의 구조와 콘텐츠를 정의하는 마크업 .. 더보기
워드프레스 사이드바 고정 및 사이즈 변경 - 썸네일 대표이미지 숨기기 워드프레스 사이드바 고정 및 사이즈 변경 - 썸네일 대표이미지 숨기기 홈페이지를 직접 만들어 웹사이트를 관리한다면 각각의 CSS와 HTML을 어느정도 알아두느것이 좋습니다. 특히 사이드바에 애드센스 광고를 설정하거나 카테고리등을 설정해서 마우스로 이동 시 사이드바 고정시키고 싶거나 사이드바 고정폭 사이즈로 높이나 넓이등을 변경하는 방법과 썸네일 및 대표이미지를 워드프레스의 웹사이트 및 개별 포스팅에서 CSS 수정방법을 알아보겠습니다. 워드프레스 사이드바 고정방법 우선 웹사이트의 CSS 수정을 변경하기 위해서는 style.css 파일을 편집하거나 워드프레스의 경우 워드프레스 테마편집기에 있는 CSS 편집을 통해 테마에서 원하는 CSS를 추가하면 됩니다. 워드프레스 관리자계정으로 로그인합니다. 테마 -> 사.. 더보기
워드프레스 마우스 우클릭방지 사진 불펌 차단설정 핫링크 워드프레스 마우스 우클릭방지 사진 불펌 차단설정 핫링크 티스토리 블로그나 네이버블로그등을 하는 경우 유사문서 방지를 위해 마우스우클릭이나 불펌차단을 위한 다양한 설정을 기본적으로 제공하지만 워드프레스의 경우 이러한 내 저작권 데이터를 보호하기 위해서는 별도의 설정이 필요하며 이를 이해할 필요가 있습니다. 기본적으로 원작자가 있는 내용의 저작권허락없이 그대로올리느것은 민 형사사 처벌을 받을 수 있기 때문에 매우 주의를 해야하는 부분으로서 원작자의 허락을 받아 주소링크를 외부링크등으로 퍼가느것외에 본문의 내용을 그대로 복사해서 붙여넣기하는 일명 불펌의 경우 이미지의 트래픽이 분산될 뿐만 아니라 유사문서로 자칫 저품질 검색엔진에 안좋은 영향을 받을 수 있끼 때문에 주의해야합니다. 네이버 블로그 저품질 검색노출.. 더보기
티스토리 작성한 글 사진 백업 - 2022년 11월 지원 마이그레이션 미지원 티스토리 작성한 글 사진 백업 - 2022년 11월 지원 마이그레이션 미지원 이번 다음 카카오 화재로 인해 카카오 서버가 날라가면서 티스토리 접속이 불가능한 이슈가 있었으며 이로 하여금 지금까지 티스토리를 하던 블로거들의 위협을 받았을거라 생각합니다. CMS 형 홈페이지형 블로거지만 네이버블로그 보다 조금 더 권한을 줫을뿐 딱히 별도의 Root 권한이 없어 실제로 사용시에는 제한적인 요소가 강한 티스토리라는 단점도 있는데 기존에 티스토리 백업을 지원하다 최근들어 몇년간 백업 기능을 지원하지 않아 별도의 티스토리 백업 프로그램이 생기기도 했었습니다. 티스토리 가입 네이버 블로그 차이점 장점 및 단점 - 노랗IT월드 티스토리는 다음에서 서비스 하는 블로그 형태의 웹서비스 입니다. 네이버블로그와 달리 티스토리.. 더보기
워드프레스 구글 AMP 삭제 및 강제 리디렉션 설정 워드프레스 구글 AMP 삭제 및 강제 리디렉션 설정 구글에서 검색엔진최적화 "SEO"에 도움이 된다고 해서 설치한 워드프레스 AMP는 생각보다 효과를 보지못했습니다. 구글 페이지속도 측정에서는 속도가 개선되지만 실제로 검색엔진 색인이나 애드센스 광고등에서 딱히 장점을 느끼지 못해서 Accelerated Mobile Pages를 삭제를 할려고 했는데 문제는 앱을 삭제하더라도 기존에 구글에 색인된 AMP 페이지는 삭제되는데 시간이 많이 걸리기 때문에 이 부분을 해결하기 위해서 구글에서 추천하는 AMP 색인페이지 삭제 후 강제로 데스크탑 PC버전으로 리디렉션 하는 방법에 대해 알아보겠습니다. 워드프레스 AMP 참고 [IT 리뷰/블로그 SEO] - 워드프레스 모바일 최적화 AMP PWA 광고설정 속도향상 [IT.. 더보기

반응형