워드프레스에서는 우커머스 (WooCommerce) 플러그인을 사용하여 쇼핑몰을 운영할 수 있습니다. 워드프레스 쇼핑몰에서는 실제 상품뿐만 아니라 디지털 다운로드 상품을 판매할 수 있으며 외부 상품을 등록하여 방문자가 상품 정보를 확인하고 외부 쇼핑몰에서 구입할 수 있도록 설정할 수 있습니다. 워드프레스 쇼핑몰에서 외부 상품 등록 방법 예를 들어, 스마트스토어를 운영하고 워드프레스 쇼핑몰에서 스마트스토어 상품을 판매하고 싶은 경우 스마트스토어 상품을 외부 상품/연계 상품으로 등록하여 워드프레스 쇼핑몰에서 상품을 홍보할 수 있습니다. 또는, 아마존 어필리에이트나 쿠팡 파트너스 상품을 홍보하고 싶은 경우에도 외부/연계 상품으로 등록할 수 있습니다. 우커머스 쇼핑몰에서 외부/연계 상품으로 등록하면 장바구니 버튼..

티스토리 북클럽 (Book Club) 스킨에서 스킨 편집 시 커버 아이템을 설정하고 각 커버 아이템의 타이틀을 지정할 수 있습니다. 커버 아이템 타이틀 (소제목)의 기본 스타일이 마음에 들지 않는 경우 CSS를 사용하여 커버 아이템 제목 스타일을 변경할 수 있습니다. ☞참고로 티스토리 소제목 스타일을 변경하고 싶은 경우 다음 글의 "티스토리 소제목 (헤딩) 스타일 변경" 부분을 참고해보세요. 티스토리에 목차 표시하는 방법 (북클럽 스킨) 티스토리에는 모든 글에 자동으로 목차를 표시하는 방법은 없지만, 원하는 글에 자동으로 목차를 삽입할 수 있습니다. 헤딩 태그를 인식하여 자동으로 목차를 생성하는 jQuery를 사용할 수 있습�� avada.tistory.com 티스토리 북클럽 스킨의 커버 아이템 타이틀 ..

요즘 블로그를 구경하다 보면 텍스트에 형광펜 효과를 주는 경우를 종종 봅니다. 보통은 텍스트의 전체 높이에 형광펜 효과를 주는 배경색을 이용하거나, 밑줄 형태로 형광펜 효과를 주는 경우가 사용될 것입니다. 또 다른 방법으로 텍스트의 절반 높이에만 형광펜 효과를 주는 것도 가능합니다. 전체 높이에 형광펜 효과를 주는 것은 일반적인 백그라운드 컬러를 적용하면 되므로 여기에서는 밑줄 형태로 형광펜 효과를 주는 방법과 텍스트의 절반 높이에만 형광펜 효과를 주는 방법에 대해 간단히 설명하겠습니다. 목차 CSS로 형광펜 효과를 주는 방법 밑줄 형태로 형광펜 효과를 주는 방법 밑줄 형태로 형광펜 효과를 주는 방법은 하루일기님의 티스토리 본문 링크 부분 형광펜 밑줄 효과 글을 참고할 수 있습니다. 다음과 비슷한 CSS..

며칠 전 마산에 갈 일이 있어 시외버스 터미널에 갔다가 코로나19로 인해 하루에 현 편만 운행된다는 사실을 알게 되었습니다. 그 전 날에 앱으로 예매를 하려다가 예매를 하지 않고 첫 차 시간에 맞추어 터미널에 간 것이 화근이었습니다. (앱에서는 모든 시간대가 다 표시되어 감차 운행될 줄은 생각지도 못했습니다. 하지만 어제 다시 앱을 확인해보니 운영 차량 시간대만 표시되네요.) 코로나19로 인한 시외버스 감차 운행 코로나 때문에 시외버스 이용자들도 크게 줄어서 불가피하게 감차 운행되는 것 같습니다. 코로나 사태가 완전히 진정되기 전에 시외버스를 이용하려는 경우 차량이 감차 운행되고 있지 않은지 확인하는 것이 안전할 것입니다. 저희는 어쩔 수 없이 KTX를 타기로 하고 광명역으로 향했습니다. 광명역을 지하철..

XML-RPC는 다른 애플리케이션에서 워드프레스에 원격으로 업데이트를 허용하는 시스템입니다. 예를 들어, Windows Live Writer는 xmlrpc.php 덕분에 워드프레스에 직접 포스팅할 수 있습니다. xmlrpc.php는 사이트에 대한 다양한 공격을 허용할 수 있으므로 이 기능을 사용하는 않으면 비활성화하는 것이 좋습니다. XML-RPC 비활성화는 비교적 간단합니다. 서버에 xmlrpc 익스텐션이 설치되어 있는지 확인하는 방법 요즘 웹호스팅 서버에는 대부분 xmlrpc 익스텐션이 설치되어 활성화되어 있을 것입니다. 서버에 xmlrpc 기능이 설치되어 있는지 체크하려면 php 파일을 만들어 다음 코드를 추가한 후에 업로드하여 확인할 수 있습니다("How do I see the extensions..

인기 워드프레스 테마 중 하나인 Jupiter 테마는 PC에서 사이드바 폭이 기본적으로 25%로 설정되어 있습니다. 사용자 정의하기에서 사이드바 너비를 조정하는 옵션을 찾아보니 해당 기능이 없는 것 같습니다. 저는 간단한 CSS 코드를 넣어 사이드바 폭을 30%로 늘렸습니다. 목차 워드프레스 Jupiter 테마에서 사이드바 너비 변경 방법 주피터 테마는 WPBakery Page Builder ('비주얼 컴포저')를 기본 페이지 빌더로 이용하다 Jupiter X로 업데이트되면서 기본 페이지 빌더를 Elementor로 변경했습니다. 주피터가 엘리멘터를 처음 도입할 때에는 엘리멘터 요소가 부족했지만, 최근 몇 가지 요소가 추가되어 기능이 많이 향상된 것 같습니다. 주피터는 최적화가 잘 되어 속도가 빠른 편이며..

지난 일요일에 아마존 라이트세일에서 도쿄 리전의 워드프레스 인스턴스를 서울 리전으로 이전시키는 작업을 했습니다. 이 과정에서 'No supported authentication methods available (server sent: publickey)' 오류가 발생하여 SSH에 접속할 수 없어 애를 먹었습니다. 아마존 라이트세일에서 'No supported authentication methods available (server sent: publickey)' 오류가 발생하는 경우 저는 리눅스 서버에 대한 지식이 제한적이어서 Amazon Lightsail이나 Vultr와 같은 가상 서버 호스팅(VPS)을 테스트 목적으로만 운영한 적이 있고 실제 워드프레스 사이트는 Bluehost에서 호스팅되고 있습니다..

티스토리 북클럽 스킨의 스킨 편집에서 홈 설정을 커버로 지정하고 뉴스레터 아이템을 배치하면 썸네일이 오른쪽에 표시됩니다. 뉴스레터 아이템의 썸네일 위치를 오른쪽에서 왼쪽으로 변경하고 싶은 경우 간단한 CSS 코드를 사용할 수 있습니다. 티스토리 북클럽 스킨: 커버 뉴스레터 아이템 썸네일 위치 변경 방법 티스토리 북클럽(Book Club) 스킨에서 홈 설정을 커버로 설정하고 뉴스레터 아이템을 추가하면 다음 그림과 같이 썸네일이 오른쪽에 표시됩니다. 바로 옆에 사이드바가 있기 때문에 답답해 보인다면 썸네일을 왼쪽으로 이동시키는 것을 고려해볼 수 있습니다. 뉴스레터 아이템의 썸네일을 오른쪽에서 왼쪽으로 이동시키려면 다음과 같은 CSS 코드를 사용할 수 있습니다. /* 북클럽 스킨: 첫 페이지 썸네일 위치 변경..

구글 서치 콘솔에서 URL을 수동으로 제출하여 색인을 생성하려고 시도할 때 "속성에 URL이 없음 - 현재 선택한 속성에서 URL을 검사하거나 속성을 전환하세요" 오류가 발생하는 경우가 있습니다. 목차 구글 서치 콘솔에서 '속성에 URL이 없음' 오류가 발생하는 경우 이 오류는 오류 메시지에 답이 있습니다. 잘못된 속성에서 URL을 검사할 때 이 문제가 발생합니다. 특히 SSL 인증서를 설치했을 때 잘못된 속성을 선택하는 경우에 이 문제가 많이 발생합니다. 또는 www 버전과 비 www 버전을 혼동할 경우에도 이 오류가 발생합니다. 예시 1: www 버전과 non-www 버전 주소를 혼동하는 경우 아래 그림과 같이 https://www... 속성에서 비-www 주소를 검사하려고 시도하면 '속성에 URL이..

워드프레스 테마를 비롯한 각종 웹사이트 템플릿과 동영상 템플릿, 음악 파일 등을 판매하는 엔바토 마켓에서 2020년 5월 한 달 동안 반응형 다목적 HTML5 템플릿인 Hasta와 워드프레스 우커머스용 상품 속성 플러그인, 키노트용 인포그래픽 번들 템플릿 등을 무료로 다운로드할 수 있습니다. ☞ 2020/09/04 - [IT & 기타/HTML] - 포트폴리오 HTML 템플릿 무료 다운로드 (2020년 9월 무료 다운로드 항목) 반응형 다목적 HTML5 템플릿 Hasta 무료 다운로드 Hasta는 반응형 HTML5 / CSS3 템플릿으로 심플하고 깔끔한 전문적인 테마입니다. 이 템플릿에는 30개 이상의 다중 페이지 레이아웃이 포함되어 있으며 많은 내부 페이지, 슬라이드쇼, 컬러 버전이 제공됩니다. 커스텀이..