WordPress 5.7 "Esperanza": 주요 기능 및 개선 사항

게시 됨: 2021-04-22
WordPress 5.7 “Esperanza”

최종 업데이트 - 2021년 7월 8일

WordPress 버전 5.7 "Esperanza"가 드디어 나왔습니다. 올해의 첫 번째 주요 WordPress 릴리스는 지연 로딩 iFrame, 로그인 및 등록 인터페이스 업데이트, 비밀번호 링크 재설정, 다양한 버그 수정 등과 같은 많은 변형과 새로운 기능을 제공합니다. 새로운 편집기를 사용하면 작업을 수행할 수 있습니다. 코딩을 시작하지 않고는 할 수 없었습니다. 가장 많이 사용하는 컨트롤은 필요한 위치에 정확히 있습니다. 그리고 단순해야 하는 레이아웃 변형을 훨씬 더 간단하게 만들 수 있습니다. 버전 5.7은 또한 개발자가 테마, wp 플러그인 및 프로젝트에 적용할 수 있는 많은 변경 사항을 제공합니다.

일부 웹사이트에서 WordPress 버전 5.7을 시험해 보았습니다. 그럼 여기에서 " Esperanza " 의 새로운 기능에 대해 자세히 살펴보겠습니다 .

WordPress 5.7의 편집기 업그레이드

웹 사이트 소유자는 페이지를 만들고 콘텐츠를 작성하는 WordPress 편집기에서 대부분의 시간을 보냅니다. 그리고 모든 WordPress 버전은 Editor에 새로운 기능과 업데이트를 제공합니다. WordPress 5.7에는 Editor에 대한 몇 가지 흥미로운 기능과 업그레이드도 있습니다.

삽입기에서 블록 끌어서 놓기

WordPress 5.7을 사용하면 "새 블록 추가"(+) 삽입기에서 콘텐츠 영역으로 블록을 직접 끌어다 놓을 수 있습니다. 따라서 포스트 캔버스에 블록을 놓기 전에 블록을 배치할 위치를 선택할 수 있습니다. 드래그 앤 드롭은 테마가 블록 패턴을 지원하는 경우에만 실행됩니다.

워드프레스 5.7 “에스페란자”

전체 높이 블록

표지, 칼럼, 그룹 블록은 전폭 블록을 사용하는 것이 좋지 않을까요? 이렇게 하면 시각적으로 눈에 띄는 레이아웃을 생성할 수 있습니다. WordPress 5.7에서는 전체 높이 블록을 만들 수 있습니다. 이 블록은 사용자 화면의 길이를 채우므로 더 매력적인 레이아웃을 생성할 수 있습니다.

워드프레스 5.7 “에스페란자”

블록 변형 설명

WordPress 5.7에서는 블록 변형에 대한 설명을 표시할 수 있습니다. 예를 들어 소셜 아이콘 블록에는 Instagram, Facebook 및 기타 소셜 미디어 아이콘이 있습니다. 미리보기와 함께 블록 관리자에서 볼 수 있습니다.

워드프레스 5.7 “에스페란자”

버튼 치수

이 새로운 기능을 통해 이제 Button 블록에 포함된 버튼의 백분율 너비를 설정할 수 있습니다. 버튼을 선택하고 25%, 50%, 75% 또는 100%를 선택합니다. 이미지는 버튼 치수의 다양한 순서를 표시합니다.

워드프레스 5.7 “에스페란자”

워드프레스 5.7 “에스페란자”

버튼의 수직 정렬

WordPress 5.7에서는 Buttons 블록에 수직 방향 수정을 추가할 수 있습니다. 사용자는 블록 설정에서 변환 스위처를 사용하여 가로에서 세로로 레이아웃을 변경할 수 있습니다.

워드프레스 5.7 “에스페란자”

소셜 아이콘 크기 및 색상

WordPress 5.7은 소셜 아이콘에 대한 추가 사용자 정의 기회를 제공합니다. 사용자 정의 크기 및 색상이 지원됩니다. 소셜 아이콘 블록 도구 모음은 이제 소형, 일반, 대형 및 대형의 4가지 사용 가능한 크기가 있는 크기 선택 메뉴를 제공합니다. 동일한 블록이 현재 색상 설정을 지원하므로 아이콘 및 배경에 대한 다양한 사용자 정의 색상을 도입할 수 있습니다. 테마의 색상 팔레트는 아이콘 색상이 웹사이트의 색상 구성표와 충돌하지 않도록 하여 소셜 아이콘에 사용할 수 있습니다.

워드프레스 5.7 “에스페란자”

워드프레스 5.7 “에스페란자”

글꼴 크기 지원

WordPress 5.7은 목록 및 코드 블록 모두에 대해 글꼴 크기 변경 옵션을 제공합니다. 글꼴 크기 변경 옵션이 있는 타이포그래피 카드가 목록 블록 설정에 첨부되었습니다. 사용자는 목록 항목에 사용 가능한 글꼴 크기 중 하나를 선택하거나 픽셀로 표시되는 사용자 정의 글꼴 크기를 도입할 수 있습니다. "재설정" 버튼은 값을 기본값으로 되돌립니다.

또한 코드 블록에서 글꼴 크기 변경을 지원합니다. 코드 블록을 선택하면 블록 설정 사이드바에 글꼴 크기 옵션이 표시됩니다. 이 옵션을 사용하면 테마에서 사용 가능한 크기 중 하나를 선택하거나 픽셀 단위로 사용자 정의 값을 도입할 수 있습니다.

워드프레스 5.7 “에스페란자”

워드프레스 5.7 “에스페란자”

반투명 스페이서 블록

이전의 둔한 회색 음영 대신 스페이서 블록에 이제 반투명 배경이 있습니다. 이 기능을 사용하면 배경색 위에 있는 스페이서 블록을 더 쉽게 인식할 수 있습니다.

워드프레스 5.7 “에스페란자”

블록 편집기의 추가 개선 사항

  • 어두운 배경이 활성화되면 자동으로 다크 모드를 켭니다.
  • Telegram, Patreon 및 TikTok이 소셜 아이콘에 추가되었습니다.
  • 블록 변환 미리보기.
  • 블록 삽입기의 향상된 블록 패턴 미리보기.
  • 옵션 모델이 업데이트되고 기본 설정으로 이름이 변경되었습니다.
  • 내부 블록 API 변경 사항.
  • 가져오기/내보내기 기능이 개선되었습니다.
  • 블록 편집기 구성 요소 및 블록 수정.

지연 로딩 iFrame

지연 로딩은 중요하지 않은 리소스가 뷰어의 표시 창에 표시될 때까지 로드를 지연시키는 최적화 방법입니다. 지연 로드 리소스는 필요할 때까지 다운로드 및 렌더링되지 않습니다. 특히 고해상도 사진 및 비디오를 제공하는 웹 사이트의 경우 성능을 크게 향상시킬 수 있습니다. WordPress 사용자는 이전에 유사한 효과를 얻기 위해 wp 플러그인을 사용해야 했습니다.

WordPress 5.7은 자동으로 iframe 임베드에 지연 로딩을 첨부합니다. WordPress는 이미 버전 5.5부터 기본적으로 사진에 대해 지연 로드를 사용합니다. 이는 YouTube 동영상과 같이 iframe을 사용하는 모든 삽입이 페이지 로딩 속도를 높이기 위해 지연 로딩을 적용함을 의미합니다.

HTTP에서 HTTPS로의 간편한 마이그레이션

이전에는 WordPress를 HTTP에서 HTTPS로 마이그레이션할 때 웹사이트에 포함된 URL을 수동으로 업데이트해야 했습니다. 그렇게 하지 않으면 혼합 콘텐츠 문제가 발생합니다. WordPress의 혼합 콘텐츠 문제는 잘못된 HTTPS/SSL 설정으로 인해 발생합니다. 종종 웹사이트의 기능에 해를 끼치지 않지만 웹사이트의 SEO와 사용자 경험에 부정적인 영향을 미칠 수 있습니다.

WordPress 5.7을 사용하면 웹사이트를 HTTPS로 더 쉽게 이동할 수 있습니다. WordPress는 웹 사이트 환경이 HTTPS를 지원하는지 인식합니다. 그렇다면 사이트 상태 메뉴에 HTTPS의 가용성이 중요한 문제로 표시됩니다.

워드프레스 5.7 “에스페란자”

여기에서 사용자는 버튼을 클릭하여 WordPress URL을 업데이트하기만 하면 됩니다. 이렇게 하면 WordPress 및 사이트 URL 설정이 변경되고 한 번의 클릭으로 HTTPS를 채택하도록 사이트의 URL이 업데이트됩니다. 사이트는 이동 중에 마이그레이션되므로 혼합 콘텐츠 문제가 발생하지 않습니다. 추가 wp 플러그인이 필요하지 않습니다.

HTTPS가 지원되지 않으면 WordPress에 알림이 표시됩니다.

워드프레스 5.7 “에스페란자”

표준화된 WP-Admin 컬러 팔레트

새 버전은 WP-admin 색상 팔레트를 표준화합니다. WordPress는 제한된 색 구성표 모음과 함께 제공되었으며 개발자가 Sass 변수 기반 시스템으로 작업해야 했기 때문에 새로운 색 구성표를 추가하는 것은 힘든 작업이었습니다.

버전 5.7에서 WordPress는 CSS에서 사용되는 모든 색상을 파랑, 녹색, 빨강 및 노랑의 각각 가능한 12가지 음영 중 하나와 회색, 검정 및 흰색의 13가지 음영 중 하나로 삭제합니다. 이 색상 세트를 정규화하면 테마 및 wp 플러그인 개발자가 일관되고 편리한 디자인 결정을 내리는 데 도움이 됩니다.

워드프레스 5.7 “에스페란자”

새로운 로봇 API

새 버전에는 필터 기반 로봇 API가 포함되어 있어 로봇 메타 태그를 중앙에서 제어할 수 있습니다. 로봇 메타 태그를 사용하면 세분화된 페이지별 전략을 활용하여 검색 엔진 결과에서 특정 페이지의 색인을 생성하고 사용자에게 표시하는 방법을 관리할 수 있습니다. 이 메타 태그는 일반적으로 페이지의 <head> 섹션에 설정됩니다.

새로운 Robots API를 사용하면 로봇 메타 태그에 필터 지시문을 통합할 수 있으며 API는 기본적으로 max-image-preview: large 지시문으로 구성됩니다. 이는 검색 엔진이 더 큰 이미지 미리보기를 표시하여 트래픽을 확장할 수 있음을 나타냅니다.

WordPress는 비공개로 표시된 웹사이트에 대해 이 태그를 자동으로 숨깁니다.

WordPress 5.7로 업데이트하는 방법

WordPress 코어의 주요 업데이트를 커밋하기 전에 항상 웹사이트를 백업하세요. WordPress 데이터베이스, 파일, 테마, 플러그인, 미디어 라이브러리 등을 포함하는 전체 백업을 수행하는 것이 좋습니다.

워드프레스 5.7 “에스페란자”

업데이트 페이지의 관리 대시보드에서 준비된 WordPress 버전 업데이트를 확인할 수 있습니다. 지금 업데이트를 클릭하여 업데이트를 시작합니다.

MLM 비즈니스를 관리하기 위해 전통적인 방법을 사용하던 시대는 지났습니다!

워드프레스 웹사이트를 운영 중이라면 WP MLM 플러그인 을 사용해 보고 MLM 비즈니스를 쉽게 제어하세요.

WP MLM 플러그인을 사용해야 하는 주요 이유는 여기 에서 설명했습니다 . 지금 최고의 WP MLM 플러그인 개발 회사에 연락하십시오.

추가 읽기

  • 워드프레스 5.5와 그 기능.
  • WooCommerce를 안전하게 업데이트하는 방법은 무엇입니까?