13 번째 네 번째-CSS 튜토리얼-php.cn

설계 향상

포럼 폐쇄

소셜 미디어 간소화

확장 된 디자인 기능

전자 상거래 통합

사이트 분석 및 스폰서

다른 프로젝트

개인 업데이트

집

웹 프론트엔드

CSS 튜토리얼

13 번째 네 번째

Lisa Kudrow

Apr 04, 2025 am 10:24 AM

13 번째 네 번째

CSS- 트릭은 13 번째 생일을 축하합니다! 지금 십대, 그리고 얼마나 여행 이었는지. 올해의 업데이트는 주요 사이트 개선 및 변경 사항을 다룹니다.

설계 향상

기술적으로 여전히 V17에 있지만이 사이트의 디자인은 초기 출시 이후 크게 진화했습니다. 주요 개선 사항에는 다음이 포함됩니다.

개선 된 검색 : Jetpack의 즉각적인 검색은 크게 향상된 검색 경험을 제공합니다.
향상된 Almanac Navigation : 새로운 사이드 바는 Almanac 페이지 (예 : background-blend-mode ) 내에서 탐색을 향상시킵니다.
정제 된 타이포그래피 : 이 사이트는 이제 Hoefler & Co를 통합 한 응집력있는 서체 패밀리를 자랑합니다. Sentinel, Ringside, Operator Mono 및 Gotham이 반올림했습니다.

향후 설계 반복에는 백엔드 기술 업데이트가 포함될 수 있습니다.

포럼 폐쇄

수년간의 고려 후 CSS- 트릭 포럼은 올해 초에 마감되었습니다. 기존 컨텐츠에 대한 액세스가 남아 있지만 더 이상 새 게시물이 허용되지 않습니다. 이 결정은 어렵지만 다음과 같이 필요했습니다.

조정 부족 : 일관된 중재는 지속 불가능했습니다.
스팸 증가 : 높은 스팸 부피에는 상당한 수동 개입이 필요했습니다.
기술 부채 : 포럼에는 상당한 업데이트와 재 설계가 필요했습니다.

포럼의 사이트 트래픽에 대한 제한된 기여와 전용 자원이 없기 때문에 궁극적 으로이 폐쇄가 발생했습니다. 초점은 컨텐츠 제작 및 사용자 지원으로 전환하여 커뮤니티 토론에 더 적합한 플랫폼을 활용했습니다.

소셜 미디어 간소화

단순화의 또 다른 영역에는 트위터 (@CSS)가 포함되었습니다. 계정의 존재를 유지하면서 직접 관리가 중단되었습니다. Jetpack을 통한 자동 트위터는 이제 프로모션 후 프로모션을 처리하여 시간 약속없이 일관된 추종자 성장과 참여를 초래합니다. 이를 통해 장기 컨텐츠 개발 및 SEO에 대한보다 집중된 접근 방식이 가능합니다.

확장 된 디자인 기능

CSS- 트릭은 다양한 방법을 통해 맞춤형 디자인 기회를 수용했습니다.

사용자 정의 게시물 템플릿 : "The Great Divide"에세이에 사용 된 것과 같은 특정 템플릿은 독특한 디자인 접근법을 허용합니다.
"Fancy Post"템플릿 : 영웅 이미지와 중앙 열이있는 간소화 된 템플릿은 WordPress의 블록 편집기 내에서 맞춤형 스타일을위한 유연한 기초를 제공합니다.
카테고리 기반 템플릿 : WordPress의 카테고리 기능을 활용하면 게시물 컬렉션 (예 : 연말 생각, 가이드 컬렉션)을위한 사용자 정의 방문 페이지를 생성 할 수 있습니다.

블록 편집기는 이러한 디자인 기능을 확장하는 데 중요한 역할을했으며 이전 편집기보다 크게 개선되었습니다.

전자 상거래 통합

WooCommerce의 통합은 CSS Flexbox 및 CSS 그리드 가이드의 포스터를 포함하여 제품 판매를 촉진했습니다. 또한 MVP 서포터 멤버십 시스템을 뒷받침하여 "가장 큰 CSS Tricks vol. I"에 대한 액세스 권한을 제공합니다. WooCommerce의 기능은 멤버십 관리, 가입 청구 및 일회성 제품 판매로 확장됩니다.