엘레멘터 에디터 폰트 굵기는 어떻게 하나요?
일반적으로 엘레멘터 에디터에서 글을 작성할 때 폰트 굵기는 주로 <strong> 태그를 사용해 굵기를 주는 것이 일반적인 에디터 사용법입니다.
하지만, 엘레멘터 빌더로 만든 워드프레스 홈페이지에서 <strong>태그가 자꾸 사라지는 문제점을 고객으로 부터 듣게 되었습니다. 처음에는 워드프레스 웹사이트에 설치된 다양한 플러그인과의 충돌을 의심했기 때문에 각 플러그인들을 비활성화 시켜보기도 하고, 디버그도 확인해보았지만, 다른 문제를 찾을 순 없었습니다.
엘레멘터 내부 에디터 폰트 굵기 해결 방법
여러 방법을 사용해 작성을 해보던 중 <b>태그를 쓰면 정상적으로 폰트 굵기를 설정할 수 있는 것을 확인할 수 있었습니다.
태그 사용 예시
이 부분은 일반 굵기 스타일 <b>이 부분은 굵은 스타일 적용</b>요즘은 HTML5를 사용하고 있는데 이 HTML5를 지원하는 워드프레스 빌더에서 <b>태그를 사용하여 폰트의 굵기를 조정한다는 것은 다소 이해하기 힘든 사항이긴 합니다. 이 부분이 조속히 수정되었으면 합니다.
엘레멘터 내부 에디터 폰트 굵기를 주는 다른 방법
굵기를 주는 방법이 <strong>태그만 존재하는 것은 아닙니다.
굵기를 주는 방법은 굵게 주고자 하는 부분을 <span> 태그로 감싸고, <span>태그에 CSS 코드인 style="font-weight:bold"를 추가하여 적용 가능합니다
태그 사용 예시
이 부분은 일반 굵기 스타일 <span style="font-weight:bold">이 부분은 굵은 스타일 적용</span>위와 같이 작성할 경우 실제 보여지는 텍스트
이 부분은 일반 굵기 스타일 이 부분은 굵은 스타일 적용
일부 엘레멘터 서드파티 내부 에디터들은 입력창 내에 태그 사용을 금지하는 부분도 있기 때문에 후자의 방법이 잘 되지 않는 경우도 있습니다. 하지만, 대부분의 테마나 서드파티 내부 에디터 들은 <b>태그를 허용하기 때문에 전자의 방법은 사용 가능할 것으로 보입니다.
오늘은 엘레멘터 내부 에디터에서 폰트 굵기 설정하는 방법을 이야기해보았습니다. 앞으로도 더 좋은 글로 찾아뵙겠습니다. 읽어주셔서 감사합니다.
