워드프레스 7.1 업데이트 주요 기능 안내입니다. 워드프레스(WordPress)는 전 세계적으로 널리 사용되는 웹사이트 제작 및 콘텐츠 관리 시스템(CMS)입니다. 개인 블로그부터 기업 홈페이지, 온라인 쇼핑몰까지 다양한 형태의 웹사이트를 구축할 수 있다는 점에서 꾸준히 사랑받고 있습니다.
이번 워드프레스 7.1(WordPress 7.1)에서는 웹사이트를 제작하고 관리하는 과정에서 자주 사용하는 편집 기능이 크게 개선됐습니다.
특히 눈에 띄는 변화는 CSS 코드를 직접 작성하지 않고도 반응형 디자인을 설정할 수 있다는 점입니다. PC와 태블릿, 모바일 화면에 맞춰 블록의 스타일을 조정할 수 있어 웹사이트 디자인 작업이 한층 편리해졌습니다.
여기에 이미지 자르기 및 회전 기능 개선, 관리자 바 통합, 공동 작업자를 위한 인라인 메모, 오디오 재생목록과 탭 블록 등 새로운 기능도 추가됐습니다.
이번 글에서는 워드프레스 7.1 다운로드 방법, 업데이트 주요 기능, 반응형 디자인 설정, 이미지 편집 기능, 기존 버전과의 차이점을 자세히 알아보겠습니다.
워드프레스 7.1 다운로드 및 공식 홈페이지 바로가기
워드프레스 7.1 설치 파일은 공식 홈페이지에서 다운로드할 수 있습니다.
워드프레스 공식 다운로드 페이지
워드프레스는 오픈소스 소프트웨어이기 때문에 누구나 무료로 다운로드하여 사용할 수 있습니다. 다만 직접 웹사이트를 운영하려면 웹호스팅이나 서버, 도메인 등에 별도의 비용이 발생할 수 있습니다.
워드프레스 7.1 다운로드 방법
새로운 워드프레스 웹사이트를 만들려면 다음 순서로 진행하시면 됩니다.
- 워드프레스 공식 홈페이지에 접속합니다.
- 다운로드 페이지에서 제공되는 워드프레스 설치 파일을 확인합니다.
- ZIP 형식의 설치 파일을 다운로드합니다.
- 웹호스팅 서버에 워드프레스 파일을 업로드합니다.
- 데이터베이스를 생성하고 연결 정보를 설정합니다.
- 웹브라우저에서 설치 주소로 접속해 초기 설정을 완료합니다.
- 관리자 계정을 만들고 웹사이트 이름과 기본 설정을 입력합니다.
호스팅 업체에서 워드프레스 자동 설치 기능을 제공한다면 파일을 직접 업로드하지 않고도 설치할 수 있습니다.
이미 워드프레스를 사용하고 있다면 관리자 화면에서 업데이트를 진행할 수 있습니다.
다만 업데이트 전에는 반드시 데이터베이스와 웹사이트 파일을 백업하는 것이 좋습니다. 사용 중인 테마와 플러그인이 새 버전과 호환되는지도 확인해야 합니다.
워드프레스 7.1 주요 업데이트 기능 한눈에 보기
이번 버전은 콘텐츠 편집, 반응형 디자인, 미디어 처리, 공동 작업, 접근성 개선에 초점을 맞추고 있습니다.
| 주요 기능 | 업데이트 내용 |
|---|---|
| 반응형 디자인 | CSS 없이 화면 크기별 블록 스타일 설정 |
| 반응형 브레이크포인트 | 모바일 및 태블릿 기준값 사용자 지정 |
| 이미지 편집 | 자르기, 회전, 반전, 메타데이터 편집 |
| 관리자 바 | 모든 편집기에서 관리자 바 표시 |
| 인라인 메모 | 특정 텍스트 영역에 의견 작성 |
| @멘션 | 공동 작업자 태그 및 이메일 알림 |
| 오디오 재생목록 | 여러 오디오 파일을 하나의 재생목록으로 구성 |
| 탭 블록 | 콘텐츠를 여러 탭으로 구분 |
| 사용자 지정 아이콘 | 개발자가 자체 아이콘 세트 등록 |
| 이미지 업로드 | 브라우저 기반 이미지 처리 |
| 이미지 형식 | AVIF, HEIC, HDR 게인 맵 지원 |
| 인터랙티브 스타일 | 마우스 오버, 포커스, 활성 상태 디자인 |
| 접근성 | 스크린 리더 및 편집기 탐색 기능 개선 |
이 가운데 일반 사용자에게 가장 유용한 기능은 반응형 디자인 설정과 이미지 편집 기능입니다.
블로그를 운영하는 분들은 이미지 작업을 더욱 편리하게 할 수 있고, 기업 홈페이지를 제작하는 분들은 모바일 화면에 맞는 디자인을 보다 쉽게 구성할 수 있습니다.
워드프레스 7.1 반응형 디자인 설정 기능
이번 워드프레스 7.1 업데이트에서 가장 주목할 만한 변화는 반응형 스타일 설정 기능입니다.
반응형 웹디자인이란 사용자가 접속하는 기기의 화면 크기에 따라 웹사이트의 레이아웃과 디자인이 자동으로 조정되는 방식을 말합니다.
예를 들어 PC에서는 콘텐츠를 가로로 3개씩 배치하고, 모바일에서는 세로로 하나씩 표시하는 방식입니다.
기존 워드프레스에서도 반응형 웹사이트를 제작할 수 있었지만, 세부적인 디자인을 조정하려면 테마 설정이나 CSS 코드를 수정해야 하는 경우가 있었습니다.
워드프레스 7.1에서는 이러한 작업을 블록 편집기 안에서 더욱 간편하게 처리할 수 있습니다.
CSS 없이 모바일과 PC 디자인 다르게 설정하기
워드프레스 7.1에서는 전역 스타일과 개별 블록의 반응형 스타일을 편집기에서 직접 조정할 수 있습니다.
예를 들어 다음과 같은 디자인 설정이 가능합니다.
- PC 화면에서는 큰 제목과 넓은 여백을 사용하고 모바일에서는 글자 크기와 여백을 줄이는 방식
- 데스크톱에서는 여러 콘텐츠를 가로로 배치하고 모바일에서는 세로로 정렬하는 방식
- 화면 크기에 따라 특정 블록을 표시하거나 숨기는 방식
- 태블릿과 모바일에 서로 다른 디자인 값을 적용하는 방식
이전에는 별도의 CSS 코드나 플러그인이 필요했던 일부 작업을 편집기에서 처리할 수 있다는 점이 가장 큰 장점입니다.
특히 코딩에 익숙하지 않은 블로그 운영자나 소규모 사업자에게 유용한 기능입니다.
다만 모든 반응형 설정이 모든 테마에서 동일하게 제공되는 것은 아닙니다. 실제 사용 가능한 옵션은 활성화된 테마와 블록의 지원 여부에 따라 달라질 수 있습니다.
워드프레스 7.1 이미지 편집 기능 개선
블로그를 운영하다 보면 이미지를 자르거나 회전해야 하는 경우가 많습니다.
대표 이미지의 비율을 맞추거나, 스마트폰으로 촬영한 사진의 방향을 수정하거나, 불필요한 배경을 잘라내는 작업이 대표적입니다.
워드프레스 7.1에서는 이러한 이미지 편집 과정도 개선됐습니다.
새로운 이미지 자르기 및 회전 기능
기존의 인라인 이미지 자르기 도구를 대신해 별도의 미디어 편집 창이 제공됩니다.
새로운 편집 환경에서는 다음 작업을 수행할 수 있습니다.
| 이미지 편집 기능 | 설명 |
|---|---|
| 자유형 자르기 | 원하는 영역을 자유롭게 선택 |
| 비율 지정 자르기 | 정해진 가로세로 비율로 이미지 자르기 |
| 좌우 반전 | 이미지를 수평으로 뒤집기 |
| 정밀 회전 | 이미지 각도 조정 |
| 메타데이터 편집 | 이미지 관련 정보 수정 |
특히 이미지의 가로세로 비율을 조정하는 기능은 블로그 대표 이미지나 상품 사진을 편집할 때 유용합니다.
이미지를 게시하기 전에 필요한 편집 작업을 하나의 화면에서 처리할 수 있어 작업 흐름도 간결해졌습니다.
별도의 이미지 편집 프로그램을 실행해야 하는 상황이 줄어든다는 점에서 콘텐츠 제작 시간을 절약할 수 있을 것으로 보입니다.
워드프레스 7.1 이미지 업로드 속도 및 미디어 처리 개선
워드프레스 7.1에서는 이미지 편집뿐 아니라 업로드 과정도 개선됐습니다.
특히 이미지 압축과 크기 조정, 썸네일 생성 작업을 브라우저에서 처리하도록 변경한 점이 눈에 띕니다.
기존에는 서버가 이러한 작업을 담당하는 경우가 많았습니다.
고해상도 사진이나 용량이 큰 이미지를 업로드하면 서버의 PHP 메모리 제한에 걸리거나 처리 시간이 길어지는 문제가 발생할 수 있었습니다.
이번 업데이트에서는 WebAssembly 기반의 libvips 기술을 활용해 이미지 처리 작업을 브라우저에서 수행할 수 있도록 개선했습니다.
브라우저에서 이미지 처리하면 무엇이 좋아질까요?
가장 큰 장점은 서버의 부담을 줄일 수 있다는 것입니다.
이미지 크기 조정이나 압축을 브라우저에서 처리하면 서버가 담당해야 할 작업량이 줄어듭니다.
특히 공유 웹호스팅을 이용하는 사이트에서는 서버 메모리와 처리 시간 제한이 문제가 되는 경우가 있는데, 이러한 부담을 줄이는 데 도움이 될 수 있습니다.
또한 이미지 파일 크기가 줄어들면 방문자가 웹페이지를 불러올 때 전송해야 하는 데이터 양도 감소할 수 있습니다.
다만 실제 업로드 속도와 처리 성능은 이미지 크기, 사용자의 기기 성능, 브라우저 환경, 서버 설정 등에 따라 달라질 수 있습니다.
AVIF, HEIC, HDR 이미지 지원
워드프레스 7.1은 다양한 이미지 형식에 대한 지원도 강화했습니다.
| 이미지 형식 | 특징 |
|---|---|
| JPEG | 사진에 널리 사용되는 이미지 형식 |
| PNG | 투명 배경과 무손실 압축 지원 |
| WebP | 웹페이지에서 활용도가 높은 이미지 형식 |
| AVIF | 높은 압축 효율을 제공하는 이미지 형식 |
| HEIC | 일부 스마트폰에서 사용하는 고효율 이미지 형식 |
| HDR 게인 맵 | HDR 표현에 필요한 추가 밝기 정보 |
특히 AVIF는 이미지 품질을 유지하면서 파일 크기를 줄이는 데 유리한 형식입니다.
HEIC는 아이폰 등 일부 기기에서 촬영한 사진에 사용되는 형식이기 때문에 스마트폰 사진을 자주 업로드하는 사용자에게 도움이 될 수 있습니다.
다만 파일 형식이 지원된다고 해서 모든 브라우저와 기기에서 동일하게 표시되는 것은 아닙니다. 웹사이트 방문자의 브라우저 호환성도 함께 고려해야 합니다.
워드프레스 7.1 관리자 바 개선
워드프레스 관리자 바는 웹사이트 관리자가 주요 관리 기능에 빠르게 접근할 수 있도록 도와주는 메뉴입니다.
일반적으로 관리자 계정으로 로그인하면 화면 상단에 표시되며, 사이트 관리나 콘텐츠 편집 등 다양한 작업에 활용됩니다.
워드프레스 7.1에서는 관리자 바가 모든 편집기에서 일관되게 표시되도록 개선됐습니다.
이전에는 작업 중인 편집기나 화면에 따라 관리자 바의 표시 방식이 달라지는 경우가 있었습니다.
이번 업데이트에서는 편집 작업을 진행하는 동안에도 관리자 바를 이용할 수 있어 관리 화면과 편집기 사이를 이동하기 편리해졌습니다.
디자인 역시 일부 개선되어 보다 일관된 탐색 환경을 제공합니다.
여러 게시물과 페이지를 자주 수정하는 운영자라면 편리함을 느낄 수 있는 변화입니다.
워드프레스 7.1 인라인 메모와 @멘션 기능
여러 사람이 함께 웹사이트를 운영하는 경우에는 콘텐츠에 대한 의견을 주고받는 과정이 중요합니다.
예를 들어 작성자가 게시물을 작성하고 편집자가 내용을 검토하거나, 마케팅 담당자가 특정 문구의 수정을 요청하는 상황이 있을 수 있습니다.
워드프레스 7.1에서는 이러한 공동 작업을 위한 메모 기능이 강화됐습니다.
특정 문장에 직접 메모 남기기
기존에는 블록 전체를 대상으로 의견을 남기는 방식이었다면, 이제는 블록 안의 특정 텍스트 영역에 메모를 남길 수 있습니다.
예를 들어 하나의 문단에 여러 문장이 있을 때 수정이 필요한 부분만 선택해 의견을 작성하는 방식입니다.
같은 블록에서도 여러 개의 대화를 시작할 수 있어 피드백을 더욱 구체적으로 전달할 수 있습니다.
긴 메모는 접어서 표시할 수 있기 때문에 편집 화면이 복잡해지는 문제도 줄일 수 있습니다.
@멘션으로 공동 작업자 호출하기
새롭게 개선된 메모 기능에서는 @멘션을 사용할 수 있습니다.
메모 입력 과정에서 @ 기호를 입력하면 공동 작업자 목록이 표시되고, 원하는 사용자를 선택해 태그할 수 있습니다.
이메일 알림 기능도 포함되어 있어 담당자가 관련 의견을 확인하는 데 도움이 됩니다.
또한 메모에 굵은 글씨, 기울임꼴, 코드, 링크 등의 서식을 적용할 수 있습니다.
이 기능은 특히 여러 명이 함께 운영하는 기업 블로그나 온라인 매거진, 콘텐츠 제작팀에서 유용하게 활용할 수 있습니다.
워드프레스 7.1 새로운 블록 기능
워드프레스 7.1에서는 콘텐츠를 구성하는 데 활용할 수 있는 새로운 블록과 편집 기능도 추가됐습니다.
오디오 재생목록 블록
여러 오디오 파일을 하나의 재생목록으로 구성할 수 있는 기능입니다.
예를 들어 팟캐스트를 운영한다면 여러 에피소드를 하나의 재생목록으로 묶어 방문자에게 제공할 수 있습니다.
음악이나 강의 음성 파일을 게시하는 사이트에서도 활용할 수 있습니다.
선택적으로 오디오 파형을 표시하는 기능도 제공됩니다. 재생 중인 트랙의 시각적 형태를 확인할 수 있어 콘텐츠의 표현 방식이 다양해졌습니다.
탭 블록으로 콘텐츠 정리하기
탭 블록은 여러 내용을 하나의 영역에 구분해서 배치하는 기능입니다.
예를 들어 상품 소개 페이지를 제작할 때 상품 설명, 상세 사양, 배송 안내, 자주 묻는 질문 등을 각각 다른 탭으로 구성할 수 있습니다.
방문자는 원하는 탭을 선택해 필요한 내용을 확인할 수 있습니다.
특히 내용이 긴 페이지에서 모든 정보를 한꺼번에 보여주지 않아도 된다는 점이 장점입니다.
다만 중요한 정보는 방문자가 쉽게 찾을 수 있도록 탭의 이름과 구성을 명확하게 설정하는 것이 좋습니다.
사용자 지정 아이콘 기능
워드프레스 7.1에서는 플러그인과 테마 개발자가 자체 아이콘 세트를 등록할 수 있습니다.
등록된 아이콘은 워드프레스의 기본 아이콘 라이브러리와 함께 편집기에서 활용할 수 있습니다.
기업의 브랜드 디자인에 맞는 아이콘을 사용하거나, 특정 플러그인에 필요한 아이콘을 일관되게 제공하는 데 유용합니다.
일반 사용자보다는 테마 및 플러그인 개발자에게 활용도가 높은 기능이라고 볼 수 있습니다.
워드프레스 7.1 반응형 브레이크포인트 설정
반응형 웹디자인에서 브레이크포인트(Breakpoint)는 화면 크기에 따라 디자인이 변경되는 기준점을 의미합니다.
예를 들어 특정 화면 너비를 기준으로 PC 레이아웃에서 태블릿 레이아웃으로 전환하거나, 모바일 화면에 맞춰 콘텐츠를 다시 배치할 수 있습니다.
워드프레스 7.1에서는 theme.json 파일을 통해 모바일과 태블릿의 브레이크포인트를 사용자 지정할 수 있습니다.
기본값을 그대로 사용하는 대신 웹사이트의 디자인에 맞는 기준을 설정할 수 있다는 의미입니다.
설정된 브레이크포인트는 반응형 스타일과 블록 표시 여부에도 적용됩니다.
이 기능은 특히 사용자 지정 테마를 개발하거나 웹사이트 디자인을 세밀하게 조정하려는 개발자에게 유용합니다.
일반 블로그 운영자라면 직접 파일을 수정하기보다는 사용 중인 테마에서 제공하는 반응형 설정 기능을 먼저 확인하는 것이 좋습니다.
워드프레스 7.1 버튼 및 메뉴 인터랙티브 스타일 설정
이번 업데이트에서는 버튼과 탐색 링크의 인터랙티브 스타일도 편집기에서 설정할 수 있습니다.
인터랙티브 스타일이란 사용자가 버튼이나 링크에 마우스를 올리거나 클릭하는 등 특정 동작을 했을 때 나타나는 디자인 변화를 의미합니다.
대표적인 상태는 다음과 같습니다.
| 상태 | 의미 |
|---|---|
| 기본 상태 | 사용자가 아무 동작도 하지 않은 상태 |
| Hover | 마우스 포인터를 올린 상태 |
| Focus | 키보드 등으로 요소에 초점이 맞춰진 상태 |
| Active | 버튼이나 링크가 활성화된 상태 |
예를 들어 버튼 위에 마우스를 올렸을 때 배경색을 변경하거나, 키보드로 메뉴를 탐색할 때 선택된 링크가 눈에 띄도록 설정할 수 있습니다.
기존에는 이러한 디자인을 구현하기 위해 CSS 코드를 작성해야 하는 경우가 많았습니다.
워드프레스 7.1에서는 편집기의 스타일 설정을 통해 지원되는 상태별 디자인을 조정할 수 있습니다.
특히 키보드 탐색 시 포커스 상태를 명확하게 표시하면 웹사이트 접근성을 높이는 데에도 도움이 됩니다.
워드프레스 7.1 접근성 개선
워드프레스 7.1에서는 접근성 개선도 이루어졌습니다.
웹 접근성이란 장애 여부나 사용 환경에 관계없이 누구나 웹사이트의 콘텐츠와 기능을 이용할 수 있도록 만드는 것을 의미합니다.
이번 업데이트에서는 워드프레스 코어와 구텐베르크 편집기 전반에 걸쳐 여러 접근성 관련 기능이 개선됐습니다.
대표적으로 새로운 접근성 툴팁 API가 도입됐으며, 스크린 리더의 동작을 예측하기 쉽도록 개선하는 작업도 이루어졌습니다.
관리자 화면의 일부 레이블도 개선됐습니다.
또한 편집기에서 키보드를 이용한 탐색과 상호작용을 더욱 편리하게 할 수 있도록 관련 기능이 보완됐습니다.
이러한 변화는 스크린 리더 사용자뿐 아니라 키보드 중심으로 작업하는 사용자에게도 도움이 될 수 있습니다.
워드프레스 7.1 업데이트 방법
기존에 워드프레스를 운영하고 있다면 관리자 화면에서 업데이트할 수 있습니다.
일반적인 업데이트 절차는 다음과 같습니다.
- 워드프레스 관리자 페이지에 로그인합니다.
- 왼쪽 메뉴에서 ‘대시보드’를 선택합니다.
- ‘업데이트’ 메뉴로 이동합니다.
- 새로운 워드프레스 버전이 제공되는지 확인합니다.
- 업데이트 전에 웹사이트 파일과 데이터베이스를 백업합니다.
- 테마와 플러그인의 호환성을 확인합니다.
- 워드프레스 업데이트 버튼을 눌러 설치를 진행합니다.
- 업데이트 완료 후 홈페이지와 주요 기능이 정상적으로 작동하는지 확인합니다.
업데이트 전 반드시 확인할 사항
워드프레스 코어 업데이트는 단순히 새로운 기능을 추가하는 작업이 아닙니다.
기존 테마나 플러그인의 코드와 충돌이 발생할 가능성도 있기 때문에 운영 중인 웹사이트라면 사전 점검이 필요합니다.
특히 다음 사항을 확인하는 것이 좋습니다.
- 현재 사용 중인 테마의 최신 워드프레스 호환 여부
- 필수 플러그인의 업데이트 및 호환성 상태
- PHP 버전과 서버 환경
- 데이터베이스 및 웹사이트 파일 백업
- 캐시 플러그인과 보안 플러그인 설정
- 게시물 편집 및 이미지 업로드 기능의 정상 작동 여부
쇼핑몰이나 회원제 웹사이트처럼 중요한 기능을 운영하는 경우에는 가능하면 스테이징 사이트에서 먼저 업데이트를 테스트하는 것이 안전합니다.
또한 업데이트 후에는 메인 페이지뿐 아니라 로그인, 문의 양식, 결제, 검색 기능 등 주요 기능도 점검하는 것이 좋습니다.
워드프레스 7.1 업데이트 관련 자주 묻는 질문
워드프레스 7.1은 무료인가요?
네. 워드프레스는 무료 오픈소스 소프트웨어입니다. 공식 홈페이지에서 다운로드할 수 있으며, 직접 설치해 사용할 수 있습니다. 다만 웹호스팅과 도메인, 유료 테마 및 플러그인에는 별도 비용이 발생할 수 있습니다.
워드프레스 7.1에서는 CSS 없이 반응형 디자인을 만들 수 있나요?
지원되는 블록과 테마에서는 편집기에서 화면 크기별 스타일을 설정할 수 있습니다. 다만 모든 디자인 작업을 CSS 없이 처리할 수 있는 것은 아니며, 복잡한 사용자 지정 디자인에는 여전히 CSS가 필요할 수 있습니다.
워드프레스 7.1에서 HEIC 이미지도 업로드할 수 있나요?
이번 버전에서는 HEIC를 비롯해 AVIF와 HDR 게인 맵 관련 미디어 처리 지원이 강화됐습니다. 실제 파일 업로드와 표시 방식은 사용 환경에 따라 차이가 있을 수 있습니다.
워드프레스 7.1로 업데이트하면 기존 글이 삭제되나요?
일반적인 워드프레스 코어 업데이트는 기존 게시물과 페이지를 유지하는 방식으로 진행됩니다. 다만 업데이트 과정에서 오류나 호환성 문제가 발생할 수 있으므로 반드시 백업한 뒤 진행하는 것이 좋습니다.
워드프레스 7.1 업데이트 후 플러그인이 작동하지 않으면 어떻게 하나요?
먼저 해당 플러그인의 최신 버전과 호환성 정보를 확인해야 합니다. 문제가 계속된다면 오류 로그를 확인하고, 백업이나 스테이징 환경을 활용해 원인을 점검하는 것이 좋습니다.
마무리｜워드프레스 7.1 업데이트, 무엇이 가장 달라졌을까?
워드프레스 7.1은 새로운 기능을 추가하는 데 그치지 않고 실제 웹사이트 제작과 관리 과정에서 발생하는 불편함을 줄이는 데 초점을 맞춘 업데이트입니다.
특히 CSS 없이 반응형 스타일을 조정할 수 있다는 점은 코딩에 익숙하지 않은 사용자에게 의미 있는 변화입니다.
이미지 자르기와 회전 기능을 하나의 편집 화면에서 처리할 수 있도록 개선한 점도 블로그 운영자에게 유용합니다.
여기에 브라우저 기반 이미지 처리, 오디오 재생목록, 탭 블록, 인라인 메모와 @멘션 기능까지 추가되면서 콘텐츠 제작과 공동 작업의 편의성이 높아졌습니다.
개발자 입장에서도 사용자 지정 브레이크포인트와 아이콘 등록 기능을 활용해 더욱 세밀한 웹사이트 제작이 가능해졌습니다.
기존 워드프레스 사용자라면 새로운 기능을 확인해 볼 만하지만, 실제 운영 중인 웹사이트는 테마와 플러그인 호환성을 충분히 점검한 후 업데이트하는 것이 좋겠습니다.
워드프레스 7.1 다운로드는 공식 홈페이지에서 진행할 수 있으며, 기존 사용자는 관리자 화면의 업데이트 메뉴를 통해 설치할 수 있습니다.
[다른글]
https://totoya.kr/apple-to-circulate-its-loaded-new-features-to-its-watches-this-year
작성자 소개
