글을 쓰다 보면 내용은 충분히 썼는데 어딘가 밋밋하게 느껴질 때가 있습니다. 중요한 내용이 눈에 잘 들어오지 않거나, 전체적으로 정리가 덜 된 느낌이 드는 경우도 많습니다.
이번 글에서는 플러그인을 활용해 요약박스와 강조문구를 직접 만들어보면서, 초보자 기준에서 어떤 식으로 설정했고 실제로 어떻게 활용할 수 있는지 정리해보겠습니다.
요약 박스 만들어보기
- 요약박스로 글 핵심 정리
- 가독성 상승
- 초반 이탈 방지
요약 박스는 글의 핵심을 정리해 독자들이 글을 쉽게 읽을 수 있도록 도와줍니다.
그래서 내 글이 읽히기도 전에 이탈하는 상황을 방지해 줄 수 있습니다. 우선 요약박스를 만드는 것은 HTML블록으로 만드는 것이 가장 쉽고 간편합니다.
지금 보시는 요약박스는 명령어를 입력한 결과이고, 편집화면에서는 아래와 같이 보여지고 실제로는 이런 명령어들을 입력하셔야 합니다.
- background = 배경색
- border = 테두리
- border-radius = 둥글기
기본적으로 박스 형태를 만들기 위해 AI는 배경색과 테두리를 설정해주고, 안쪽 여백을 주는 방식으로 구성했습니다. 이런 식으로 설정하면 글 상단에 핵심 내용을 따로 정리해서 보여줄 수 있습니다.
하지만 요약박스를 자주 써야 한다면 매번 HTML블록으로 작성하는 것은 조금 번거로울 수 있습니다. 그래서WPCode플러그인을 활용해 요약박스 코드를 저장하고 단축코드를 발급받은 후 필요할 때마다 꺼내 쓸 수 있습니다.
WPCode 플러그인이 설치된 기준으로, 코드를 저장하는 방법은 관리자 화면에서 WPCode -> 스니펫 추가 -> 사용자 정의 코드 추가(새 스니펫) -> 요약 박스 코드 붙여넣기, 아래 삽입 위치에서 ‘/단축코드’ 버튼 선택 -> 우측 상단 업데이트 클릭 + 활성화 클릭 하시면 됩니다.
위와 같이 제대로 입력하셨다면, wpcode id=”483″이라는 단축코드가 발급됩니다.
이제 이 코드를 대괄호 안에 입력하면 저장해두었던 요약박스 코드가 불러와집니다.
(실제 작성할 때 입력방법 예시)
실제 글에서 작성 할 때는 단축코드 블록을 사용해 입력하시면 됩니다. (글 작성화면에서는 코드가 입력된 박스 형태로 보이고 상단 미리보기 혹은 Preview 버튼을 통해서 글에서 어떻게 보일지 미리 볼 수 있습니다.
강조 문구 (중요 문장 띄우기)
다음으로는 중요한 문장을 더 잘 보이게 하기 위해 강조문구를 적용해봤습니다. 글을 쓰다 보면 핵심 내용이 묻히는 경우가 많은데, 이 부분을 보완하는데 효과가 있습니다. 방법은 특정 문장에 스타일을 적용해서 배경색이나 라인으로 구분해주는 방식입니다. 너무 화려하게 하기보다는 눈에 자연스럽게 들어오는 정도로 설정하는 것이 더 좋았습니다.
강조 문구도 요약 박스와 비슷하게 만들 수 있습니다. 아래처럼 문장을 더 눈에 띄게 강조해서, 글에서 중요한 부분임을 알릴 수 있습니다.
(강조 문구도 요약박스와 동일하게 WPCode에 스니펫을 추가하여 불러낼 수 있습니다.)
실제로 적용해보니 글을 훑어보더라도 중요한 부분이 바로 보이기 때문에 가독성이 훨씬 좋아진 느낌을 받았습니다.
적용해보니 느낀 변화
요약 박스와 강조 문구를 함께 사용해보니 글의 전체적인 인상이 확실히 달라졌습니다. 이전에는 단순히 글만 나열된 느낌이었다면, 지금은 구조가 정리된 글처럼 보입니다.
특히 처음 방문한 사람이 글을 빠르게 이해할 수 있다는 점이 가장 크게 느껴졌고, 전체적인 완성도도 한 단계 올라간 느낌이었습니다.
마무리
처음에는 코드 설정이라는 점에서 어렵게 느껴졌지만, 직접 적용해보니 생각보다 간단하게 구현할 수 있었습니다. 예전에는 코드에 대한 지식이 필요했겠지만, 요즘은 AI를 통해 쉽게 원하는 스타일의 코드를 적용할 수 있습니다.
이처럼 간단한 설정 만으로도 글의 가독성과 전달력을 크게 개선할 수 있고, 이후 다양한 방식으로 확장해서 활용할 수 있다는 점도 인상적이었습니다.
블로그를 조금 더 정리된 형태로 운영하고 싶다면, 한 번 쯤 적용해볼 만한 방법이라고 생각합니다.