quicksilver
Pomegranate
เทมเพลตการออกแบบวัสดุฟรีง่าย ๆ (ส่วนใหญ่) สำหรับเว็บ
ดูการสาธิต
ทั้งหมด?
ก่อนอื่นดาวน์โหลดรุ่นล่าสุดโดยตรงจาก GitHub
คุณจะถูกนำเสนอด้วยไฟล์จำนวนมาก สิ่งที่คุณต้องการกังวลด้วยตัวเองคือ index.html และสองโฟลเดอร์: /json และ /ภาพ
โยนภาพสี่เหลี่ยมจัตุรัสของตัวเองโลโก้ของคุณไม่ว่าอะไรก็ตามภายใน /ภาพ ใน index.html แก้ไขค่า SRC สำหรับ profileimage เพื่อชี้ไปที่ภาพโปรไฟล์นั้น
แทนที่ "ชื่อของคุณ" ด้วย ... ชื่อของคุณ
แทนที่คำอธิบายเล็ก ๆ น้อย ๆ ภายใต้คำอธิบายเกี่ยวกับตัวคุณ
จากนั้นต่ำกว่าเล็กน้อยอย่าลังเลที่จะเปลี่ยน FirstCategoryText ด้วยประเภทของงานที่คุณเชี่ยวชาญหรือคุณสามารถทิ้งไว้ได้ ไม่ได้สร้างความแตกต่างให้ฉัน
แก้ไขค่า HREF ของปุ่มติดต่อ ควรเท่ากับ href = "mailto: [ที่อยู่อีเมลของคุณ]"
ยังมีความสำคัญมากใน index.html จะเป็นข้อมูลเมตา ขึ้นไปในแท็กหัวแก้ไขเนื้อหาจำลองในแท็กเมตาด้วยข้อมูลจริง
เพิ่ม favicon จาก realfavicongenerator.net
หลังจากนั้นเปิดโฟลเดอร์ /JSON และดูที่ลิงค์ json ควรจะค่อนข้างตรงไปตรงมา แต่นี่เป็นคำอธิบายเล็กน้อย: 'ชื่อ' เป็นข้อความจริงที่จะปรากฏขึ้นสำหรับลิงก์เฉพาะนั้น 'สี' เป็นสีของไอคอนที่จะอยู่ถัดจากข้อความของคุณ 'ไอคอน' เป็นชื่อของไอคอนจาก materialdesignicons.com ตรวจสอบให้แน่ใจว่าคุณได้รับการสะกดที่ถูกต้องสำหรับไอคอน (คุณไม่จำเป็นต้องใช้ส่วน 'mdi-' สคริปต์จะเพิ่มโดยอัตโนมัติ) URL คือ ... URL
หลังจากที่คุณได้แก้ไขไฟล์ลิงก์ json คุณพร้อมที่จะไปยัง items.json สิ่งนี้ค่อนข้างคล้ายกับไฟล์ links.json อย่างไรก็ตามสิ่งที่ควรทราบสองสามอย่าง ก่อนอื่นคุณจะต้องจัดหาภาพสำหรับแต่ละรายการ ประการที่สองคุณต้องมีภาพทั้งหมดที่ตรงกับมิติที่แน่นอน ฉันแนะนำ 1920x1080 ถ้าเป็น 1920x1081 สิ่งต่าง ๆ ก็พัง มันเป็นเพียงข้อ จำกัด ของเฟรมเวิร์ก Materializecss ที่เราใช้
หากคุณต้องการลบหรือเพิ่มลิงค์หรือรายการงานไปยังเว็บไซต์ QuickSilver ใหม่ของคุณมันเป็นเรื่องง่ายสุด ๆ ขอบคุณการใช้งาน JSON
หลังจากที่คุณรู้สึกว่าเว็บไซต์ของคุณพร้อมที่จะตีการผลิตกดปุ่มอัปโหลด (เป็นรูปเป็นร่าง)!
สำหรับ Changelogs ลองดูส่วนการเปิดตัวของ Quicksilver
เพียงส้อมทำการเปลี่ยนแปลง/การมีส่วนร่วมของคุณและสร้างคำขอดึง!
ขอบคุณ Lumiq Creative สำหรับคำแนะนำการออกแบบและภาพแฟนซี-แชนซี!
