이 워드프레스 블로그에 사용된 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원짜리 상품에 가입하여 사용하고 있었는데, 최근에 다른 블로그가 운영 중인 해외 웹호스팅에 새로운 도메인을 ...
워드프레스 최신 글에 New 라벨 표시하기
워드프레스 최신 글 목록에서 최근 발행된 글 제목 옆에 New 라벨을 표시하고 싶은 경우가 있을 수 있습니다. 그런 경우 the_title 훅을 사용하여 최신 글 제목에 신규 라벨 또는 아이콘을 표시할 수 있습니다. 워드프레스 최신 글에 ...
워드프레스 댓글만 검색하는 페이지 만들기 (댓글 검색 기능)
사이트의 댓글이 많아지면 사용자들이 자신이 단 댓글을 찾기가 쉽지 않을 수 있습니다. 실제로 어디에 댓글을 달았는지 알 수가 없어 비슷한 댓글을 다시 다는 사용자들도 간혹 있습니다. 댓글을 검색할 수 있는 페이지를 만들면 사용자들이 자신이 단 ...
우커머스 옵션 상품에 최저가만 표시하는 방법
우커머스 쇼핑몰에서 상품을 옵션 상품으로 구성할 경우 가격이 최저가와 최고가 범위(예: 10,000원~12,000원)로 표시됩니다. 옵션 상품에 대하여 최저가만 표시하고 싶은 경우가 있을 수 있습니다. 그런 경우 우커머스 훅(hook)을 사용하여 최저가만 표시하도록 할 수 있습니다. 우커머스 옵션 ...
Astra 테마 페이지네이션 스타일을 커스터마이징하는 방법
워드프레스 블로그 페이지(최신 글 페이지)나 아카이브 페이지에서 글 개수가 많으면 여러 페이지로 나누어져서 최신 글들이 먼저 표시됩니다. 각 페이지 하단에는 이전/다음 페이지로 쉽게 이동하도록 이전/다음 내비게이션 버튼이 표시되거나 페이지 번호가 표시됩니다. Astra 테마의 최신 글 ...
