콘텐츠
이 놀라운 WordPress 웹 사이트는이 인기있는 CMS의 최고를 보여줍니다. 2003 년 처음 출시되었을 때 WordPress는 아마추어를위한 기본 블로깅 도구로 간주되었습니다. 매우 빠르게 시작되어 이제는 전 세계 수백만 사이트를 지원하는 완전한 CMS가되었습니다.그리고 창의적인 전문가들은 그 이후로 복잡하고 아름다운 WordPress 웹 사이트를 만들기 위해 CMS의 경계를 넓혀 왔습니다.
이 놀라운 CMS가 무엇을 할 수 있는지 정확히 보여주기 위해 최고의 WordPress 웹 사이트를 선정했습니다. 이 기사가 자신의 WordPress 웹 사이트를 구축하도록 영감을 준다면 이러한 Wordpress 자습서가 시작하는 데 도움이 될 것이며 멋진 포트폴리오를 구축하려는 경우 최고의 WordPress 포트폴리오 테마에 대한 가이드를 확인하십시오.
- 2019 년 최고의 웹 호스팅 서비스
01. 라팔 보자르
디자이너 Zhenya Rynzhuk는 프런트 엔드 용 Vue.js와 함께 WordPress를 세미 헤드리스 CMS로 사용하여 Rafal Bojar를위한 매력적인 사진 포트폴리오 사이트를 만들었습니다. 선택한 이야기의 미리보기를 표시하는 홈페이지, Bojar의 모든 작업을 보여주는 매끄러운 그리드, 사진 작가의 철학과 접근 방식을 설명하는 '본질'페이지가 있습니다.
"목표는 방문객에게 독특한 경험을 제공하고 Rafal의 놀라운 작품을 선보이는 것이 었습니다."라고 Rynzhuk은 말합니다. 쌍은 몇 가지 다른 백엔드 옵션에 대해 논의했지만 사이트를 쉽게 관리하고 새 프로젝트로 정기적으로 업데이트 할 수 있도록 WordPress를 결정했습니다.
WordPress 및 Vue.js와 함께이 사이트는 S3 버킷을 사용하여 데이터를 저장하며, 이는 빠른로드 시간을 보장하기 위해 Cloudfront를 통해 제공됩니다. Rynzhuk는 또한 Bedrock과 Hendrik-Jan de Harder의 Vue 골격과 애니메이션 용 GSAP를 사용했습니다.
02. 아델 바 쿨라
Adel Vakula는 우크라이나에서 온 국제적으로 유명한 모델이며, 그녀를위한이 홍보 사이트는 동료 야 블로 코 아이디어 스튜디오에서 제공합니다. 그는이를 디자인하고 코딩했을뿐만 아니라 모든 일러스트레이션 작업을 제작했습니다. 그 결과 우리의 매력적인여 주인공이 등장하는 수많은 회화 적 비 네트에 걸쳐 화려하고 독특한 시각적 축제가 탄생했습니다.
문자 그대로 미묘한 애니메이션으로 거품이 나는 오프닝 솜사탕 구름 풍경에서 Vakula는 카리스마 넘치는 개성을 보여주기 위해 디자인 된 몽환적 인 초상화에 출연합니다. 그녀는 버스 킹 고양이가있는 플랫폼에서 뉴욕 지하철 열차를 타면서 YouTube 재생 버튼으로 배가되는 가고일 위에서 파리의 밤을 기발하게 바라 봅니다. 베니스와 이비자를 방문하면 인스 타 그램과 이메일 링크에 똑같이 별난 배경을 제공하며, 칵테일을 마시는 물개조차도 팔로우를 권장합니다. 뺨 속의 혀이지만 참을 수없는 매력과 테크닉으로 사랑에 빠진다. 마우스 포인터조차도 모든 심장 모양이됩니다.
WordPress CMS에 구축 된 뛰어난 UI 요소는 의상을 가상 Vakula에 끌어다 놓아 실제 모델링 스냅을 볼 수있는 재미있는 섹션입니다. 가능한 캐스팅에 대한 전화 카드가 진행됨에 따라 이것은 대부분의 것보다 더 기억에 남는 포즈를 취합니다.
저자: 마크 빌렌
03. 미들 아동
수상 경력에 빛나는 필라델피아에 기반을 둔 샌드위치 가게 Middle Child는 기발하고 소박한 분위기에 어울리는 웹 사이트가 필요했습니다. 풀 서비스 디자인 및 기술 스튜디오 Self Aware는 Timber와 ACF를 사용하여 완전히 맞춤화 된 WordPress 테마를 기반으로하는 사이트를 만들었습니다. 스튜디오 파트너 인 Mike Wagz가 "진지한 WordPress 테마 개발자를위한 게임 체인저"라고 부르는 조합입니다.
Self Aware는 또한 최적의 경험을 제공하기 위해 최신 웹 기술을 사용했습니다. 레이아웃은 CSS Grid를 사용하여 생성되었으며 Service Worker는 초기로드 시간을 단축하기 위해 CSS 및 JavaScript 파일을 포함한 정적 자산을 캐시합니다.
"Middle Child는 구석 구석 구석 구석에서 분위기를 풍깁니다."Wagz가 덧붙입니다. "올바른 재미, 키치, 기발함으로 각계 각층의 고객을 따뜻하게 맞이합니다. 이러한 정신을 포착하고 웹으로 번역 할 수 있었기 때문에이 디자인이 성공적이라고 생각합니다."
완벽한 도구를 찾으려면 다음 최고의 웹 사이트 빌더를 확인하십시오. 또한 최저 가격은 아래를 참조하십시오.
04. 바다 수확
noformat은 뉴욕에 기반을 둔 전략적 디자인 스튜디오입니다. 홈페이지는 방문자의 커서를 따라 화면을 따라 움직이는 안구 디자인을 특징으로하며 오버레이 텍스트는 noformat이 만들 수있는 모든 것을 순환합니다. 눈알을 만들기 위해 팀은 three.js를 사용하여 대화 형 버전을 구축하기 전에 먼저 After Effects CC에서 디자인을 탐색했다고 noformat의 창립자이자 크리에이티브 디렉터 인 Ian Brewer는 설명합니다.
"우리는 GPU 렌더링을 최적화하기 위해 버텍스 및 프래그먼트 셰이더를 사용했고 내부에 noformat 로고를 깜빡이게 만들었습니다."라고 Brewer는 말합니다. "그런 다음 후 처리 효과를 적용하여 가장자리를 흐리게하고 하이라이트에 블룸을 추가하여보다 유기적이고 덜 3D 느낌을줍니다."
사이트의 나머지 부분은 매끄러운 스크롤 전환과 사용성에 영향을주지 않으면 서 기술 기술을 보여주는 미묘한 시차 효과로 첫 페이지의 영향에 부응합니다.
Brewer는 "빠른 실행과 유연성을 위해 사이트로 WordPress를 선택했습니다."라고 설명합니다. "수년에 걸쳐 우리는 다른 어떤 CMS 솔루션보다 빠르게 사이트를 생성하거나 편집 할 수있는 자체 라이브러리와 모듈 기반 편집 시스템을 구축했습니다."
08. Femme and Fierce
네덜란드 경험 디자인 스튜디오 Wonderland는 Femme and Fierce를위한 sass와 함께 전자 상거래를 제공했습니다. 워드 프레스 웹 사이트의 눈에 띄는 충돌하는 색감이 온라인 패션 소매 업체의 브랜드 메시지를 처음부터 전달합니다. 롤리팝 돌리기, 화살 찌르기, 입술 핥기 등 애니메이션 '스티커'는 건방진 느낌을주고이 범위를 목표로하는 Snapchat / Instagram 세대와 공감해야합니다.
09. 퓨레 메종
Purée Maison은 파리에 본사를 둔 창의적이고 전략적인 스튜디오입니다. WordPress 웹 사이트는 주로 호버에 나타나는 밝은 노란색 애니메이션 낙서로 인해 눈에 띄고 지루한 브랜드 진술에 개성을 주입하고 전환을 활성화합니다. 또한 방문자가 길을 찾도록 돕고 사이트를 탐색하고 상호 작용하도록 권장합니다.
10. 우리는 사실상
코펜하겐에 본사를 둔 디자인 및 브랜딩 대행사 인 Stupid Studios가 만든 덴마크 디자인 박물관 사이트는 박물관의 아카이브, 컬렉션 및 연구 자료를 보여줄뿐만 아니라 최신 스타일로도 제공합니다. 박물관 로고의 개봉 SVG 애니메이션부터 콘텐츠를 스크롤 할 때 시선을 사로 잡는 시차 스크롤 및 분위기를 향상시키는 팔레트 교체에 이르기까지 필수 디자인 대상을위한 완벽한 온라인 존재입니다.
13. 케이티 페리
팝 공주 Katy Perry는 WordPress를 사용하여 공식 웹 사이트를 호스팅합니다. 당연히 비주얼 및 소셜 미디어 단서에 초점을 맞춘이 사이트는 아티스트의 고사양 포트폴리오 샷을 활용하여 대담한 진술을합니다. 아래로 스크롤하여 투어 날짜, 상품 등을 보거나 아이콘을 사용하여 더 많은 것을 찾아보세요.
아티스트의 독특한 풍선 껌 팝 개인 이미지를 사용자 친화적이고 광택있는 매그 스타일 기능과 혼합 할 수있는 깔끔하면서도 날카로운 사이트입니다. 멈출 수없는 애니메이션과 음악으로 가득 찬 바쁜 밴드 사이트의 시대는 지났습니다. Perry의 웹 사이트는 단순한 흰색 배경과 쉽게 탐색 할 수있는 링크를 사용하여 다양한 개성을 표현할 수 있음을 입증하여 팬들이 편리하고 쉽게 듣고보고 배울 수있는 옵션을 제공합니다.
14. 잉크 탱크
