워드프레스 문의 폼 제출 후 커스텀 자바스크립트 실행하기
워드프레스에서 문의 폼을 제출한 후에 커스텀 자바스크립트(JavaScript)를 실행해야 하는 상황이 있을 수 있습니다. 사용하는 컨택트 폼 플러그인에서 제공하는 기능을 사용하여 커스텀 JS 코드 실행이 가능합니다. 워드프레스 문의 폼 제출 후 커스텀 자바스크립트 실행하기 Contact Form ...
워드프레스 중급
우커머스 상품평 탭 제거 & 케이보드 게시판 연동하기
워드프레스 우커머스 쇼핑몰에서 상품평 탭을 제거하고 대신 케이보드(Kboard) 게시판을 연동할 수 있습니다. 상품평 탭은 여러 가지 방법으로 제거할 수 있습니다. 모든 상품 페이지에서 사용자 리뷰 탭을 제거하거나 개별 상품 페이지에서 리뷰 탭이 표시되지 않도록 하는 ...
엘리멘터 포스트 위젯: 이미지를 라이트박스로 표시하기
엘리멘터 프로의 포스트 위젯을 사용하여 글이나 커스텀 포스트 타입 글들을 전체 또는 카테고리별로 리스트 형식이나 그리드 형식으로 표시할 수 있습니다. 포스트 리스트에서 썸네일을 클릭하면 해당 글로 이동하게 됩니다. Elementor의 사이트 설정에서 라이트 박스 기능을 활성화할 ...
워드프레스 포스트 날짜를 랜덤하게 변경하는 방법
워드프레스에서 발행된 모든 포스트의 발행 날짜를 랜덤하게 변경하고 싶은 경우가 있습니다. 또는 특정 카테고리의 포스트만 날짜를 변경해야 하는 상황이 있을 수 있습니다. Post Date Randomizer라는 플러그인을 사용하면 모든 글의 공개 날짜를 지정한 범위 내에서 임의의 ...
이 워드프레스 블로그에 사용된 SNS 공유 버튼 & URL 복사 버튼
이 워드프레스 블로그에는 플러그인을 사용하지 않고 직접 코드를 만들어 네이버, 페이스북, 트위터 공유 버튼과 URL 복사 버튼을 추가하여 사용하고 있습니다. 보다 쉽게 코드를 관리가 가능하고 일관성을 가지도록 코드를 최근 업데이트했습니다. 네이버 카페에서 이 블로그에 사용된 ...
아스트라 테마: 스크롤 시 헤더 고정하기
워드프레스 아스트라 테마의 경우 유료 버전에서 헤더를 고정하는 옵션이 제공됩니다. 이 글에서는 Astra 테마 무료 버전이 적용된 워드프레스 사이트에서 사용자가 아래로 스크롤하면 헤더를 숨기고, 위로 스크롤하면 헤더를 표시하는 방법에 대하여 살펴보겠습니다. 아스트라(Astra) 테마에서 헤더를 항상 ...
워드프레스 툴팁(Tooltip) 표시 방법
워드프레스에서 마우스 오버시 미리보기 글을 표시하려는 경우 쉬운 방법으로 WordPress Tooltips와 같은 툴팁 플러그인을 사용할 수 있습니다. 이 글에서는 워드프레스 툴팁 플러그인에 대한 간단한 소개와 함께 HTML/CSS로 툴팁을 구현하는 방법을 살펴보겠습니다. 워드프레스 툴팁(Tooltip) 표시 방법 ...
워드프레스 텍스트 강조 표시하기 - 텍스트 하이라이터(형광펜) 플러그인
텍스트를 원하는 색상으로 형광펜 처리를 하는 간단한 워드프레스 플러그인을 만들어보았습니다. Simple Text Highlighter Shortcode Plugin for WordPress는 매우 가벼운 플러그인으로 텍스트를 하이라이트(강조 표시)하는 숏코드를 제공합니다. 숏코드를 추가하여 원하는 스타일로 텍스트를 강조 표시할 수도 있습니다. 워드프레스가 ...
워드프레스 코드 블록: 코드 복사 버튼 추가하기
워드프레스 블록 에디터의 코드 블록을 사용하여 코드를 표시하는 경우 사용자들이 코드를 쉽게 복사하여 사용할 수 있도록 코드 복사 버튼을 표시하는 것을 고려할 수 있습니다. 플러그인을 사용하거나 자바스크립트 코드를 사용하여 코드 블록에 복사 버튼을 표시할 수 ...
구글 순위를 유지한 채 워드프레스 사이트 주소 변경하기
몇 년 동안 카페24에서 운영하던 사이트가 있었습니다. 별도의 도메인을 등록하지 않고 카페24에서 제공하는 주소(예: example.mycafe24.com)를 그대로 사용해왔습니다. 트래픽도 그리 많지 않아서 월 1,100원짜리 상품에 가입하여 사용하고 있었는데, 최근에 다른 블로그가 운영 중인 해외 웹호스팅에 새로운 도메인을 ...