워드프레스의 블록편집기를 처음 접하신 분들 중 밑줄(Underline)을 어떻게 긋는지 몰라 궁금해 하시는 분들이 예상외로 많습니다. 이 글에서는 별도의 플러그인 없이 워드프레스 블록편집기에서 밑줄을 긋는 방법 2가지에 대해 말씀드리겠습니다.
플러그인 없이 워드프레스 블록편집기에서 밑줄을 긋는 방법 2가지
저도 그랬지만, 워드프레스를 처음 사용하면서 도대체 밑줄을 어떻게 긋는지 몰라 한참을 헤맨 적이 있습니다. 평소 밑줄을 많이 사용하시는 분들이라면 당황스러운 상황일 텐데요. 이 글에서는 별도의 플러그인 없이 간단한 방법으로 워드프레스 블록편집기에서 밑줄을 긋는 방법에 대해 알아보겠습니다.
1. 단축키를 활용해 밑줄 긋기
사실, 워드프레스 블록편집기에서 밑줄을 긋는 것은 매우 간단합니다. 단축키 하나만 알면 되기 때문이죠.
아래와 같이 밑줄을 그을 문장을 마우스나 키보드로 선택한 후 Ctrl+U 단축키를 클릭하면 밑줄이 그어지며, 밑줄을 그은 곳에서 한번 더 Ctrl+U를 클릭하면 밑줄 속성이 삭제됩니다. 별도의 버튼이나 플러그인 없이 쉽게 밑줄을 긋는 방법인데 의외로 모르시는 분들이 많더군요.
2. HTML 코드를 추가해서 밑줄 긋기
두 번째 방법은 HTML 코드를 추가해서 밑줄을 긋는 방법입니다. 아래 그림과 같이 먼저 밑줄을 그을 문장을 마우스로 선택한 다음, ② ‘옵션’ → ③ ‘HTML로 편집’ 을 순서대로 클릭합니다.
‘HTML로 편집’을 클릭하면 아래 그림과 같이 현재 마우스가 위치해 있는 부분의 HTML 코드를 직접 수정할 수 있게 되는데요. 여기서 밑줄을 그을 문장 바로 앞에 <span style="text-decoration: underline;"> 을 추가하고 밑줄이 끝나는 부분에 </span> 을 추가하면 <span> ~ </span> 둘러쌓인 부분이 밑줄이 추가됩니다.
코드를 추가한 후 ‘비주얼로 편집’을 클릭하시면 아래 그림과 같이 해당 부분에 밑줄이 그어진 것을 볼 수 있습니다.
오늘은 간단하지만 워드프레스 블록편집기를 처음 접하시는 분들이 의외로 잘 모르는 워드프레스 블록편집기에서 밑줄을 긋는 방법 2가지에 대해 알아보았습니다. 두 가지 방법 모두 어렵지는 않지만, 먼저 Ctrl+U 단축키를 사용해 보시고 만약 단축키가 먹지 않을 경우 두 번째 방법을 사용하시는 것이 좋습니다. 이 글이 여러분이 워드프레스를 사용하시는데 도움이 되기를 바랍니다.