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

카페24에서 등록한 도메인의 네임서버 변경하기

카페24에서 등록한 도메인을 다른 웹호스팅 업체(예: 가비아, 패스트코멧 등)나 서비스에 이용하려는 경우, 카페24 홈페이지에서 해당 도메인의 네임서버를 변경할 수 있습니다. 참고로 클라우드웨이즈 등 일부 웹호스팅의 경우 네임서버를 변경하지 않고 대신 A 레코드를 지정하여 연결할 수 있습니다. 클라우드웨이즈 도메인 연결 시 참고 사항 클라우드웨이즈에서는 네임서버 서비스를 제공하지 않기 때문에 IP 주소를 지정하여 도메인을 연결해야 합니다. 몇 가지 상황에서 도메인을 연결하는 방법에 대하여 살펴보겠습니다. [팁*저렴 avada.tistory.com 카페24에서 등록한 도메인의 네임서버 변경하기 타사 웹호스팅에서 호스팅 중인 워드프레스 사이트에 도메인을 연결하려면 다음과 같은 과정으로 진행할 수 있습니다. ..

IT & 기타 2023.12.01

티스토리 오디세이 스킨: 사이드바 고정하기

저는 대부분의 워드프레스 사이트에서는 CSS를 사용하여 사이드바를 고정하고 있습니다. 뉴스페이퍼 등 일부 유료 테마에서는 테마 옵션을 통해 사이드바 붙박이(Sticky) 기능을 제공하지만, 그런 기능이 제공되지 않을 경우 보통 CSS로 고정하는 것이 가능합니다. GeneratePress 테마 사이드바 고정하기 (How to make the sidebar sticky in GeneratePress) - 워드프레스 정보꾸러 최근 들어 Astra 테마와 GeneratePress 테마에서 사이드바를 고정하기 위해 사용된 CSS 코드가 제대로 작동하지 않는다고 몇 분이 알려주었습니다. Sticky Menu & Sticky Header 플러그인을 사용하는 것을 고 www.thewordcracker.com 이 블로그..

티스토리에 소셜 공유 버튼과 URL 복사 버튼 추가하기

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

티스토리 스킨을 오디세이(Odyssey)로 변경했습니다

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

워드프레스 br 태그 공백 적용하기

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

IT & 기타/CSS 2023.10.31

티스토리 스피드스타 스킨: 댓글 영역이 표시되지 않는 문제

최근 티스토리에서 시스템을 변경하면서 스피드스타 스킨에서 댓글 영역이 표시되지 않는 문제가 나타나고 있는 것 같습니다. 댓글이 달리지 않아서 살펴보니 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: GPT-4와 빙(Bing) 연결하기 (Browse with Bing)

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

IT & 기타/IT 2023.10.14

select 드롭다운 메뉴 위로 펼치기 (feat. HTML & CSS)

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

IT & 기타/HTML 2023.09.22