집 계정 개인 계정 HTML 템플릿을 다운로드하세요. 개인 계정 템플릿의 기본 구조

개인 계정 HTML 템플릿을 다운로드하세요. 개인 계정 템플릿의 기본 구조

귀하의 웹사이트에 제시된 모든 템플릿은 최신 버전의 HTML5 및 CSS3를 기반으로 구축되었습니다. 또한 저자는 플랫 디자인, 반응형 디자인, 적응형 레이아웃, jQuery 슬라이더, CSS3 애니메이션 등과 같은 세련된 기능을 사용합니다. 즉, 모바일 웹사이트 템플릿을 찾고 있다면 제시된 템플릿 중 하나를 선택할 수 있습니다. 아름다운 HTML5 템플릿 2017, 무료이지만 프리미엄처럼 보입니다.

여기서는 50개 이상의 무료 반응형 웹사이트 템플릿을 찾을 수 있습니다. 고품질 HTML5 및 CSS3에서는 새로운 사이트와 기존 사이트를 재설계하는 데 모두 사용할 수 있습니다. 세련된 HTML5 웹사이트 템플릿- 이것이 바로 당신에게 필요한 것입니다!

업데이트 날짜: 2019년 3월 12일: 2년 전에 쓴 글이라 링크가 많이 깨졌습니다. 템플릿 소유자가 템플릿을 병합했거나 템플릿 상태를 무료에서 유료로 변경했거나 외계인이 모든 것을 망쳤습니다. 독자 여러분, 그러한 링크를 찾으시면 댓글에 남겨주시면 수정하겠습니다.

1. Snow - HTML5 및 CSS3를 사용한 무료 랜딩 페이지 템플릿

Snow 랜딩 페이지 html5 css3 템플릿은 Bootstrap 프레임워크를 기반으로 구축되었습니다. 템플릿이 정말 세련되고 멋지네요! 고정된 배경과 거대한 Jumbotron - 사이트의 주요 콘텐츠를 보여주는 것입니다. 랜딩페이지에서 가장 중요한 것은 무엇인가요? 맞습니다, 행동 촉구입니다. 당연히 템플릿은 모바일 장치에 완벽하게 적용됩니다. 자신만의 템플릿을 위한 기초로 사용할 수도 있습니다.

2. Sima - 세련된 상업용 웹사이트 템플릿

이 html5 css3 템플릿은 Bootstrap 프레임워크에도 구축되었습니다. 이 템플릿을 사용하여 포트폴리오, 팀, 가격, 리뷰 및 기타 필요한 모든 것을 포함하는 고유한 웹사이트를 만들 수 있습니다. 예를 들어, 이 템플릿은 청소 서비스 웹사이트에 적합합니다. 이 템플릿의 애니메이션은 부드럽고 효과적이며 글꼴은 깔끔하고 읽기 쉽습니다. 완벽한 템플릿!

3. 흰색 - 멋진 한 페이지짜리 템플릿입니다!

White 웹사이트 템플릿의 특징은 상단에 있는 두 가지 배경 옵션입니다. 선택 사항은 사진이 포함된 슬라이더 또는 비디오 배경입니다. 사이트에 대한 매우 높은 품질과 효과적인 템플릿!

4. Platz - 무료 HTML5 그리드 기반 웹사이트 템플릿

그리드 기반으로 디자인된 현대적이고 시각적으로 매력적인 HTML5 웹사이트 템플릿입니다(그리드에 대해 자세히 알아보세요). 블로그나 웹사이트를 위한 아름답고 반응이 빠른 템플릿 디자인입니다.

5. Mart eCommerce - 아름다운 HTML5 및 CSS3 전자상거래 웹사이트 템플릿

신선하고 세련된 웹사이트 템플릿 디자인은 신발, 의류, 시계, 액세서리, 운동복 등을 판매하는 모든 종류의 패션 웹사이트에 가장 적합합니다. 포함됨 PSD 파일, 필요에 맞게 조정할 수 있습니다.

6. Nava - 창의적인 웹사이트를 위한 멋진 HTML5 및 CSS3 템플릿

Nava는 자신의 작품을 멋지게 뽐내고 싶어하는 창의적인 전문가를 위해 주로 사용되는 최신 HTML5 웹사이트 템플릿입니다. 다양한 템플릿 설정 변형을 통해 웹사이트를 독특하게 만들 수 있습니다. 가볍고 아름답고 반응이 빠른 웹사이트 템플릿입니다.

7. Box Portfolio - HTML5 및 CSS3를 사용하는 독특하고 창의적인 웹사이트 템플릿

Box Portfolio 웹 사이트 템플릿은 깨끗하고 현대적인 미니멀리즘 디자인을 갖추고 있습니다. 자신의 작업을 온라인에 효과적으로 표시하려는 전문가에게 적합합니다. 이름에서 알 수 있듯이 웹사이트 템플릿은 포트폴리오에 이상적으로 적합합니다.

8. Mountain King - 인기 있고 기능적인 HTML5 및 CSS3 웹사이트 템플릿

최근 웹사이트 디자인의 산 테마가 매우 인기가 있습니다. Mountain King 웹사이트 템플릿도 예외는 아닙니다. Typicons의 336개 벡터 아이콘이 포함되어 있습니다. 게다가 CSS3를 사용한 멋진 애니메이션. 이 템플릿은 여행 및 포트폴리오 웹사이트에 적합합니다.

9. 뷰티 스파 - 스파 살롱을 위한 멋진 HTML5 및 CSS3 웹사이트 템플릿

Beauty Spa는 다양한 기능을 갖춘 반응형 웹사이트 템플릿으로, 스파 사이트, 헬스 또는 피트니스 센터, 요가 사이트, 미용실에 이상적입니다. 뛰어난 글꼴 가독성과 눈에 거슬리지 않는 미니멀리즘.

10. Bent – HTML5 및 CSS3를 사용하는 웹사이트를 위한 세련되고 효과적인 랜딩 페이지

Bent는 html5 및 css3로 구성된 훌륭한 무료 웹사이트 템플릿입니다. 반응형 디자인, CSS3 애니메이션, 시차 스크롤, 사용자 정의 탐색 및 기타 기능. 이는 방문자가 사이트의 핵심 콘텐츠를 명확하게 확인하면서 사이트의 모양과 느낌을 즐길 수 있도록 균형 잡힌 디자인을 사용하려는 사이트를 위한 깔끔한 템플릿 디자인입니다.

11. 삼각형 - 무료 반응형 다목적 HTML5 및 CSS3 템플릿

Triangle은 멋진 디자인을 수정하되 더 악화시키지 않으려는 사람들을 위한 독점적이고 독창적인 HTML5 및 CSS3 웹사이트 템플릿입니다. 템플릿에는 사이트를 원하는 대로 맞춤 설정할 수 있도록 미리 디자인된 40개 이상의 페이지가 포함되어 있습니다.

12. Future Imperfect - 창의적인 사람들을 위한 뛰어난 웹사이트 템플릿입니다!

작가, 작가, 카피라이터 및 기타 펜과 종이 작업자에게 이상적인 이 웹사이트 템플릿으로 진정한 즐거움을 경험해 보세요. 템플릿은 개인 블로그, 여행, 창의성 등에 관한 블로그에도 사용할 수 있습니다. 많은 사람들이 템플릿의 창의적인 디자인과 적응형 레이아웃을 좋아할 것입니다.

13. Bodo - 개인 웹사이트를 위한 훌륭한 템플릿

Bodo는 개인 웹사이트에 이상적인 아름다운 HTML5 및 CSS3 웹사이트 템플릿입니다. 특히 포트폴리오를 구성하는 데 적합합니다. 깨끗하고 산뜻한 타이포그래피, 캐러셀 슬라이더, 작업을 표시하는 팝업 창 등.

14. Lens - 사진작가를 위한 완벽한 HTML5 웹사이트 템플릿

사진작가들은 항상 자신의 작품을 인상적이며 가장 중요하게는 대규모로 보여줄 수 있는 웹사이트에 적합한 템플릿을 찾고 있습니다. 희귀한 웹사이트 템플릿이 이러한 요구 사항을 충족합니다. Lens는 그러한 사진 작가 웹 사이트 템플릿 중 하나입니다.

15. Spectral - HTML5 및 CSS3를 사용하는 독특한 수제 웹사이트 템플릿

당신이 찾고 있다면 무료 템플릿자동 주제 주제에 관한 웹 사이트, 그러면 Spectral은 이상적인 솔루션. 다음은 완전히 독특한 손으로 제작한 한 페이지 웹사이트 템플릿 디자인입니다. 디자인은 고객님의 판단에 따라 변경될 수 있습니다. 이 템플릿을 사용하면 인상적인 여행 블로그, 사진 갤러리, 자동차 웹사이트, 호스팅 제공업체 등 모든 주제에 대해 멋진 웹사이트를 만들 수 있습니다.

16. Oxygen - 한 페이지로 구성된 HTML5 및 CSS3 웹사이트 템플릿

Oxygen은 비즈니스 웹사이트를 위한 편리하고 독특한 템플릿입니다. 현대적인 평면 디자인, 적응형 레이아웃. 예를 들어, 이 템플릿은 다음과 같은 웹사이트에 이상적입니다. 모바일 애플리케이션또는 모바일 기술.

17. Mobirise Bootstrap - HTML5 및 CSS3의 완벽한 무료 웹사이트 템플릿

무료 웹사이트 템플릿을 찾고 있다면 Mobirise Bootstrap이 시작하기에 이상적입니다. 이것은 많은 추가 기능이 포함된 다기능 템플릿입니다. 미리 만들어진 세 가지 레이아웃 홈페이지블로그가 이에 대해 도움을 드릴 것입니다. Mobirise Bootstrap은 또한 100% SEO에 최적화되어 있으며 모든 화면 크기에 적응합니다.

18. La Casa - 부동산 웹사이트를 위한 아름답고 무료 HTML5 템플릿

Brandy 템플릿은 상업용 부동산 웹사이트를 구성하는 데 적합합니다. 반응성이 뛰어나고 매우 아름다운 디자인은 사이트 소유자뿐만 아니라 방문자의 관심을 끌 것입니다.

19. Drifolio - 포트폴리오를 위한 세련된 HTML5 웹사이트 템플릿

포트폴리오 구성을 위한 세련되고 애니메이션이 적용된 HTML5 및 CSS3 웹사이트 템플릿입니다. 깔끔한 디자인, 멋진 타이포그래피, 아름다운 아이콘 등이 있습니다.

20. Pluton - 한 페이지짜리 웹사이트를 위한 밝고 세련된 템플릿

Pluton은 Bootstrap을 기반으로 한 밝고 효과적인 웹사이트 템플릿입니다. 독특한 한 페이지 레이아웃과 반응형 디자인을 갖춘 현대적인 웹사이트 템플릿으로 스튜디오, 사진작가, 창의적인 디자이너에게 적합합니다.

21. SquadFree - HTML5의 전문적인 한 페이지 웹사이트 템플릿

SquadFree 템플릿은 상업용 단일 페이지 웹사이트를 만드는 데 적합합니다. 템플릿은 전문적으로 보일 뿐만 아니라 모든 유형의 화면에 적용됩니다. 템플릿은 Bootstrap을 기반으로 합니다.

22. Sublime - HTML5 및 CSS3의 매혹적인 웹사이트 템플릿

Sublime은 스타트업, 크리에이티브 에이전시 또는 포트폴리오 사이트에 적합한 깔끔하고 놀랍도록 아름다운 HTML5 및 CSS3 웹사이트 템플릿입니다. 반응형 디자인과 두 가지 페이지 옵션 중에서 선택할 수 있습니다.

23. Timber - 특이하고 아름다운 HTML5 및 CSS3 웹사이트 템플릿

Timber는 신선하고 세련되며 특이한 한 페이지 웹사이트 템플릿 테마입니다. 대각선은 이 템플릿의 주요 디자인 특징입니다. 이 템플릿은 비즈니스 웹사이트나 포트폴리오에 적합합니다. 내장된 갤러리, 지도 및 연락처 정보, 귀하의 요구에 쉽게 적응할 수 있습니다.

24. E-Shopper - 최고의 전자상거래 웹사이트 템플릿

E-Shopper는 전자상거래 웹사이트 템플릿을 위한 훌륭한 옵션입니다. 완전하고 효율적인 온라인 상점을 위한 놀라운 기능 세트를 갖춘 부트스트랩을 기반으로 구축되었습니다.

25. 자기 - 사진 사이트를 위한 무료 HTML5 및 CSS3 템플릿

디자이너, 일러스트레이터 또는 아티스트를 위한 사진 웹사이트나 포트폴리오를 만들기 위한 정말 놀라운 HTML5 및 CSS3 템플릿입니다. 이 템플릿은 전문 템플릿의 기준을 한 단계 끌어올렸습니다! 반응형 디자인, 모든 종류의 디스플레이 장치에 대한 탁월한 지원, 가볍고 편리한 네비게이션그리고 훨씬 더.

26. Mabur Portfolio - HTML5 및 CSS3를 사용한 미니멀리스트 스타일의 아름다운 웹사이트 템플릿

이 미니멀리스트 웹사이트 템플릿의 플랫 디자인은 포트폴리오 제작에 적합합니다. 템플릿에서는 모든 세부 사항이 완벽하게 확인됩니다!

27. 모던 부트스트랩 HTML5 - 무료 한 페이지 웹사이트 템플릿

이 무료 한 페이지 자료는 다음을 기반으로 합니다. 부트스트랩 프레임워크중소기업과 대기업 모두의 기업 웹사이트에 적합합니다. 플랫 디자인, 적응형 레이아웃, 모든 고품질 디자인 요소. 템플릿은 4가지 색상으로 제공됩니다.

28. Infusion - HTML5 및 CSS3를 사용한 세련된 한 페이지 웹사이트 템플릿

Infusion은 비즈니스 포트폴리오 생성을 위해 특별히 설계된 HTML5 및 CSS3 웹 사이트 템플릿의 좋은 예입니다. 이 템플릿의 풍부한 기능을 통해 고객과 효과적으로 협력하고 새로운 고객을 유치할 수 있습니다.

29. Yebo - HTML5 및 CSS3의 기업 웹사이트 템플릿

이 고품질 플랫 스타일 웹사이트 템플릿은 모든 기업 웹사이트에 적합합니다. 적응형 디자인, 수많은 설정 및 편집 옵션.

30. 20 - 시차가 있는 멋진 HTML5 및 CSS3 웹사이트 템플릿

시차 효과가 있는 이 독특하고 매우 아름다운 웹사이트 템플릿은 누구도 무관심하게 만들지 않을 것입니다. 한 페이지로 구성된 템플릿은 반응형 레이아웃, 인상적인 배경, 소셜 미디어 지원 등을 갖춘 순수 HTML5 및 CSS3를 기반으로 구축되었습니다.

31. Urbanic – Bootstrap의 뛰어난 HTML5 및 CSS3 웹사이트 템플릿

Urbanic은 Bootstrap 엔진을 기반으로 구축된 신선하고 멋진 HTML5 및 CSS3 웹사이트 템플릿입니다. 번거로움 없이 바로 웹사이트 제작을 시작하기에 적합합니다. 템플릿은 모든 화면 크기에 완벽하게 적용됩니다.

32. 디자인 쇼케이스 - HTML5 포트폴리오 웹사이트 템플릿

포트폴리오 구성을 위한 시각적으로 조화롭고 효과적인 HTML5 웹사이트 템플릿입니다. 템플릿은 모바일 장치에 완벽하게 적용되는데, 이 형식의 사이트에서는 수행하기가 매우 어렵습니다.

33. Mamba One - HTML5 및 CSS3를 사용하는 간단하고 세련된 웹사이트 템플릿

Mamba One은 단일 페이지 자료를 만들기 위한 간단하면서도 세련된 웹사이트 템플릿의 예입니다. 모든 최신 브라우저와 호환되며 어디에서나 적절하게 표시됩니다.

34. KreativePixel - 사진작가를 위한 무료 웹사이트 템플릿

사진작가를 위한 또 다른 훌륭한 웹사이트 템플릿입니다. 포트폴리오와 갤러리의 반응형 디자인과 매우 편리한 사진 정렬 기능은 많은 사진 애호가들의 관심을 끌 것입니다. 템플릿에는 시차 효과도 사용되어 사진을 볼 때 보는 사람에게도 깊은 인상을 남깁니다.

35. Retina Ready 반응형 앱 - HTML5 및 CSS3를 사용한 무료 랜딩 페이지 템플릿

이름에서 알 수 있듯이 이 멋진 웹사이트 템플릿은 랜딩 페이지에 이상적일 뿐만 아니라 특히 Retina 디스플레이가 있는 장치의 디스플레이 선명도 측면에서 새로운 모바일 트렌드를 충족합니다.

36. Brushed - 부트스트랩 엔진을 기반으로 한 반응형 HTML5 및 CSS3 웹사이트 템플릿

Brushed는 Bootstrap 엔진을 기반으로 하는 반응형 무료 HTML5 및 CSS3 웹사이트 템플릿입니다. 또한 Retina 디스플레이(iPhone, iPad, iPod Touch 및 맥북 프로망막).

37. Big Picture HTML5 및 CSS3 웹사이트 템플릿

빅픽처에 오신 것을 환영합니다! 이 반응형 HTML5 웹사이트 템플릿은 보여줄 것이 있고 웹사이트에서 크고 인상적으로 보여주고 싶은 모든 창의적인 사람들에게 적합합니다. 또한 템플릿은 뛰어난 애니메이션을 사용합니다.

38. Tesselatte - 무료 반응형 HTML5 및 CSS3 템플릿

성공적인 웹사이트 제작에 필요한 모든 도구를 고려한 간단한 한 페이지 템플릿입니다. 작가, 카피라이터 또는 글을 사랑하는 사람의 개인 블로그에 이상적입니다.

39. Overflow - HTML5와 CSS3를 사용하는 독특한 웹사이트 템플릿

이 독특하고 순수한 HTML5 및 CSS3 웹사이트 템플릿은 모든 창의적인 사람에게 적합합니다. 완전히 반응하고 완전 무료입니다.

40. Runkeeper - 반응이 빠르고 매우 아름다운 웹사이트 템플릿

Runkeeper는 반응이 빠르고 매우 아름다운 무료 웹사이트 템플릿입니다. 모든 주제의 웹사이트에 사용할 수 있습니다. 화려한 스타일과 선명한 글꼴, 반응형 디자인그리고 인상적인 패턴 디테일. 모든 것이 당신에게 효과적입니다!

41. 핀볼 반응형 그리드 스타일 - 훌륭한 그리드 기반 웹사이트 템플릿

이 놀라운 전문 그리드 기반 웹사이트 템플릿은 기업 웹사이트에 적합합니다. 모던한 플랫 디자인과 반응형 템플릿 구조로 대형 모니터와 모바일 기기 모두에서 완벽하게 표현됩니다.

42. 프롤로그 - HTML5 및 CSS3를 사용하여 깔끔한 한 페이지 웹사이트 템플릿

이 깔끔하고 단순하며 명확한 HTML5 및 CSS3 웹사이트 템플릿은 랜딩 페이지 구축에 적합합니다. 미니멀리스트 디자인은 중요한 것을 방해하지 않습니다. 장관이다 사이드바스크롤 탐색과 깔끔한 페이지 라인은 완벽한 조합입니다!

43. Helios - 순수 HTML5 및 CSS3를 기반으로 한 최신 웹사이트 템플릿

미니멀리즘과 깔끔한 형태의 스타일을 지닌 또 다른 웹사이트 템플릿입니다. 대형 디스플레이 화면을 활용하도록 특별히 설계되었지만 모바일 장치의 작은 화면에도 완벽하게 적용됩니다.

44. Telephasic - 반응성이 뛰어난 무료 HTML5 웹사이트 템플릿

이 현대적이고 반응성이 뛰어나며 완전 무료인 웹사이트 템플릿에는 한 가지 큰 장점이 있습니다. 즉, 간단하고 간결하지만 이것이 바로 많은 사람들에게 부족한 점입니다.

45. Strongly Typed - 세미 레트로 스타일의 매우 아름다운 웹 사이트 템플릿

미니멀한 세미 레트로 스타일의 새로운 웹사이트 템플릿입니다. 복고풍은 더 이상 유행하지 않지만 약간의 힌트는 매우 환영합니다. 이 웹 사이트 템플릿은 완전한 반응형이며 순수 HTML5 및 CSS3를 기반으로 구축되었으며 필요한 모든 핵심 페이지 요소를 포함합니다. 강력한 형식의 템플릿은 창의적인 웹사이트에 이상적입니다. 예를 들어 집 장식에 관한 사이트의 경우입니다.

46. 스트라이프 - 깨끗하고 아름답고 기능적인 HTML5 및 CSS3 웹 사이트 템플릿

신선하고 깨끗하며 아름답고 기능적인 HTML5 및 CSS3의 새로운 웹사이트 템플릿입니다. 디자인된 인용문, 표, 목록은 물론 조정된 사이드바(원하는 대로 오른쪽 또는 왼쪽)를 포함하여 필요한 모든 페이지 요소가 무기고에 포함되어 있습니다.

47. 병렬성 - HTML5 및 CSS3를 사용하는 독특하고 세련된 웹사이트 템플릿

Parallelism은 포트폴리오나 사진을 정리하기 위한 세련된 웹사이트 템플릿입니다. 특이한 점은 여기서 스크롤이 평소처럼 수직이 아니라 수평이라는 점입니다. 이것은 사이트에 특별한 시크함과 기억력을 부여합니다.

48. 미니포트 - 미니멀리스트 스타일의 완전 반응형 HTML5 웹사이트 템플릿

HTML5의 미니멀리스트 스타일로 뛰어난 웹사이트 템플릿입니다. 개인 웹사이트/블로그는 물론 소규모 기업 웹사이트나 명함 웹사이트에도 적합합니다.

49. Verti - 넓고 무료로 반응하는 HTML5 웹사이트 템플릿

깔끔하고 넓은 디자인의 웹사이트 템플릿은 대규모 기업 웹사이트나 상업 프로젝트에 적합합니다. 작성자와 사용자 모두에게 반응이 빠르고 편리합니다.

50. ZeroFour - HTML5 및 CSS3를 사용한 인상적이고 세련된 웹사이트 템플릿

그리고 목록의 마지막에 있지만 품질과 시각적 효과 측면에서 가장 중요한 것은 웹 사이트 템플릿인 ZeroFour입니다. 세련된 디자인, 매우 아름다운 메뉴, 완벽하게 조정된 형태와 버튼, 아름다운 아이콘 등. 그리고 이 모든 것이 완전 무료입니다!

이 놀라운 HTML5 및 CSS3 웹사이트 템플릿 중에서 자신에게 적합한 템플릿을 찾으셨기를 바랍니다. 행운을 빌어요!

북마크해두시면 빠르게 찾으실 수 있습니다.

추신: 선택을 할 수 없다면 “내가 원하는 것이 무엇인지 모르겠습니다.”라는 기사를 읽어보세요. 유용할 것입니다.

현대 사회에서는 때로는 자신만의 웹사이트를 갖는 것이 전화번호나 주소를 갖는 것만큼 중요합니다. 이메일. 안타깝게도 모든 사람이 스스로 아름다운 전문 웹사이트를 만들 수 있는 것은 아니며 때로는 제대로 작동하지 않는 경우도 있습니다. 프로그래머에게 주문하는 것도 모든 사람이 감당할 수 있는 것은 아니기 때문에 이상적인 솔루션이 아닙니다.

무료 HTML 웹사이트 템플릿은 이러한 상황에서 벗어나는 데 도움이 됩니다. HTML 웹사이트 템플릿은 특정 주제에 대한 웹사이트용으로 미리 만들어진 정적 페이지 세트입니다. 이 템플릿을 사용하면 HTML 마크업에 대한 기본 지식이 있다면 단 몇 시간 만에 간단한 웹사이트를 만들 수 있습니다. HTML 섹션에서는 몇 시간 더 공부하면 이 지식을 얻을 수 있으며, CSS 섹션을 공부하는 데 시간을 투자하면 HTML 웹 사이트 템플릿의 디자인을 완전히 제어하고 그에 맞게 완전히 사용자 정의할 수 있습니다. 당신의 필요.

웹사이트 템플릿의 또 다른 부인할 수 없는 장점은 대부분의 경우 전문가가 작성한다는 것입니다. 전문적인 웹사이트 템플릿은 아름답고 현대적인 디자인뿐만 아니라 코드 작성 방식도 의미합니다. 검색 엔진그들은 귀하의 웹 사이트가 어떻게 작성되었는지, 코드가 SEO에 최적화되었는지 여부를 살펴보고 이를 기반으로 검색 결과에서 귀하의 위치를 낮추거나 높입니다. 따라서 좋은 웹사이트는 아름답고 현대적이어야 할 뿐만 아니라 코드 측면에서도 올바르게 작성되어야 합니다.

무료 HTML 웹사이트 템플릿을 다운로드하고 즉시 프로젝트를 만들어보세요.

WP 플러그인 WP-Recall은 타사 추가 기능으로 확장 가능합니다. 이 순간을 정리했습니다.

WP-Recall 추가 기능에는 별도의 카테고리가 있습니다. - 추가 기능 카탈로그 링크를 따라가서 사용 가능한 템플릿을 확인하세요(무료 템플릿과 VIP 및 프리미엄 LC 템플릿이 모두 제공됩니다).

템플릿 개인 계정 - 기성 솔루션, 완전히 다른 디스플레이로 wp의 사용자 개인 계정(PA)을 나타냅니다. 많은 플러그인은 모양을 쉽게 변경할 수 없는 사용자 개인 계정을 제공합니다. WP-Recall에서는 관리자 패널에서 간단히 전환하면 이 문제가 해결됩니다.

WordPress 사이트에 작성자의 개인 계정을 쉽게 배포할 수 있습니다. 단 몇 번의 클릭만으로 가능합니다.

~에 지금은플러그인의 기본 구성에는 Sunshine과 Grace라는 2개의 무료 개인 계정 템플릿 추가 기능이 포함되어 있습니다. 이는 적응형(반응형) 개인 계정 템플릿입니다(단, 워드프레스 테마적응). PC와 태블릿 모두에서 사용자에게 편안한 사무실 사용을 제공합니다. 모바일 장치. 탭 메뉴는 잘 알려진 "버거"(클릭하면 모바일 메뉴가 표시되는 아이콘)에 편리하게 그룹화되어 숨겨져 있습니다. 따라서 개인 계정의 많은 탭이 계정 템플릿을 손상시키지 않아 편리한 사용자 인터페이스를 제공합니다.

개인 계정 템플릿 설치, 활성화 및 업데이트:

개인 계정 템플릿 설치:새로운 WP-Recall 애드온을 설치하는 것과 다르지 않습니다.
관리자 패널로 이동: "WP-Recall" -> "템플릿" 및 ".zip 형식의 WP-Recall용 추가 기능 다운로드"에서 개인 계정 템플릿 추가 기능의 zip 아카이브를 선택하고 서버에 업로드합니다. .

개인 계정 템플릿 활성화:- 한 번에 하나의 개인 계정 템플릿만 활성화할 수 있습니다. 활성화하려면 “WP-Recall” -> “템플릿” 페이지의 목록에서 원하는 템플릿을 가리킨 후 “연결”을 클릭하세요.

업데이트타사 템플릿은 타사 추가 기능과 동일한 방식으로 생성됩니다. 이 작업은 첫 번째 장에서 논의되었습니다. 플러그인이 업데이트되면 기본 템플릿도 업데이트됩니다.

개인 계정 템플릿의 기본 구조:

물론 100% 일치는 사용된 템플릿에 따라 다르지만 원칙적으로 캐비닛의 구조는 다음과 같습니다.

상단 영역에서 템플릿은 사이드바를 등록합니다(관리자 패널에서: " 모습" -> "위젯") - 즉, 여기에 단축 코드, 텍스트 또는 기타 위젯을 배치할 수 있습니다.
해당 영역: 작업, 카운터 및 메뉴, 추가 기능에 해당 버튼이 표시되고 해당 영역에는 메뉴 버튼가득 차면 "모바일 메뉴"에 추가됩니다. 개인 계정 중간에는 개인 계정을 위한 콘텐츠 영역이 있습니다. 이는 위젯을 위한 사이드바 영역이기도 합니다.

그리고 개인 계정의 바닥글에서도 등록된 위젯 영역을 확인할 수 있습니다.

따라서 프로그래밍 없이 사용자의 개인 계정에 필요한 정보를 추가할 수 있습니다. 위젯을 통해 표시하면 됩니다.

개인 계정 템플릿 사용자 정의:

위젯 영역이 부족할 경우 개인 계정 템플릿에 자신만의 영역을 추가하거나 계정 레이아웃을 자신에게 맞게 조정할 수 있습니다.

1장에서 WP-Recall 템플릿(템플릿, 개인 계정 템플릿과 혼동하지 마세요)의 기능에 대해 이야기했습니다.
따라서 개인 계정 템플릿을 변경할 수 있습니다. 레이아웃에서 무언가를 변경해야 하는 경우 "WP-Recall 플러그인의 템플릿 기능 사용" 가이드를 읽어보세요. 개인 계정 템플릿 폴더에는 office.php 템플릿이 있습니다. 이를 안전한 경로에 복사하고 변경하세요. 이렇게 하면 플러그인 및 개인 계정 템플릿 추가 기능을 업데이트할 때 해당 정보가 손실되지 않습니다.

WP-Recall 플러그인에는 후크와 필터가 있지만 이 초보자용 책에서는 개발 문제를 다루지 않습니다.

플러그인 기본 버전의 개인 계정:

안에 기본 버전플러그인에는 2개의 개인 계정 템플릿 추가 기능이 함께 제공됩니다. 선샤인앤그레이스 입니다. 특징과 모양을 살펴 보겠습니다.

WP-Recall 개인 계정 템플릿 Sunshine

"Sunshine" 템플릿의 모양

템플릿을 사용하면 사용자는 템플릿 헤더(오른쪽 상단의 아이콘)에 표지를 설정하고, 아바타(아바타 영역의 아이콘)를 설정하고, 사용자에 대한 정보 블록(상단의 "I" 아이콘)을 표시할 수 있습니다. 아바타, " 상세정보"):

사용자에 관한 정보에는 아바타 확대, 상태(설명) 및 다른 사용자의 프로필 필드 관리자에 표시되는 프로필 필드가 포함됩니다.

개인 계정 템플릿에는 RCL: 개인 계정 콘텐츠 사이드바, RCL: 개인 계정 위 사이드바, RCL: 개인 계정 아래 사이드바의 세 가지 위젯 영역이 등록되어 있습니다. 관리자 패널에서 "외관" -> "위젯"을 살펴보세요.

템플릿을 사용하면 수직 및 수평 보기 모두에서 메뉴 영역의 버튼을 표시할 수 있습니다(관리자 패널의 설정: "WP-Recall" -> "설정" -> " 일반 설정" -> "탭 표시 버튼 배치").

넘치면 가로 버튼이 모바일 메뉴로 축소됩니다.

"버거" 아이콘을 클릭하면 개인 계정의 나머지 버튼이 표시됩니다.

버튼 색상은 일반 설정을 통해 조정됩니다: "WP-Recall" -> "설정" -> "일반 설정" -> "디자인" -> "기본 색상" - 이 방법으로 색상과 일치하도록 사용자 정의할 수 있습니다. 귀하의 사이트.

플러그인의 기본 버전에서는 작성자의 개인 계정을 통해 다음을 표시할 수 있습니다.
1. 채팅(비공개 메시지로 대응)
2. 프로필 설정 표시(사용자 정의 프로필 필드 작성) - 사용자는 관리자 패널(wp-admin)에 로그인하지 않고도 이를 작성할 수 있습니다.
3. 생성된 그룹 표시
4. 탈퇴 실행 워드프레스 게시물이 저자
5. 출판 양식 표시
6. 무료 Commerce 추가 기능을 기반으로 온라인 상점에서 생성된 주문
7. 생성된 포럼 주제 목록 표시(PrimeForum 추가 기능)
8. 사용자 평가 세부정보 표시
9. 구독자 목록 및 다른 작성자 구독 목록 표시
10...관리자 패널에서 관리자가 만든 임의의 탭

캐비닛의 적응형 설계를 통해 PC, 태블릿 및 모바일 장치에서 동일하게 편리하게 사용할 수 있습니다.

WP-Recall 개인 계정 템플릿 Grace

Grace 템플릿은 Sunshine과 동일한 개인 계정 기능을 제공합니다(예외: 개인 계정 탭 표시 버튼 - 수직 보기만 가능하며 2개의 위젯 영역 등록 - 계정 위와 아래). 따라서 위의 내용은 다음과 같습니다. 잘.

이 개인 계정 WordPress 템플릿의 모양을 살펴보겠습니다.

"Grace" 템플릿의 모양

모바일 장치에서의 모습은 다음과 같습니다.

제3자 개인 사용자 계정:

타사 개인 추가 기능 템플릿 - 페이지에서 사용 가능한 기타 모든 개인 계정 템플릿: 개인 계정 템플릿 WP-Recall

기능에 대한 설명은 설명 페이지에서 확인할 수 있습니다. 스크린샷도 있습니다. 아래에서는 "완전함을 위해" WordPress 사무실 이름이 포함된 여러 스크린샷을 제시합니다.

템플릿 LC "바다 건너"

템플릿 LC "Across Ocean PRO"

LC 템플릿 "테마라인"

템플릿 LC "테마 맑은 하늘"

템플릿 LC "테마 제어"

LC 템플릿 "테마 제어" 및 추가 "사용자 정보 탭"

개인 계정 템플릿 "Light"

LC 템플릿 기능 비교표:

이 표에서는 WP-Recall 플러그인에 대해 현재 존재하는 모든 WordPress 개인 계정 템플릿을 분석했습니다. 나는 그 중 주요 사항과 특징을 강조했습니다.

테이블에 대한 설명:
첫 번째 화면은 wp 개인 계정을 입력한 직후의 화면입니다. 추가 전환 없이.

모든 템플릿 중에서 단 하나의 템플릿인 "테마 제어"만이 추가 기능을 통한 기능 확장을 지원합니다.
이것은 사용자 정보 탭 애드온입니다

Customizer(WP Customizer): 이는 템플릿을 통해 사용자가 사용자 정의 색상을 구성할 수 있음을 의미합니다. 스트로크, 사무실 영역의 색상, 정사각형 또는 원형 아바타 선택. 관리자 패널에서 "외관" -> "사용자 정의"를 통해 설정됩니다. 모든 설정은 실시간으로 이루어집니다. 페이지를 다시 로드하지 않고도 변경 사항을 즉시 확인할 수 있습니다.

개인 계정 템플릿의 생활 꿀팁:

개인 계정이 단축 코드를 통해 표시되는 경우:
"WP-Recall" -> "설정" -> "일반 설정(고급 설정 포함)" -> "개인 계정 표시 절차" -> "wp-recall 단축 코드를 통해"

그런 다음 개인 계정 "개인 사무실"의 제목을 자신의 이름으로 변경하거나 완전히 지울 수 있습니다.

VP 테마를 사용하면 캐비닛을 전체 너비로 표시할 수 있습니다. 이렇게 하려면 관리자 패널로 이동하여 wp-recall 단축 코드가 입력된 페이지로 이동하고 페이지 속성의 오른쪽(또는 하단)에서 "템플릿"을 선택합니다(위 스크린샷 참조).

같은 페이지에서 계정 URL을 자신의 URL로 변경할 수 있습니다. 페이지 제목 아래: "영구 링크" - "수정"(위 스크린샷 참조)

플러그인의 고급 설정에서 개인 계정에 대한 링크 형식을 변경할 수 있습니다. 예를 들어 위의 라이프 핵을 사용하여 페이지의 계정 페이지 슬러그를 단축 코드로 이미 변경했습니다. 이제 두 번째 매개변수를 변경해 보겠습니다.

다른:
your-site/author/masha/와 같은 계정에 대한 링크를 원하는 경우, 여기서 masha는 등록 중인 사용자의 로그인이며 WordPress 템플릿 파일인 Author.php를 통해 계정의 출력을 구성해야 합니다. . 이를 수행하는 방법에 대한 지식이 필요합니다. 두 번째 방법에 대한 설명을 찾을 수 있습니다.

또는 전문가가 이미 작업을 수행한 기성 하위 VP 템플릿을 선택하여 구매하세요. 하위 템플릿에 대한 링크

사용자에게 로그인이 있는 URL 부분을 자신만의 더 매력적인 부분으로 변경할 수 있는 기회를 제공할 수 있습니다. 이는 Pretty URL Author 애드온을 사용하여 수행할 수 있습니다. 다음과 같이 URL의 이름을 변경하는 기능을 얻습니다. 소셜 네트워크 VKontakte.

WordPress용 개인 계정 플러그인을 찾고 계셨나요? WP-Recall은 이 작업에 이상적입니다.

PDF 형식의 "초보자를 위한 WP-Recall" 책의 무료 오프라인 버전을 받으려면 구독하세요.
이 책이 완성되는 대로 보내드릴 이메일을 알려주세요.

이 컬렉션에는 다양한 직업을 위한 템플릿이 포함되어 있지만 주로 프로그래머, 웹 디자이너 또는 레이아웃 디자이너가 디자인과 구조 측면에서 더 적합하기 때문에 이 주제를 높이 평가할 것입니다.

우리는 이전에 포트폴리오 생성을 위한 템플릿이 포함된 컬렉션을 게시했습니다. 예를 들어:

깨끗한

독립 웹 개발자를 위한 개인 포트폴리오 및 개인 페이지를 만들기 위한 전문적이고 깔끔한 서비스입니다. 디자이너, 레이아웃 디자이너 또는 프로그래머에게 적합합니다.
템플릿은 완전 적응형이며 완전히 유효한 코드로 스크롤할 때 요소 모양에 대한 멋진 애니메이션을 제공합니다.

고르고 포트폴리오

무료, 매우 깨끗하고 세련된 디자이너 포트폴리오 템플릿. 미니멀한 스타일로 제작되었습니다. 또한 멋진 전체 화면 메뉴가 있습니다.
작품의 예가 담긴 그리드는 체스판의 예에 따라 만들어졌는데, 이는 추세이기 때문에 매우 기쁩니다. 작품 페이지 자체도 매우 인상 깊었습니다. 아마도 데모 콘텐츠의 퀄리티가 높았던 것 같습니다. 이 특정 디자인을 개인 페이지로 활용하시려면 작품 자체의 퀄리티 높은 디자인을 염두에 두시기 바랍니다.

리튬

무료 반응형 스타일 템플릿 평평한는 웹 개발자나 사진작가 등 거의 모든 프리랜서에게 적합합니다. 페이지에서 작업 카테고리별 필터가 포함된 친숙한 포트폴리오와 사진 갤러리를 모두 제공하기 때문입니다.

브랜디

또 다른 극도로 개인 포트폴리오 제작을 위한 고품질 템플릿. 시차 효과, 스크롤 시 블록이 나타나는 효과, 부드러운 스크롤, 다양한 카운터, 그리고 물론 포트폴리오 블록 자체도 있습니다.
템플릿은 완전 무료이며 모든 IT 직업의 프리랜서에게 적합합니다.

콩

흥미로운 디자이너 포트폴리오 html 템플릿. 첫 번째 화면에서는 사진을 배치하고 자신을 소개하고 전문 분야를 작성할 수 있습니다.
템플릿의 거의 모든 블록은 표준 랜딩 페이지에서 보던 블록입니다.
색 구성표에 관해서는 변경하겠습니다. 너무 유독합니다.

마이폴리오

엄청난 적응형 단일 페이지 포트폴리오녹색 톤으로. 단일 프리랜서와 개발자 팀 모두에게 적합합니다. 템플릿은 고품질로 만들어졌으며 주목할 가치가 있습니다.

기초적인

엄격한 블루 톤의 패턴포트폴리오를 만들려고. Bootstrsp 3.2를 기반으로 구축되었습니다. 첫 화면의 아이콘을 교체하면 프리랜서가 활동하는 모든 분야에서 활용이 가능합니다.

작은

작은 플랫 스타일의 한 페이지 HTML 템플릿. 높이 100%로 3개의 화면으로 나누어집니다. 첫화면은 사진이고 간략한 정보프리랜서에 대해서.
두 번째 화면은 포트폴리오입니다. 최신 내용이 표시됩니다. 드리블 포트폴리오에 포함된 작품 8개. 즉, 당신이 해야 할 일은 통합을 설정하는 것뿐입니다. 이미지는 Dribbble에서의 활동과 동기화되어 자동으로 업데이트됩니다.
세 번째 화면은 연락처 정보입니다.

켈빈

고품질의 범용 HTML5 CSS3 템플릿입니다. 위 컬렉션에 있던 씨비(Ceevee)와 매우 흡사하지만, 작업 예시가 포함된 블록 개념과 프리랜서의 실력을 보여주는 그래프에서 약간의 차이가 있습니다. 다양한 블록을 활용하여 자신에 대한 자세한 이야기를 들려줄 수 있는 기회가 있습니다.

포르티오

흥미롭고 보편적인 템플릿입니다. 비록 제가 그것을 사용하지 않는 데에는 어리석은 글꼴, 열악한 버튼 등 여러 가지 이유가 있습니다. 아마도 누군가가 이 옵션에 관심을 가질 것입니다. 결국 - 밝은 색 구성표. 조금만 수정하면 CSS 스타일, 좋은 결과를 얻을 수 있습니다.

포트

무료이며 Bootstrap을 기반으로 한 우아한 한 페이지 템플릿이라고 말하고 싶습니다. 개인적으로 빨간색 활성 요소를 좋아합니다. 작품 예시가 담긴 블록이 정교한 그리드 형태로 디자인되어 있다는 점이 장점이다. 이 템플릿은 p를 생성하는 데 탁월한 솔루션이 될 것입니다. 웹 디자이너 또는 프로그래머의 포트폴리오.

헥사

특징적인 색상 구성표(녹색)로 헤더에 슬라이더가 있는 다중 페이지 플랫 템플릿입니다. 이 솔루션을 사용하면 작업 사례와 블로그가 포함된 훌륭한 명함 웹사이트를 만들 수 있습니다.

프리랜서

엄청난 플랫 스타일의 한 호출기그리고 녹색 색상 구성표입니다. 첫 번째 화면은 사진을 찍을 공간을 제공하거나 사이트 소유자가 손으로 그린 자화상 스타일을 망치지 않도록 하는 것이 더 좋습니다.
템플릿은 작으며 이는 우리의 목적에 따라 "발 랩"을 사용할 필요가 없기 때문에 큰 장점입니다. 놀랍게도 매우 높은 품질로 제작되었습니다. 완벽하게 반응하며 Bootstrap 프레임워크를 기반으로 합니다.

드리블 포트폴리오

포트폴리오가 포함된 또 다른 템플릿 드리블과 통합. 귀하가 해야 할 일은 최신 작품의 업로드를 구성하고 개인 페이지에서 포트폴리오를 지속적이고 지루하게 업데이트하는 것을 잊어버리는 것입니다.
템플릿은 엄격하고 현대적인 색상 구성으로 만들어졌습니다. 모든 것이 매우 깨끗해 보입니다.
이전 Dribbble 템플릿과 마찬가지로 크기가 작습니다. 나는 심지어 간결하다고 말할 것입니다. 전체적인 제 평점은 10점 만점에 9점입니다.

괴짜

나쁘지는 않은데 조금 무거운 느낌이 들긴 하지만 프리랜서 포트폴리오를 만들기 위한 템플릿랜딩페이지 형태로 활동 프로필에 기술 수준을 시각적으로 표시하는 다양한 차트가 있습니다. 흥미롭습니다. 또한 작업을 소개하는 데 사용할 수 있는 리뷰 슬라이더와 멋진 사진 그리드도 있습니다.

드리블 폴리오 V2

무료 자동 완성 포트폴리오가 포함된 템플릿. 작품은 사이트에서 가져옵니다 드리블. 사용 전 이 결정, Dribbble 프로필과의 통합을 설정하는 것을 잊지 마세요.
아쉽게도 데모는 없습니다.

항구

원래의 보라색 톤의 HTML CSS 템플릿개인 홈페이지를 만들려고 합니다. 이것은 다중 페이지 테마로, 기본 테마는 한 페이지 스타일로 디자인되었지만 내부 페이지도 있습니다. 생성에 적합 프리랜서 개인 홈페이지어떤 전문 분야라도.

운영 체제 설정 및 최적화