화면 크기가 달라져도 이미지의 가로 크기와 세로 길이가 동일하게 유지되도록 하고 싶은 CSS나 자바스크립트로 시도해볼 수 있습니다. 이미지가 가로 세로 비율이 동일하게 유지하고 싶은 경우 아래의 방법을 테스트해보시기 바랍니다. CSS를 사용하여 이미지 종횡비 (Aspect Ratio) 유지하기 이미지 크기가 변해도 종횡비 (예: 4:3, 16:9)를 유지하고 싶은 경우, 혹은 가로 세로 크기를 동일하게 유지하고 싶은 경우 W3Schools 문서를 참고해보시기 바랍니다. How To - Aspect Ratio / Height Equal to Width How TO - Aspect Ratio Learn how to maintain the aspect ratio of an element with CSS. As..
티스토리에 개인 도메인을 연결하여 사용할 수 있습니다. 2차 도메인을 연결하면 보안 접속 인증서가 1시간 이내에 발급되었고 늦어도 하루를 넘기지 않았지만 최근 발급이 지연되는 현상이 나타나고 있습니다. 티스토리 개인 도메인 연결 시 보안 접속 인증서 발급 지연 현상 위의 그림과 같이 개인 도메인을 연결하면 보안 접속 인증서 상태가 '발급 대기 중'으로 표시되고, '인증서 발급은 몇 시간에서 최대 7일가량 소요됩니다'라고 안내하고 있습니다. 보통 보안 접속 인증서가 보통 1시간 이내에 발급되었고 늦어도 하루를 넘기지 않았지만 최근 발급이 지연되는 현상이 나타나서 커뮤니티에 이와 관련된 질문이 빈번하게 올라오고 있습니다. 이와 관련하여 카카오 고객센터에 문의하면 다음과 같은 답변을 받을 수 있습니다. 카카오..
어제 티스토리에 어떤 작업이 있었는지 몰라도 어제부터 일부 티스토리 스킨이 제대로 작동하지 않는 문제가 발생하고 있습니다. 북클럽 스킨에서도 일부 문제가 발생하고 있습니다. 가령 검색이 안 되는 문제와 프로필 클릭 시 무반응 문제 등이 발생하고 있습니다. 해결 방법으로 다음과 같은 조치를 취할 수 있습니다. 티스토리에서 시스템을 점검하여 티스토리 내부에서 사용하는 라이브러리에서 원인 현상을 발견하여 수정했다고 합니다. 이제 스킨에서 문제가 발생하지 않을 것 같습니다. 다른 스킨으로 변경했다가 다시 북클럽 스킨 선택 북클럽 스킨이 오류를 일으키는 문제가 발생하자 티스토리에서 오류를 해결한 업데이트를 내놓은 것 같습니다. 먼저 백업을 한 후에 스킨을 다른 스킨으로 일시 변경했다가 다시 북클럽(Book Clu..
티스토리 고래 스킨에 브레드크럼을 표시하려는 경우 참고해보세요. 브레드크럼(Breadcrumb)은 빵부스러기라는 의미로 헨젤과 그레텔에서 유래한 용어로 웹사이트에서 이동 경로를 표시하여 SEO 개선에 도움이 됩니다. 티스토리 고래 스킨에 브레드크럼 표시하기 이전 글에서 매거진 스킨에 브레드크럼을 표시하는 방법을 설명한 적이 있습니다. 스킨이 달라져도 브레드크럼을 추가하는 방법은 비슷합니다. 원리만 이해하면 다른 스킨에서도 쉽게 가능할 것입니다. 티스토리 Magazine 스킨에 브레드크럼을 추가하는 방법 브레드크럼(Breadcrubmb; 이동 경로)을 추가하면 SEO(검색엔진 최적화)에 도움이 될 수 있습니다. 지난 달에 이 티스토리 블로그의 스킨을 Magazine으로 변경했습니다. 티스토리의 신규 스킨 ..
HTML 템플릿, 워드프레스 테마 등의 홈페이지 템플릿을 판매하는 엔바토 마켓 (Envato Market)에서 여름 할인 행사를 진행하고 있습니다. 워드프레스 테마의 경우 Porto와 Newspaper 등이 할인 판매되고 있습니다. 다음은 할인 중인 HTML 템플릿 리스트입니다. 프리미엄 HTML 템플릿 할인 - 30~50% 세일 요즘은 워드프레스가 많이 사용되지만, 정적인 사이트를 만드는 경우 HTML 템플릿을 이용할 수 있습니다. HTML 템플릿은 워드프레스 테마보다 가격이 저렴한 편입니다. Multikart - Responsive Angular 9 eCommerce Template (반응형 앵귤러 9 전자상거래 템플릿) Multikart는 Angular 9으로 만들어졌으며 일반적인 HTML Ecom..
티스토리에서 ‘itemListElement’ 입력란이 누락되었습니다 오류가 발생하는 경우가 있습니다. 이 문제는 카테고리에 글이 없을 때 발생한다고 알려져 있습니다. 저는 테스트용 티스토리 블로그에서 빈 카테고리가 없어도 이 문제가 발생했지만 브레드크럼을 추가해주니 문제가 해결되었습니다. 티스토리 ‘itemListElement’ 입력란이 누락되었습니다 오류 구글 서치 콘솔에서 사이트에서 '새로운 탐색경로 문제가 발견됨'이라는 경고 메시지가 표시되었습니다. 탐색경로 문제 해결하기를 클릭하여 문제에 대한 자세한 정보를 볼 수 있습니다. 저는 티스토리 블로그에 브레드크럼(이동경로)을 추가해주니 이 문제가 해결된 것으로 표시되었습니다. 브레드크럼을 표시하는 티스토리 스킨이 있다고 들은 것 같습니다. 저는 몇 년..
HP 노트북 특가 판매 행사가 쿠팡에서 진행되고 있습니다. 저렴하게 노트북을 구입할 수 있는 좋은 기회 같습니다. 현재 6개 상품이 할인 판매 중이며, 일부는 일시 품질 상태입니다. HP 노트북 특가 판매 사이트 저렴한 HP 노트북 15s-fq1075TU 저렴한 노트북을 찾는 경우 HP 노트북 15s-fq1075TU (i3-1005G1 39.6cm WIN미포함 UHD Graphics) 제품이 괜찮아 보이네요. 이 HP 제품의 사양은 다음과 같습니다. 운영체제: Free DOS 화면크기: 39.6cm 화면크기(인치): 약 15.6인치에 해당함 CPU: 코어i3 SSD용량: 256GB 메모리가 4GB이고 저장장치 용량이 256GB SSD입니다. 제 기준에서는 조금 못 미치지만 단순 서핑용이나 문서 작성용으로..
티스토리 포스터 스킨에서 포스트의 제목과 본문의 글자 크기를 변경하고 싶은 경우 간단한 CSS로 변경이 가능합니다. 다른 티스토리 스킨에서도 비슷한 방법으로 글자 크기, 색상 등을 변경할 수 있습니다. (스킨에 따라 실제 코드는 조금씩 다를 수 있습니다.) 티스토리 Poster 스킨: 제목, 본문 글자 크기 변경하기 포스터 스킨 포스트 제목 글자 크기 및 색상 변경하기 글 제목 글자 크기를 변경하려면 꾸미기 > 스킨 편집 > HTML 편집 > CSS 탭으로 이동하여 맨 아래에 다음과 같은 코드를 추가하도록 합니다. /* 포스터 스킨 포스트 타이틀 */ .hgroup h1 { font-weight: 600; font-size: 1.5em; line-height: 1.4444em; color: #1587cc..
지난주에 이 티스토리 블로그의 스킨을 북클럽에서 고래 스킨 4.0으로 바꾸었습니다. 고래 스킨에는 글 하단에 SNS 공유 아이콘이 표시됩니다. 그러므로 별도의 SNS 플러그인을 사용할 필요 없이 스킨에 내장된 기능을 사용하면 됩니다. 저는 PC에서 글 하단에 표시되는 SNS 아이콘을 왼쪽에 붙박이로 표시되도록 바꾸었습니다. 티스토리 블로그에 SNS 공유 아이콘을 표시하는 방법 티스토리에 SNS 아이콘을 표시하는 방법으로 크게 두 가지를 생각해볼 수 있습니다. 하나는 티스토리에서 제공하는 플러그인을 사용하는 것이고, 다른 하나는 외부 서비스를 이용하는 것입니다. 티스토리에서는 플러그인 메뉴에서 SNS 글보내기 플러그인을 설치하여 SNS 공유 버튼을 글 하단에 표시할 수 있습니다. 하지만 개인적인 생각에는 ..
팀뷰어는 상대방 컴퓨터에 원격으로 접속하여 제어할 때 사용되는 프로그램입니다. 상대 컴퓨터에 접속하여 직접 작업을 하거나 조작을 하면서 설명해줄 때 유용하게 이용할 수 있습니다. 윈도우에 설치된 TeamViewer에서 맥 OS에 원격 접속할 때 마우스와 키보드가 작동하지 않는 문제가 발생하는 경우가 있습니다. 혹은 반대의 경우가 발생하는 경우가 있을 수 있습니다. 이 문제가 발생할 경우 '접근 제어'를 '완전 접근'으로 설정하면 문제가 해결될 수 있습니다. TeamViewer 프로그램 팀뷰어는 개인용/비상업용은 무료로 사용이 가능하며 팀뷰어 사이트에서 다운로드할 수 있습니다. 업무용/상업용인 경우 라이선스를 구매해야 합니다. 컴퓨터 원격 접속 제어 프로그램 - TeamViewer - 기타 다른 사람의 컴..
최근댓글