quicksilver
Pomegranate
웹에 대한 무료, 간단한 (주로) 자재 디자인 템플릿.
데모를 참조하십시오
모두?
먼저 Github에서 직접 최신 릴리스를 다운로드하십시오.
여러 파일이 제공됩니다. 자신에 대해 관심을 갖고 싶은 것은 index.html이며, 두 개의 폴더 : /json 및 /images입니다.
자신, 로고, 내부 /이미지의 정사각형 이미지를 던지십시오. index.html에서 프로파일 이미지의 SRC 값을 편집하여 해당 프로파일 이미지를 가리 킵니다.
"당신의 이름"을 ... 당신의 이름으로 바꾸십시오.
그 아래의 작은 설명을 자신에 대한 설명으로 바꾸십시오.
그런 다음 조금 더 낮게, 전문화 된 작업 유형으로 FirstCategoryText를 자유롭게 변경하십시오. 또는 그대로 두십시오. 나에게 차이를 만들지 않습니다.
연락처 버튼의 HREF 값을 편집하십시오. href = "mailto : [귀하의 이메일 주소]"와 동일해야합니다.
또한 index.html에서 매우 중요합니다. 메타 데이터가 될 것입니다. 헤드 태그 내부에서 실제 데이터로 메타 태그의 더미 컨텐츠를 편집하십시오.
realfavicongenerator.net에서 favicon을 추가하십시오.
그런 다음 /json 폴더를 열고 links.json을 살펴보십시오. 매우 간단해야하지만 여기에 약간의 설명이 있습니다. '이름'은 해당 특정 링크에 표시되는 실제 텍스트입니다. '색상'은 텍스트 옆에있는 아이콘의 색상입니다. '아이콘'은 aterationdesignicons.com의 아이콘 이름입니다. 아이콘에 대한 올바른 철자를 얻으십시오 ( 'mdi-'부분이 필요하지 않으면 스크립트가 자동으로 추가됩니다). URL은 ... URL입니다.
링크를 편집 한 후 json 파일을 편집 한 후 items.json으로 이동할 준비가되었습니다. 이것은 links.json 파일과 매우 유사합니다. 그러나 몇 가지 주목할 것입니다. 먼저 각 항목에 이미지를 제공해야합니다. 둘째, 상기 이미지를 정확한 크기로 일치시켜야합니다. 나는 1920x1080을 제안한다. 1920x1081이라면 상황이 끊어집니다. 그것은 우리가 사용하는 Materializecss 프레임 워크의 제약 일뿐입니다.
새로운 QuickSilver 웹 사이트에 링크 또는 작업 항목을 삭제하거나 추가 해야하는 경우 JSON 구현 덕분에 매우 쉽습니다.
귀하의 웹 사이트가 제작에 도달 할 준비가 된 것처럼 느끼면 (비 유적) 업로드 버튼을 누르십시오!
ChangeLogs의 경우 Quicksilver의 릴리스 섹션을 확인하십시오
단순히 포크, 변경/기부금을 만들고 풀 요청을 만듭니다!
디자인 제안과 멋진 비신 이미지를위한 Lumiq Creative에게 감사합니다!
