gantry5 다운로드 - gantry5 소스코드 다운로드

gantry5

기타 카테고리

5.5.19

다운로드

갠트리 프레임워크

Gantry 5를 시작할 준비가 되셨나요? 훌륭해요! 우리가 도와드리겠습니다.

이 페이지에서는 Gantry 5를 성공적으로 실행하는 데 도움이 되는 몇 가지 빠른 팁을 얻을 수 있습니다. 각 섹션 하단에 있는 자세히 알아보기 버튼을 클릭하면 각 팁에 대한 자세한 문서를 찾을 수 있습니다.

우리가 Gantry 5를 만들면서 즐거웠던 만큼 여러분도 Gantry 5를 즐기시기 바랍니다.

브라우저 요구 사항

선호도에 따른 Gantry의 백엔드 관리 요구 사항은 다음과 같습니다.

구글 크롬 60+
파이어폭스 60+
사파리 12+
오페라 47+
MS 엣지

참고: Internet Explorer는 더 이상 지원되지 않습니다.

Gantry 5 및 수소 테마 설치

Gantry 5는 Gantry 기반 테마를 만드는 프레임워크입니다. Gantry 테마가 작동하려면 프레임워크 와 테마를 모두 설치해야 합니다. 이렇게 하는 것은 전혀 어렵지 않습니다.

가장 먼저 해야 할 일은 Gantry 5 및 Hydrogen의 최신 빌드를 다운로드하는 것입니다. 아래 링크를 클릭하거나 GitHub를 통해 그렇게 할 수 있습니다.

안정적인 다운로드	CI 빌드 다운로드

최신 패키지가 있으면 설치가 간단합니다. 이 문서의 설치 부분에 단계별 가이드가 제공되어 있습니다.

자세히 알아보기

갠트리 관리자에 액세스

줌라

Gantry 프레임워크와 Hydrogen을 모두 설치하고 활성화한 경우 다양한 방법으로 Gantry 5 관리자에 액세스할 수 있습니다. 가장 쉬운 방법은 Joomla의 백엔드에서 구성 요소 > Gantry 5 템플릿 으로 이동하는 것입니다.

여기에는 설치된 Gantry 기반 테마 목록이 표시됩니다. 여기에서 테마를 미리 보거나 구성을 선택하여 Gantry 기반 사이트 수정을 시작할 수 있는 Gantry 관리자 로 직접 이동할 수 있습니다.

Gantry 5 관리자 탐색

Gantry 관리자에는 Gantry 기반 테마의 모양과 기능을 구성하기 위해 전환할 수 있는 여러 관리 도구가 있습니다. 다음은 이러한 각 도구에 대한 간략한 분석과 이를 사용하여 수행할 수 있는 작업입니다.

Gantry 5 관리자에는 다음 메뉴 항목이 표시됩니다.

메뉴 편집기 : 이 관리 패널은 스타일을 변경하고, 링크를 재배열하고, CMS의 통합 메뉴 관리자 외부에 있는 메뉴 항목을 생성하여 플랫폼의 메뉴를 향상시키는 기능을 제공합니다.
About : 현재 접근하고 있는 테마에 대한 정보를 한 눈에 빠르게 확인할 수 있는 페이지입니다. 이름, 버전 번호, 작성자, 지원 링크, 기능 등을 포함하여 테마에 대한 정보를 제공하는 원스톱 상점입니다.
플랫폼 설정 : 이 버튼을 누르면 Gantry 5에 대한 CMS 설정 페이지로 이동합니다. Joomla에서는 권한 구성 페이지입니다.
캐시 지우기 : 갠트리와 관련된 캐시 파일을 삭제하는 버튼입니다. 여기에는 CSS 및 구성 정보 외부의 모든 임시 파일이 포함됩니다.
개요 드롭다운 : 이 드롭다운을 사용하면 Gantry 관리자를 종료하지 않고도 개요 간에 쉽고 빠르게 전환할 수 있습니다.
스타일 : 이 관리 패널을 사용하면 스타일 관련 개요 설정에 액세스할 수 있습니다. 여기에는 테마 색상, 글꼴, 스타일 사전 설정 등이 포함됩니다.
설정 : 이 관리 패널에서는 테마의 기능 설정을 구성할 수 있습니다. 여기에는 입자에 대한 기본값 설정은 물론 개별 입자 활성화/비활성화도 포함됩니다.
레이아웃 : 이 관리 패널에서는 테마의 레이아웃을 구성합니다. 배치 모듈 위치, 입자, 스페이서 및 Google Analytics 코드와 같은 렌더링되지 않은 스크립트 생성이 모두 이 패널에서 수행됩니다.

자세히 알아보기

윤곽선, 입자, 원자 등은 무엇입니까?

Gantry 5는 이전 버전의 Gantry와 매우 다르기 때문에 Gantry의 새로운 기능이 서로 갖는 관계를 이해하는 데 도움이 되는 몇 가지 용어를 생각해 냈습니다. 다음은 Gantry 5와 관련하여 일반적으로 사용되는 용어에 대한 간략한 분석입니다.

용어	정의
개요	사이트의 하나 이상의 영역에서 사용되는 구성 가능한 스타일입니다. 페이지의 스타일, 설정 및 레이아웃이 설정되는 컨테이너 역할을 합니다.
입자	일반적으로 프런트 엔드에 사용되는 작은 데이터 블록입니다. 위젯/모듈과 매우 유사하게 작동하지만 Gantry 5 관리자에서 쉽게 구성할 수 있습니다.
원자	사용자 정의 스크립팅(JS, CSS 등) 또는 트래픽 추적을 위한 분석 스크립트와 같이 렌더링되지 않은 데이터를 포함하는 입자 유형입니다.

자세히 알아보기

도움을 받을 수 있는 곳

Gitter를 사용하여 개발자, 기여자 및 기타 커뮤니티 구성원과 프로젝트에 대해 이야기할 수 있는 채팅방이 설정되었습니다. 이곳은 빠른 팁을 얻고 다른 사람들과 기능에 대해 논의할 수 있는 가장 좋은 장소입니다.

문서도 제공되며 개발이 진행됨에 따라 지속적으로 추가됩니다. 뭔가 빠졌나요? GitHub를 통해 문서에 기여할 수 있습니다.

기여하는 방법

Gantry 5 프레임워크 또는 관련 문서에 기여하는 것은 쉽습니다. 이 두 프로젝트에 대한 개발은 Github를 통해 진행됩니다. 여기서 문제를 제출하여 버그를 보고하거나 개선 사항을 제안할 수 있을 뿐만 아니라 자체 풀 요청을 제출하여 수정 사항과 추가 사항을 제출할 수 있습니다.

이미 보류 중이거나 향후 변경 사항으로 덮어쓰여질 가능성이 있는 수정 사항을 두 배로 늘리는 것을 방지하려면 끌어오기 요청을 제출하기 전에 Gitter를 통해 팀과 채팅하는 것이 좋습니다.

Gantry의 Git 버전 사용

Gantry의 git 버전을 사용하려면 먼저 작곡가 종속성을 설치해야 합니다. 이렇게 하려면 다음을 실행하세요.

 bin/composer-install

그런 다음 Gantry를 CMS 설치에 올바르게 심볼릭 링크해야 합니다.

JS 번들링 및 SCSS 컴파일

개발 환경에서는 Gulp를 사용하여 JavaScript를 번들로 묶고 watch 기능으로 SCSS를 컴파일하여 대상 파일에 대한 변경 사항이 자동으로 재컴파일을 트리거하도록 합니다.

자신의 개발 환경에서 이를 설정하려면 다음의 간단한 지침을 따르면 됩니다.

이 기능이 작동하려면 패키지가 아닌 Gantry 5 소스가 있어야 합니다. 이를 복제 하거나 GitHub에서 소스를 다운로드 할 수 있습니다.

가장 먼저 필요한 것은 Node / NPM 입니다. 아직 설치하지 않은 경우 https://nodejs.org/download/에서 해당 OS용 설치 프로그램을 다운로드할 수 있습니다.

다음 단계는 모든 JS 모듈 종속성을 설치하는 것입니다. 이렇게 하려면 Gantry 5 프로젝트의 루트에 있는지 확인하고 npm install 명령을 실행하세요.

완료되면 Gulp를 설치할 수 있습니다. 모든 폴더에서 명령을 사용할 수 있도록 전역적으로 Gulp를 설치하는 것이 좋습니다. 이를 수행하는 명령은 다음과 같습니다. sudo npm install gulp --global

Gantry에는 루트에서 다시 컴파일할 수 있는 다양한 JS 및 CSS 파일 세트가 있습니다. Gantry를 처음 시작하거나 모든 모듈을 재설정하고 다시 설치해야 하는 경우 npm run build-assets 명령을 실행할 수 있습니다. 이 작업은 모든 node_modules 폴더를 제거하고 모든 프로젝트 폴더에서 npm install 다시 실행합니다. 시간이 좀 걸릴 거예요.

모든 node_modules 폴더를 제거하지 않는 대체 방법은 gulp -up 사용하는 것입니다.

-up 명령과 함께 -update , --update , -up , --up , -install , --install , -inst , --inst , -go , --go , -deps , --deps 를 사용할 수도 있습니다. --deps 어느 것이든 기억하기 더 쉽습니다. 코드는 처음으로 설치해야 하는지 아니면 노드 모듈만 업데이트해야 하는지 자체적으로 이해합니다.
이 작업은 몇 분 정도 걸릴 수 있습니다.

이제 Gulp를 실행하는 데 필요한 모든 것이 준비되었습니다. gulp 명령을 입력하면 CSS와 JS가 컴파일되는 것을 볼 수 있습니다.

우리는 몇 가지 편리한 작업도 제공합니다:

$ gulp / $ gulp all : 프로젝트의 모든 CSS 및 JS를 컴파일합니다.
$ gulp watch : watch 모드에서 컴파일러를 시작합니다. 대상 JS 또는 SCSS 파일에 변경 사항이 적용되면 자동 재컴파일이 트리거됩니다.
$ gulp watch --css / $ gulp watch --js : watch 모드에서 컴파일러를 시작하고 SCSS 또는 JS 변경 사항만 수신합니다. 한 가지에만 집중하고 다른 것에는 집중하지 않는 경우 유용합니다.
$ gulp css / $ gulp js : CSS 또는 JS 파일 중 하나만 작업하고 다른 파일은 작업하지 않는 경우 모든 CSS 또는 JS 파일을 컴파일합니다.
$ gulp —prod : 프로덕션 모드에서 모든 CSS 및 JS를 컴파일합니다. 컴파일된 파일에는 소스 맵이 없으며 압축됩니다(일반적으로 일반 모드보다 약간 더 오래 걸립니다).

Google 글꼴 업데이트

Google 글꼴 JSON 파일은 https://developers.google.com/fonts/docs/developer_api 의 가이드를 따르거나 https://www.googleapis.com/webfonts/v1/webfonts?key=YOUR-API-KEY 를 사용하여 생성할 수 있습니다. https://www.googleapis.com/webfonts/v1/webfonts?key=YOUR-API-KEY URL. Google Fonts API 사용을 활성화하고 YOUR-API-KEY 위치에 API 키를 제공해야 합니다.