워드프레스 첨부 이미지에 테두리 적용하기

워드프레스 글 작성 시 화면 캡쳐한 이미지의 배경이 흰색인 이미지를 첨부할 때, 이미지 경계가 명확하지 않아 레이아웃이 어수선해 보일 때가 있습니다.

이럴 때 이미지 테두리를 지정하면 이미지가 더 예뻐 보일 수 있습니다.

제가 사용한 플러그인을 사용하는 방법을 기록합니다.

이미지 테두리 플러그인 설치

아래의 WP Image Borders 플러그인을 설치해 줍니다.

이동한 사이트에서 플러그인을 다운로드 해 줍니다.

‘플러그인 > 새로추가 ‘페이지 상단의 플러그인 업로드 버튼을 클릭하고 플러그인 파일을 선택해 줍니다. 업로드 후 지금 설치를 해 줍니다.

설정하기

설치 후 플러그인 활성화 하면 아래와 같이 설정 메뉴에 WP Image Borders 메뉴가 추가됩니다.

이미지 추가 후 아래와 같이 설정합니다.

• Add borders to all images in blog posts : 체크하면 모든 게시물의 이미지에 테두리가 적용 됩니다.
• Additional CSS classes : 글 쓸 때 설정한 특정 이미지만 테두리가 표시 됩니다.

Additional CSS classes 의 경우 글쓰기 시 삽입한 이미지 설정( ‘설정>고급 >추가 CSS 클래스’)에서 클래스명을 입력해 주면 테두리가 적용 됩니다. 이 때 위의 ‘Add borders to all images in blog posts’ 옵션은 체크 해제해서 사용해야 합니다.

위 플러그인 방식 외에도 사용 할 수 있는 옵션이 더 있는 것 같으나, 코딩에 서툴러 적용하기 어렵네요.

내용 참고 했던 사이트 링크 걸어 드립니다. 더 내용이 필요한 경우 참고해 주세요.

https://ltheme.com/add-a-border-around-an-image-in-wordpress/