워드프레스 일기의 IT & 기타 786

이 티스토리 블로그에서는 한동안 스피드스타라는 스킨을 사용하다 어제 오디세이(Odyssey)라는 기본 스킨 중 하나로 변경했습니다. 오디세이 스킨이 깔끔하고 좋은 것 같지만 소셜 공유 버튼 기능이 없네요. 소셜 공유 버튼과 URL 복사 버튼을 워드프레스 사이트에 사용하는 코드를 응용하여 추가했습니다. 티스토리에 소셜 공유 버튼과 URL 복사 버튼 추가하기 네이버, 페이스북, 트위터 SNS 공유 버튼과 현재 페이지 URL을 복사하는 URL 복사 버튼을 추가했습니다. 기본적으로 다음 글에서 제시된 코드를 사용했습니다. 이 워드프레스 블로그에 사용된 SNS 공유 버튼 & URL 복사 버튼 - 워드프레스 정보꾸러미 이 워드프레스 블로그에는 플러그인을 사용하지 않고 직접 코드를 만들어 네이버, 페이스북, 트위터 ..

어제 제 티스토리 블로그에서 '응답 없는 페이지' 경고가 표시되면서 블로그 글들이 제대로 로드되지 않는 현상이 발생했습니다. 이 문제는 아마도 티스토리 개발팀이 티스토리를 업데이트하면서 사용 중인 스킨과 충돌을 일으켜 발생한 것 같습니다. 스킨에 포함된 자바스크립트에서 무한 루프에 걸려서 이런 현상이 발생하는 것이 아닌가 생각되네요. 스피드스타라는 유료 스킨을 사용하고 있었는데요. 지난 10월에도 티스토리 시스템 업데이트로 갑자기 댓글 영역이 표시되지 않아서 긴급히 수정한 적이 있습니다. 티스토리 스피드스타 스킨: 댓글 영역이 표시되지 않는 문제 최근 티스토리에서 시스템을 변경하면서 스피드스타 스킨에서 댓글 영역이 표시되지 않는 문제가 나타나고 있는 것 같습니다. 댓글이 달리지 않아서 살펴보니 5일 전에..

워드프레스 사이트에 댓글을 달고 난 후에 살펴보니 아래 그림과 같이 문단 사이 간격이 좁아서 보기가 좋지 않았습니다. 살펴보니 댓글을 달 때 엔터를 입력했지만 태그가 삽입되어 나타나는 현상이었습니다. 워드프레스 br 태그 공백 적용하기 제가 운영하는 워드프레스 사이트에서는 개별 포스트에서 직접 댓글을 달 때 엔터를 치면 문단 태그()가 입력되었지만, 관리자 페이지 내에서 댓글에 답변을 달 때 엔터를 치면 태그가 삽입되었습니다. br 태그에 공백(여백)을 적용하려는 경우 다음과 같은 CSS 코드를 사용할 수 있습니다. br { display: block; content: ''; margin-bottom: 10px; } 위의 코드를 추가하면 사이트 전체의 br 태그에 스타일이 적용되므로 예기치 않은 결과를 ..

최근 티스토리에서 시스템을 변경하면서 스피드스타 스킨에서 댓글 영역이 표시되지 않는 문제가 나타나고 있는 것 같습니다. 댓글이 달리지 않아서 살펴보니 5일 전에 달린 댓글을 마지막으로 댓글이 달리지 않았네요. 그리고 댓글 창과 댓글 목록이 표시되지 않아서 관심을 가지고 살펴보지 않으면 댓글창이 사라진 것을 인지하지 못할 수 있을 것 같습니다. 티스토리 스피드스타 스킨: 댓글 영역이 표시되지 않는 문제 발생 시 임시 조치 혹시 스피드스타 스킨에서 댓글 영역이 표시되지 않고 있다면 꾸미기 » 스킨 편집 » html 편집을 클릭하여 스킨 편집 화면으로 이동합니다. 상단의 CSS 탭을 클릭하고, 맨 아래로 이동합니다. 하단에 다음과 같은 코드를 추가하여 저장하시기 바랍니다. body:not(#tt-body-gu..

티스토리 백업본을 다운로드하여 워드프레스에서 HTML Import 2 플러그인을 사용하여 티스토리 블로그 콘텐츠를 임포트할 수 있습니다. 티스토리에서 워드프레스로 이사하기 (티스토리 백업 이용) 티스토리는 카카오 데이터센터 화재 이후 데이터 백업 기능이 추가되었습니다. 최근 티스토리에서 6월부터 티스토리 자체 광고 신설에 대한 공고를 올렸습니다. [안내] 6월부터 티스토리 자체 avada.tistory.com 이 플러그인을 사용하여 이전할 경우 카테고리를 가져오는 옵션은 없습니다. 대신 커스텀 필드(사용자 정의 필드)로 매핑하여 사용자 정의 필드 값을 카테고리로 지정하는 방법을 고려할 수 있습니다. 티스토리에서 워드프레스 이전 시 카테고리 매핑 방법 HTML Import 2 플러그인을 사용하는 경우 Ca..

티스토리에서 백업본을 받아서 워드프레스로 이전할 수 있습니다. 티스토리에서 워드프레스로 이사하기 (티스토리 백업 이용) 티스토리는 카카오 데이터센터 화재 이후 데이터 백업 기능이 추가되었습니다. 최근 티스토리에서 6월부터 티스토리 자체 광고 신설에 대한 공고를 올렸습니다. [안내] 6월부터 티스토리 자체 avada.tistory.com 몇 개월 전까지 잘 작동했는데요. 지금도 잘 될지는 모르겠습니다. 클라우드웨이즈에서 PHP 버전을 7.4로 설정하고 HTML Import 2 플러그인을 설치하여 이전을 시도해 볼 수 있습니다. 호스팅에 따라 에러가 발생하면서 잘 진행되지 않을 수도 있습니다. 이전 후에 이미지 엑박 현상이 발생할 수 있습니다. 워드프레스에서 임포트를 시도하기 전에 이미지 경로를 사이트 주소..

챗GPT는 2021년까지의 자료를 바탕으로 학습했기 때문에 그 이후에 일어난 일에 대하여 질문하면 엉뚱한 답변을 하거나 2022년 1월 이후의 정보를 가지고 있지 않다는 답변을 할 수 있습니다. 이제 챗GPT 유료 버전에서 GPT-4와 빙(Bing)을 연결하여 최신 정보에 기반한 답변을 받을 수 있습니다. 챗GPT: GPT-4와 빙(Bing)을 연결하여 최근 사건과 관련된 질문에 대한 답변 없기 ChatGPT 유료 버전을 사용하는 경우 GPT-4와 빙을 연결하여 최신 정보에 기반한 답변을 받을 수 있도록 기능이 추가되었습니다. Settings & Beta » Beta features(베타 기능)에서 Browse with Bing(빙을 사용하여 브라우징하기)을 활성화하면 최신 토픽이나 사건에 대한 질문에 ..

select 드롭다운 메뉴를 사용하는 경우 드롭다운은 보통 아래로 펼쳐지고, 드롭다운 메뉴가 하단 근처에 있을 경우에 아래 공간이 충분하지 않으면 위로 펼쳐지게 됩니다. 이 동작은 보통 브라우저에 의해 처리되기 때문에 CSS나 JavaScript를 사용하여 메뉴가 항상 위쪽으로만 펼쳐지도록 하는 것은 쉽지 않을 수 있습니다. 드롭다운 메뉴가 항상 위로 펼쳐지도록 하고 싶은 경우 몇 가지 방법을 생각해 볼 수 있는데, 여기에서는 커스텀 HTML/CSS를 사용하여 항상 위로 펼쳐지도록 하는 방법에 대하여 살펴보겠습니다. select 드롭다운 메뉴 위로 펼치기 다음과 같은 select 드라웁도 메뉴를 사용하여 select 드롭다운 메뉴를 만들 수 있습니다. 검색엔진 사이트 구글 네이버 빙 다음 드롭다운 메뉴가..

스택 다이이러(Stack Diary)라는 해외 사이트에 의하면 WebP 코덱에서 심각한 취약점이 발견되어 구글, 모질라 등 주요 브라우저에서 이 문제를 해결한 업데이트를 내놓았습니다. 크롬, 파이어폭스, 엣지 등 모든 브라우저를 최신 버전으로 업데이트하시기 바랍니다. WebP 코덱에서 심각한 취약점 발견 ... 모든 브라우저 업데이트 필요 웹피(WebP)는 많은 인터넷 사이트뿐만 아니라 웹 뷰를 사용하는 앱, 기타 소프트웨어에서도 널리 쓰이는 이미지 포맷이며, 구글 크롬과 모질라 파이어폭스 등 대부분의 브라우저에서는 효율적인 이미지 압축을 위해 WebP를 지원합니다. 웹피 이미지를 렌더링하는 데 사용되는 lipwebp 라이브러리에서 심각한 보안 취약점이 발견되어 주요 브라우저에서 이 취약점을 패치한 업데..

우리나라에도 비교적 잘 알려진 도메인 등록대행업체 중 하나인 네임칩(Namecheap)에서 .net(닷넷) 도메인을 4.48달러에 등록할 수 있는 깜짝 세일을 한시적으로 진행하고 있습니다. 또한 .com(닷컴) 도메인도 5.98달러에 등록이 가능합니다. 네임칩 Namecheap 닷넷(.net) 도메인/닷컴(.com) 도메인 할인 닷컴 도메인 관리기관인 Verisign이 공급 가격(리셀 가격)을 매년 인상하고 있어 닷컴 도메인의 등록비가 매년 오르고 있습니다. 2023년 9월 1일부터 닷컴 도메인의 공급가격이 8.97달러에서 9.59달러로 인상되었습니다. 이 때문에 도메인 등록대행업체들도 닷컴, 닷넷 등의 도메인 등록비를 인상하고 있습니다. 가비아는 9월 1일부터 닷컴 도메인의 등록비를 22,000원에서 ..