워드프레스 Visual Link Preview 대안: HTML 및 CSS로 링크 미리보기 구현
티스토리, 네이버 블로그나 네이버 카페, 페이스북, 카카오톡 등에서 링크를 입력하면 썸네일과 제목, 요약글을 미리볼 수 있도록 표시됩니다. 워드프레스에서 내부 링크를 임베드하면 Embed 기능이 비활성화되지 않은 경우 페이스북 스타일의 링크 미리보기가 표시되지만 외부 링크를 임베드할 때에는 ...
워드프레스 중급
WP Statistics 플러그인을 사용하여 워드프레스 사이트에 방문자 카운터 달기
워드프레스 방문자 통계 플러그인인 WP Statistics를 사용하여 워드프레스 사이트의 사이드바에 "오늘" 방문자 수, "어제" 방문자 수, "전체" 방문자 수 등에 대한 카운터를 달 수 있습니다. [ 이 글은 최신 버전의 내용을 반영하여 2023년 12월 3일에 ...
우커머스 쇼핑몰에서 결제 후에 주문 상태를 '완료'로 변경하기
우커머스 쇼핑몰에서 고객이 주문하고 결제하면 주문 상태가 기본적으로 '처리 중'으로 변경합니다. 그러면 고객은 해당 주문 건이 처리되고 있다는 사실을 알게 되므로 이러한 동작은 합리적인 것 같습니다. 하지만 네이버 카페에서 결제를 하면 자동으로 '완료'로 바뀌도록 하는 ...
워드프레스 이미지 라이트박스 스타일 변경하기
워드프레스가 6.4 버전으로 업데이트되면서 이미지 블록과 갤러리 블록에 이미지를 라이트박스로 표시할 수 있는 옵션이 추가되었습니다. 라이트박스 기능을 활성화하면 오버레이 배경이 흰색으로 표시됩니다. 간단한 CSS를 사용하여 오버레이 배경색과 닫기 버튼의 스타일을 변경할 수 있습니다. 워드프레스 이미지 ...
워드프레스 미디어 휴지통 기능 활성화하기
워드프레스에서 이미지 등 미디어 파일을 삭제하는 경우 주의가 필요합니다. 기본적으로 미디어 라이브러리에서 이미지를 클릭하면 '영구 삭제' 옵션만 제공되므로 파일을 잘못 삭제하면 복구가 불가능해집니다. 미디어 휴지통 기능을 활성화하면 사진 등 미디어 파일을 '휴지통으로 이동'시킬 수 있습니다. ...
엘리멘터 Posts 위젯을 사용하여 포스트 슬라이더 만들기
인기 페이지 빌더 플러그인인 엘리멘터의 유료 버전인 Elementor Pro에는 포스트, 페이지, 커스텀 포스트 타입 등의 글들을 리스트 형식이나 그리드 형식(컬럼 포맷)으로 표시할 수 있는 Posts 위젯이 제공됩니다. 포스트 위젯을 사용하여 포스트 슬라이더를 만들 수 있습니다. ...
텍스트/버튼 클릭 시 클립보드에 복사하는 방법
코드나 텍스트, 버튼 등을 클릭하면 해당 코드나 텍스트가 복사되어 다른 곳에 붙여넣기 할 수 있도록 하고 싶은 경우가 있습니다. 네이버 카페에 워드프레스에서 텍스트나 링크 등을 누르면 텍스트가 복사되도록 하는 방법에 대한 질문이 올라와서 여기에 정리해 ...
워드프레스 문의 폼 제출 후 커스텀 자바스크립트 실행하기
워드프레스에서 문의 폼을 제출한 후에 커스텀 자바스크립트(JavaScript)를 실행해야 하는 상황이 있을 수 있습니다. 사용하는 컨택트 폼 플러그인에서 제공하는 기능을 사용하여 커스텀 JS 코드 실행이 가능합니다. 워드프레스 문의 폼 제출 후 커스텀 자바스크립트 실행하기 Contact Form ...
우커머스 상품평 탭 제거 & 케이보드 게시판 연동하기
워드프레스 우커머스 쇼핑몰에서 상품평 탭을 제거하고 대신 케이보드(Kboard) 게시판을 연동할 수 있습니다. 상품평 탭은 여러 가지 방법으로 제거할 수 있습니다. 모든 상품 페이지에서 사용자 리뷰 탭을 제거하거나 개별 상품 페이지에서 리뷰 탭이 표시되지 않도록 하는 ...
엘리멘터 포스트 위젯: 이미지를 라이트박스로 표시하기
엘리멘터 프로의 포스트 위젯을 사용하여 글이나 커스텀 포스트 타입 글들을 전체 또는 카테고리별로 리스트 형식이나 그리드 형식으로 표시할 수 있습니다. 포스트 리스트에서 썸네일을 클릭하면 해당 글로 이동하게 됩니다. Elementor의 사이트 설정에서 라이트 박스 기능을 활성화할 ...