<:> Reverie : Foundation Framework를 기반으로 한 WordPress 소개 테마
Reverie는 Zurb Foundation Framework를 기반으로하는 WordPress 입문 테마로, 반응 형 메시, 타이포그래피, 버튼 스타일 및 기타 구성 요소를 포함한 테마 개발을위한 견고한 기초를 제공합니다. 가볍고 미니멀리스트 디자인은 웹 사이트 성능을 향상시킬 수 있습니다.
맞춤형 리버리
CSS 및 PHP 파일을 직접 수정하거나 WordPress Customizer를 사용하여 더 간단한 변경을 할 수 있습니다. 이 테마는 하위 테마를 지원하므로 원래 테마 파일에 영향을 미치지 않고 변경할 수 있으므로 사용자 지정 설정을 잃지 않고 테마를보다 쉽게 업데이트 할 수 있습니다.
Reverie는 기본 HTML 및 CSS에 익숙한 개발자와 초보자에게 매우 친절합니다. WooCommerce를 상자에서 지원하고 다국어 웹 사이트 번역을 지원하며 모든 최신 브라우저와 호환됩니다. 이 테마는 또한 사용자 정의 게시물 유형을 지원하며 최신 버전의 WordPress 및 기초 프레임 워크와 호환되도록 정기적으로 업데이트됩니다.
주요 의사 결정 : 하위 테마
기본 또는 입문 테마를 사용자 정의 할 때 하위 주제가 필요한지 평가해야합니다. 주제를 업데이트하려면 하위 주제를 절대적으로 사용해야합니다. 주된 이유는 기본 테마를 업데이트 할 때 모든 변경 사항이 손실 될 수 있기 때문입니다. 고객을위한 웹 사이트를 구축하는 경우 쉽게 재난을 일으킬 수 있습니다.
반면에, 고객이 주제를 직접 업데이트하고 모든 노력을 끊는 것을 원하지 않으면 간단한 코드 스 니펫을 사용하여 업데이트를 비활성화 할 수 있습니다. 이렇게하면 사용자가 백엔드에서 주제를 업데이트하지 못하게됩니다. 테마 및 플러그인에 대한 업데이트는 전체 웹 사이트를 깨뜨릴 수 있으므로 functions.php 파일에 다음을 추가하여 비활성화 할 수 있습니다.
첫 설치 후 단계
Reverie 테마를 설치 한 후에는 배경 색상, 배경 이미지 및 프론트 엔드에서 위젯과 같은 기본 변경 사항을 미리 볼 수있는 "사용자 정의"기능이 제공되는 것을 알 수 있습니다. 많은 인기있는 테마 가이 영역에 대한 자세한 사용자 정의를 만들었으며, 심지어 글꼴 색상, 글꼴 시리즈 등으로 개선했습니다.
Reverie sub-teme을 만들어
하위 테마가 작동하는 방식은 파일을 별도의 폴더로 저장하는 것이므로 기본 테마를 업데이트 할 때 별도의 폴더의 파일이 터치되지 않습니다. 이것은 기본 테마를 업데이트 할 때마다 모든 노력과 맞춤형 디자인이 지워지지 않음을 의미합니다.
Reverie의 하위 주제를 설정하는 것은 다른 주제와 거의 동일합니다. 테마 디렉토리에서 "Reverie-Child"라는 폴더를 만들어야합니다. 그것에는 style.css 파일과 functions.php 파일을 배치해야합니다. 이것은 모든 하위 주제의 전형적인 것입니다. 고유 한 사용자 정의 기능과 사용자 정의 스타일을 추가하려면이 파일이 필요합니다.
하위 테마의 스타일 시트에서 하위 주제 CSS 파일의 기본 설정 만 따라야합니다.
이제 새로운 Reverie 하위 주제에 사용자 정의 기능과 스타일을 추가 할 수 있습니다. function remove_core_updates() {
global $wp_version;return(object) array('last_checked'=> time(),'version_checked'=> $wp_version,);
}
add_filter('pre_site_transient_update_core','remove_core_updates');
add_filter('pre_site_transient_update_plugins','remove_core_updates');
add_filter('pre_site_transient_update_themes','remove_core_updates');
로그인 후 복사
이것은 Reverie 설치 후 전형적인 모습입니다. 모양을 사용자 정의하려면 서브 테마 폴더의 Style.css 파일에 사용자 정의 CSS를 추가해야합니다.
가장 좋은 방법은 main-index.php 파일과 단일 page.php 파일을 열고 구조를 보는 것입니다. 집중하려는 특별한 범주에주의를 기울이십시오. 대부분의 경우 모든 것이 매우 간단하고 간단해야합니다.
또 다른 접근법 (및 내가 선택한 방법)은 Firefox의 Firebug Inspector와 Chrome의 검사 도구를 사용하는 것입니다. 어떤 도구를 선택하는지는 중요하지 않으며 거의 동일한 기능이 있습니다. 나는 개인적으로 Firefox에서 Firebug를 선호합니다. 요소를 확인할 수 있으며 특정 요소를 스타일링하는 DIV ID 및 속성 클래스를 알려줍니다.
이것은 당신이 그것을 만드는 방법을 볼 수있는 또 다른 좋은 방법이며, Firebug 창의 상단에있는 고장에서 항목을 가리킬 때 요소를 강조합니다. DIV가 어떻게 중첩되어 있는지 알 수 있으므로 해결하려는 모든 문제를 좁힐 수 있습니다.
위의 이미지에서
보고있는 코드 영역이 밝은 파란색으로 강조 표시되어 있음을 알 수 있습니다. 보라색 영역이 있으면 채우기가 있습니다. 노란색은 적용된 마진 값을 나타냅니다. 이것은 간격 문제를 미세 조정하고 디자인이 원하는 방식으로 구축되지 않은 이유를 진단하는 좋은 방법입니다.
위의 예에서, 저자 이름을 스타일링하고, 색상을 변경하려면, 그것을 마우스 오른쪽 버튼으로 클릭하고 "요소 확인"을 선택할 수 있습니다. 그런 다음 아래 코드에서 DIV 및 클래스 이름을 볼 수 있습니다.이 이름은 실제로 Byline 작성자의 스팬 클래스입니다.
저자 이름은 링크이므로 끝에 A를 추가하고 활성 요소를 선택할 수 있습니다.
이것은 저자 링크를 오렌지로 변경합니다. 간단하지만 스타일 테마의 기본입니다. 또한 PHP, DIV 및 수업 페이지로 시작하여 마음 속의 모든 것을 정리하는 것이 훨씬 쉽습니다.
시리즈의 다음 기사에서는 Reverie 주제에 기능 추가 기능을 탐색합니다. 여기에는 많은 유연성이 있으며 가능성은 끝이 없습니다. Reverie 테마의 전반적인 구조와 외관을 조작하는 방법을 이해하면 성공적으로 구축하는 방법을 이해하는 데 도움이됩니다.
리버리 faq
-
Reverie는 다른 WordPress 입문 테마와 어떻게 다릅니 까? Reverie가 다른 WordPress 소개 테마와 다른 점은 Foundation Framework와의 통합입니다. 즉, 반응 형 메쉬, 타이포그래피, 버튼 스타일 및 즉시 사용할 수있는 기타 구성 요소가 제공됩니다. 또한 맞춤형 탐색 메뉴, 위젯 영역 및 페이지 템플릿이 포함되어있어 테마 개발을위한 견고한 기초를 제공합니다. 다른 많은 입문 테마와 달리 Reverie는 가볍고 미니리스트로 설계되어 웹 사이트 성능을 향상시키는 데 도움이됩니다.
Reverie 테마를 사용자 정의하는 방법은 무엇입니까? Reverie는 사용자 정의가 가능합니다. CSS 및 PHP 파일을 직접 수정하거나 WordPress Customizer를 사용하여 더 간단한 변경을 할 수 있습니다. 테마는 하위 주제를 지원하므로 원래 테마 파일에 영향을 미치지 않고 변경할 수 있습니다. 이를 통해 사용자 지정 설정을 잃지 않고 테마를 쉽게 업데이트 할 수 있습니다.
-
Reverie는 초보자에게 적합합니까? Reverie는 개발자를 위해 설계되었지만 기본 HTML 및 CSS에 익숙한 초보자에게도 적합합니다. 이 주제의 간결하고 잘 알려진 코드는 작동 방식을 쉽게 이해할 수 있으며 Foundation Framework와의 통합은 웹 개발에 대해 더 많이 배울 수있는 많은 리소스를 제공합니다.
Reverie는 Woocommerce를 지원합니까? 예, Reverie는 WooCommerce를 상자 밖으로 지원합니다. 즉, 추가 플러그인이나 테마를 설치하지 않고도 웹 사이트에서 온라인 상점을 쉽게 구축 할 수 있습니다. 테마에는 여러 WooCommerce 페이지에 대한 맞춤형 템플릿이 포함되어있어 웹 사이트에 일관된 모양과 느낌을줍니다. -
Reverie의 성능은 다른 입문 주제와 어떻게 비교됩니까? Reverie는 가볍고 빠르도록 설계되어 웹 사이트로드 시간과 전반적인 성능을 향상시키는 데 도움이됩니다. 이 테마의 미니멀리스트 디자인은 웹 사이트 속도를 늦출 수있는 불필요한 기능이나 부풀어 오른 코드를 포함하지 않음을 의미합니다. 이로 인해 성능 지향 개발자에게 탁월한 선택이됩니다.
다국어 웹 사이트에 Reverie를 사용할 수 있습니까? 예, Reverie는 번역을 지원하고 다국어 웹 사이트를 지원합니다. 이 주제에는 주제를 모든 언어로 변환하는 데 사용할 수있는 .po 및 .mo 파일이 포함되어 있습니다. 또한 WPML 플러그인을 지원하므로 웹 사이트에서 다른 언어를 쉽게 관리하고 전환 할 수 있습니다. -
Reverie는 모든 브라우저와 호환됩니까? Reverie는 Chrome, Firefox, Safari 및 Edge를 포함한 모든 최신 브라우저와 호환되도록 설계되었습니다. 이 테마는 점진적인 향상을 사용하여 이전 브라우저에서도 올바르게 작동하는지 확인하지만 일부 고급 기능은 사용할 수 없습니다.
- Reverie는 사용자 정의 기사 유형을 지원합니까? 예, Reverie는 사용자 정의 기사 유형을 지원합니다. 즉, 블로그 게시물, 제품, 리뷰 등과 같은 웹 사이트에서 다양한 유형의 컨텐츠를 만들 수 있습니다. 이 주제에는 또한 다양한 게시물 유형을 보여주는 몇 가지 사용자 정의 템플릿이 포함되어 웹 사이트에 일관된 모양과 느낌을줍니다.
-
Reverie는 얼마나 자주 업데이트됩니까? Reverie는 최신 버전의 WordPress 및 기초 프레임 워크와의 호환성을 보장하기 위해 정기적으로 업데이트됩니다. 이러한 업데이트에는 버그 수정, 성능 향상 및 사용자 피드백을 기반으로하는 새로운 기능도 포함됩니다.
Reverie에 대한 지원이 있습니까? 예, Reverie는 Github 저장소를 통해 구동됩니다. 문제를보고하거나 기능을 요청하거나 주제의 개발에 기여할 수 있습니다. 테마 웹 사이트에는 많은 문서 및 튜토리얼과 질문에 답변하고 제안을 제공 할 수있는 사용자 커뮤니티도 있습니다. -
위 내용은 Reverie : 기초 기반 WordPress 스타터 테마의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!