워드프레스에서 글을 쓸 때 이미지를 추가하면 좌측정렬이 기본으로 되어 있습니다. 매번 이미지를 올리고 가운데 정렬을 해주셔도 됩니다. 하지만 이미지를 중앙정렬로 기본으로 해 놓게 되면 별 거 아닌데 글 쓰는 시간을 조금이라도 줄일 수 있죠. 이번 글에서는 이미지 중앙 정렬 방법에 대해 간단하게 알려드리겠습니다.
사용자 정의하기 화면 수정
- 디자인 – 테마 – 사용자정의하기 – 추가 CSS 에 들어가서 헤딩에 들어가는 서식을 지정하시면 됩니다.
- 추가 CSS 목록으로 들어갑니다.
기존에 제너레이트프레스 테마로 커스텀 세팅하는 과정에서 추가 CSS에 넣는 코드들을 한 번 정리한 적이 있습니다. 아랫글을 참조해주세요.
이미지 중앙정렬 코드
들어가서 아래 코드를 추가해줍니다
.wp-block-image {
text-align:center;
}
GP테마의 경우 이미지 블록의 CSS 에 대한 코드는 위와 같지만, 다른 테마에서는 다를 수도 있습니다.
만약 이미지 중앙정렬을 CSS로 처리하게 되면 글을 작성할 때는 정렬이 왼쪽으로 되어 보입니다. 하지만 발행을 하게 되면 중앙정렬로 적용됩니다. 물론 매번 이미지를 업로드하고 수동으로 중앙정렬해주셔도 됩니다.