최신 릴리스에서 Elementor 3.16은 웹 개발자와 사이트 소유자를 위한 몇 가지 주목할만한 개선 사항을 도입했습니다. 기본적으로 Flexbox 컨테이너는 이제 모든 새로운 웹사이트에서 활성화되어 성능과 디자인 유연성을 크게 향상시킵니다. 또한 이 업데이트에는 향상된 '요소 간 간격' 제어 기능이 도입되어 Flexbox 컨테이너로 작업할 때 사용자에게 훨씬 더 많은 유연성을 제공합니다.
이 버전의 주요 개선 사항 중 하나는 위젯 패널 내 Flexbox와 그리드 컨테이너 위젯 간의 명확한 구분입니다. 이러한 차별화로 인해 각 컨테이너 유형에 대해 별도의 위젯이 생성되어 디자인 프로세스가 간소화되고 전반적인 사용자 경험이 향상됩니다.
또한 사이트 방문자는 TTFB(Time to First Byte) 지표에 대한 최적화 덕분에 로딩 시간이 눈에 띄게 빨라지는 이점을 누릴 수 있습니다. 또한 이 업데이트는 접근성에 중점을 두어 화면 판독기와 기타 보조 기술을 사용하는 사용자에게 보다 포괄적인 경험을 보장합니다.
특히 메뉴 및 탭 위젯은 필수 인프라 업데이트를 거쳐 향후 릴리스에서 고급 기능을 구현하기 위한 기반을 마련했습니다. 이러한 개선 사항을 종합하면 Elementor 3.16은 신규 웹사이트와 기존 웹사이트 모두에 대한 귀중한 업그레이드가 됩니다.
놀라운 웹사이트 만들기
최고의 무료 페이지 빌더 Elementor와 함께
지금 시작최대의 디자인 자유 잠금 해제: 새로운 웹사이트를 위한 Flexbox 컨테이너 활성화
Flexbox 컨테이너는 놀라운 수준의 유연성을 제공하여 그 이름에 걸맞게 작동합니다. 이를 통해 디자이너는 픽셀이 완벽할 뿐만 아니라 성능과 반응성이 뛰어난 웹 사이트를 제작할 수 있습니다. 정확한 위치 지정 옵션을 통해 Flexbox 컨테이너는 컨테이너 내에서 항목을 정렬하고 배포하는 작업을 단순화하여 유연한 레이아웃을 쉽게 만들 수 있습니다. 예를 들어 제목, 이미지, 텍스트 편집기 위젯을 단일 컨테이너에 배치하는 기능을 생각해 보세요. 더욱 인상적인 점은 다양한 화면 크기에 대해 고유한 플렉스 방향을 설정하여 장치에 따라 요소를 원활하게 재정렬할 수 있는 기능입니다.
또한 Flexbox 컨테이너에는 중첩된 위젯에 대한 지원 기능이 탑재되어 회전판, 메뉴, 탭 및 아코디언 위젯의 콘텐츠 영역 내에 위젯을 배치할 수 있습니다. 한 항목에는 연락처 양식이 있고 다른 항목에는 Google 지도 위젯이 있는 복잡한 레이아웃을 구성하기 위해 Accordion 위젯을 사용할 수 있는 가능성을 고려해 보세요.
이와 관련하여 중요한 발전은 이 버전부터 Flexbox 컨테이너가 모든 새로운 웹 사이트에 대해 자동으로 활성화된다는 것입니다. 이 변경 사항은 섹션과 열을 사용하여 구축된 기존 사이트에 영향을 미치지 않으며 계속해서 활용할 수 있습니다. 그러나 새로운 디자인 기능을 최대한 활용하려면 컨테이너를 수용하는 것이 좋습니다. 새로운 웹 사이트 생성을 시작하고 섹션과 열을 고수하려는 경우 Flexbox 컨테이너 기능을 비활성화할 수 있는 옵션이 있습니다. 단, 이는 중첩된 기능이 있는 기능과 위젯에 대한 액세스 권한을 상실한다는 의미입니다.
Flexbox 컨테이너를 활성화하면 새로운 디자인 옵션과 함께 컨테이너에 맞게 조정된 인기 있는 섹션 기반 키트를 포함하는 컨테이너 기반 키트 및 템플릿에 대한 액세스도 잠금 해제됩니다. 반대로, 섹션 기반 키트 및 템플릿을 유지하려면 Flexbox 컨테이너 기능을 비활성화하면 됩니다.
업그레이드된 간격 제어
최신 업데이트에서 개발자는 용어를 단순화하여 사용자 인터페이스를 간소화했습니다. 이전에 "요소 간 간격"으로 알려진 컨트롤을 이제 간단히 "간격"이라고 합니다. 이러한 변경으로 인해 사용자는 그 목적을 더 쉽게 파악할 수 있습니다. 또한 컨테이너 내 요소 간 간격을 조정하는 방식이 눈에 띄게 향상되었습니다.
이전에는 단일 범위 컨트롤로 작업을 수행했지만 이제는 수평 간격용과 수직 간격용으로 각각 두 개의 고유한 숫자 입력을 찾을 수 있습니다. 이러한 변화로 인해 각 요소의 위치를 최대한 정확하게 미세 조정할 수 있으므로 정밀도의 세계가 열립니다. 획일적인 격차의 시대는 지났습니다. 이제 수평 및 수직 간격에 대해 서로 다른 값을 유연하게 설정하여 디자인을 완벽하게 조정할 수 있습니다.
또 다른 흥미로운 기능은 이러한 간격을 정의하는 단위를 사용자 정의하는 기능입니다. 픽셀, 백분율, EM, REM 또는 VW 중 무엇을 선호하든 설계 요구 사항에 따라 간격을 설정할 수 있습니다. 이는 프로젝트를 돋보이게 만드는 데 필요한 창의적인 자유와 제어권을 제공하는 것입니다.
그리드 컨테이너 위젯
웹 디자인 및 레이아웃 관리 영역에서 그리드 컨테이너는 단일 그리드형 인클로저 내에서 복잡한 다중 요소 배열을 만드는 수단을 제공하는 강력한 도구로 등장합니다. 최신 버전에서는 위젯 패널 내에서 그리드 컨테이너에 고유한 존재감을 부여하는 향상된 기능이 도입되었습니다. 이 새로 발견된 통합을 통해 사용자는 그리드 컨테이너에 직접 액세스할 수 있는 편리함을 제공하므로 Flexbox 컨테이너를 끌어서 해당 유형을 수정하는 보다 복잡한 프로세스에 의존할 필요가 없습니다.
사용자 편의를 위해 작업 흐름이 간소화되었습니다. 사용자가 Flexbox 컨테이너를 편집기에 삽입하면 시스템은 이를 원활하게 인스턴스화하는 반면, 그리드 컨테이너의 도입은 그리드 레이아웃의 즉각적인 표현으로 충족됩니다. 그러나 이러한 유연성은 단순한 초기 선택 이상으로 확장된다는 점에 유의하는 것이 중요합니다. 사용자는 레이아웃 섹션 내의 컨테이너 레이아웃 드롭다운 메뉴를 통해 컨테이너 유형 중 하나를 대체 유형으로 변환할 수 있는 능력을 유지합니다. 이러한 적응성은 디자이너가 자신의 사양에 정확하게 레이아웃을 맞춤화할 수 있는 창의적인 자유를 보장합니다.
TTFB를 통한 더 빠른 가속
인기 있는 WordPress 페이지 빌더인 Elementor의 최신 업데이트는 사이트 로딩 시간을 크게 향상시킬 것을 약속합니다. 2023년 9월 21일 목요일에 출시된 버전 3.16은 페이지의 복잡성에 따라 무료 Elementor Core를 사용하는 사이트의 경우 TTFB(Time to First Byte)를 5~20%, Elementor Pro를 사용하는 사이트의 경우 최대 40%까지 향상시킵니다. . 이번 업데이트는 이전보다 더 빠르게 콘텐츠를 제공하여 사이트 방문자에게 더 빠르고 원활한 경험을 제공할 것입니다.
Elementor 편집기 내에서 표시 조건을 수정하여 프런트엔드 성능이 상당히 향상되었습니다. Elementor가 편집기 인터페이스에서 콘텐츠를 렌더링하는 방식에 대한 이러한 변경으로 인해 TTFB가 향상되었습니다. 이는 사이트가 데이터의 첫 번째 바이트를 사용자에게 얼마나 빨리 보내는지 측정하는 주요 지표입니다. Elementor는 편집기를 간소화함으로써 사이트에서 콘텐츠를 더 빠르게 전달하는 동시에 이 빌더를 인기 있게 만든 풍부한 디자인 기능을 모두 제공할 수 있도록 해줍니다.
향상된 접근성
인기 있는 WordPress 페이지 빌더 Elementor의 최신 릴리스에는 웹 사이트 접근성 및 포괄성에 대한 몇 가지 주목할 만한 개선 사항이 포함되어 있습니다. 2023년 9월 21일 목요일 발표에 따르면 버전 3.16을 사용하면 화면 판독기 및 기타 보조 기술을 사용하는 방문자가 사이트 콘텐츠에 더 쉽게 액세스할 수 있습니다.
예를 들어, 여러 요소와 링크를 포함하는 아이콘 상자 및 이미지 상자와 같은 위젯이 향상되었습니다. 이제 스크린 리더가 이러한 위젯을 스캔할 때 동일한 링크를 중복해서 반복하는 대신 각 고유 링크를 한 번만 읽습니다. 이 업데이트는 중복된 정보로 인해 화면 리더 사용자의 시간이 낭비되는 것을 방지합니다.
게시물 위젯도 접근성이 업그레이드되었습니다. 이제 스크린 리더는 이 위젯 내의 게시물 제목에만 초점을 맞추고 "자세히 보기" CTA 및 추천 이미지 대체 텍스트와 같은 불필요한 추가 콘텐츠를 무시합니다. 이러한 방식으로 읽기 환경을 간소화하면 보조 기술을 사용하여 게시물을 탐색하는 시각 장애 방문자의 사이트 접근성이 향상됩니다.
전반적으로 Elementor에 대한 이러한 사려 깊은 개선을 통해 제작자는 능력에 관계없이 모든 사용자가 더욱 포용적이고 즐거운 웹 사이트를 구축할 수 있습니다. 향상된 기능을 통해 화면 판독기와 기타 보조 기술을 사용하는 방문자에게 사이트 콘텐츠가 효율적이고 효과적으로 전달되도록 할 수 있습니다.
업데이트된 메뉴 및 탭 위젯
Elementor의 최신 릴리스에는 메뉴 및 탭 위젯을 지원하는 인프라에 대한 내부 개선이 포함되어 있습니다. 2023년 9월 21일 목요일 발표에 따르면 버전 3.16에서는 이러한 위젯을 업데이트하여 모든 화면 크기에서 메뉴 항목 및 탭 제목에 대한 통합 코드를 생성합니다.
이번 업그레이드는 이전 버전에서 이러한 위젯에 반응형 설정을 적용할 때 발생할 수 있는 중복 코드를 제거합니다. 백엔드 코드베이스를 통합하면 향후 이러한 위젯에 대해 고급 기능을 구현할 수 있는 기반이 마련됩니다.
코딩 향상 외에도 메뉴 및 탭 위젯에 대한 접근성이 전반적으로 향상되었습니다. 그러나 과거에 사용자 정의 CSS를 제목에 적용한 경우 제목 코드 통합으로 인해 기존 위젯 디자인이 손상될 가능성이 있습니다.
일반적으로 사용되는 위젯의 개선은 핵심 위젯을 최신 상태로 유지하려는 Elementor의 노력을 보여줍니다. 변경 사항으로 인해 개발자가 사용자 정의 CSS를 다시 확인해야 할 수도 있지만, 이는 더 나은 반응형 동작과 앞으로의 접근성을 위한 토대를 마련합니다. 대부분의 사용자에게 업데이트는 원활하게 이루어지며 화면 크기에 관계없이 더 나은 환경을 제공해야 합니다.
마무리
전반적으로 이 최신 버전은 더 빠르고 반응성이 뛰어나며 접근성이 뛰어난 웹 사이트를 만드는 데 있어서 상당한 진전을 나타냅니다. Elementor가 핵심 기능을 지속적으로 개선함에 따라 개발자는 컨테이너의 잠재력을 활용하고 성능을 향상하며 접근성을 향상시키기 위해 업그레이드를 고려해야 합니다. 인기 있는 페이지 빌더에 이러한 최첨단 추가 기능을 탐색하면 사이트가 모든 방문자에게 탁월한 경험을 제공하는 동시에 최첨단 디자인을 유지하는 데 도움이 될 수 있습니다.
