워드프레스 모든 이미지 중앙정렬 자동

워드프레스에서 이미지를 삽입할때 네이버와 티스토리 블로그에 비해서 이미지 정렬이나 편집이 불편할 수 있다. 기본적으로 다른 블로그에 비해서 이미지를 적게 사용하는 것이 워드프레스의 기본 활용법이지만 상황에 따라서는 많은 양의 사진을 포함해야하는 포스팅의 경우 이미지를 업로드하고 중앙정렬 시키기가 굉장히 번거롭다.

워드프레스이미지중앙정렬

이럴때 아주 간단하게 CSS 코드를 추가하는 것만으로도 블로그 내의 모든 포스팅의 이미지가 중앙정렬 하도록 설정할 수 있다. 예를들어 이미지를 업로드하고 별도로 중앙정렬 시키지 않더라도 글을 업로드하면 결과물에서 이미지가 자동으로 중앙정렬하게 되는 것이다.

별것 아닌 것 같지만 이미지를 하나 하나 중앙정렬 시키는 노가다에서 벗어나게 되는 것이다.

워드프레스 이미지 중앙 정렬 자동 설정하기

  1. 워드프레스 메인화면 알림판 선택.
  2. 외모 선택.
  3. 사용자 정의하기 선택
  4. 추가 CSS
  5. 코드 추가
01워드프레스이미지중앙정렬
외모선택

워드프레스 메인화면 왼쪽 메뉴탭에서 ‘외모’를 선택하고 ‘사용자 정의하기’를 선택한다.

02워드프레스이미지중앙정렬

화면 아래에 ‘추가 CSS’를 선택한다.

03워드프레스이미지중앙정렬

/모든이미지중앙정렬/
.single .wp-block-image img {display: block;margin: 0 auto;}

위 코드를 추가 CSS 아래에 입력하고 위 부분에 공개를 눌러준다. 띄어쓰기에 주의한다.

이제 개별 이미지를 업로드 할 경우 글을 작성할때는 왼쪽 정렬이 되어있지만 포스팅을 업로드 하고나서 글을 확인해보면 이미지가 자동으로 가운데 정렬된 것을 확인할 수 있을 것이다.

이 방법을 이용해 사진 정렬에 소비되는 시간과 체력을 아끼고 열심히 추가 글을 작성해나가도록 하자.