หน้าแรก>การเขียนโปรแกรมที่เกี่ยวข้อง>ซอร์สโค้ดอื่น ๆ
ดาวน์โหลด

เริ่ม Bootstrap - Freelancer

Freelancer เป็นหน้าเดียวชุดรูปแบบผลงานอิสระที่สร้างขึ้นด้วย bootstrap ที่สร้างขึ้นโดย Start Bootstrap ชุดรูปแบบนี้มีหลายส่วนเนื้อหา, ตารางพอร์ตโฟลิโอที่ตอบสนอง, หน้าต่างโมดอลสำหรับแต่ละรายการพอร์ตโฟลิโอและแบบฟอร์มการติดต่อที่ใช้ PHP ที่ใช้งานได้

ดูตัวอย่าง

ดูตัวอย่างสด

สถานะ

ดาวน์โหลดและติดตั้ง

ในการเริ่มต้นใช้เทมเพลตนี้เลือกหนึ่งในตัวเลือกต่อไปนี้เพื่อเริ่มต้น:

  • ดาวน์โหลดรุ่นล่าสุดบน Bootstrap Start
  • ติดตั้งโดยใช้ NPM: npm i startbootstrap-freelancer
  • โคลน repo: git clone https://github.com/StartBootstrap/startbootstrap-freelancer.git
  • Fork, Clone หรือดาวน์โหลดบน GitHub

การใช้งาน

การใช้งานขั้นพื้นฐาน

หลังจากดาวน์โหลดเพียงแค่แก้ไขไฟล์ HTML และ CSS ที่รวมอยู่ใน dist Directory นี่เป็นไฟล์เดียวที่คุณต้องกังวลคุณสามารถเพิกเฉยต่อสิ่งอื่นได้! ในการดูตัวอย่างการเปลี่ยนแปลงที่คุณทำกับรหัสคุณสามารถเปิดไฟล์ index.html ในเว็บเบราว์เซอร์ของคุณ

การใช้งานขั้นสูง

โคลนไฟล์ต้นฉบับของธีมและนำทางไปยังไดเรกทอรีรากของธีม เรียกใช้ npm install จากนั้นเรียกใช้ npm start ซึ่งจะเปิดตัวอย่างของเทมเพลตในเบราว์เซอร์เริ่มต้นของคุณดูการเปลี่ยนแปลงไฟล์เทมเพลตหลักและโหลดสดเบราว์เซอร์เมื่อบันทึกการเปลี่ยนแปลง คุณสามารถดูไฟล์ package.json เพื่อดูสคริปต์ที่รวมอยู่ด้วย

สคริปต์ NPM

  • npm run build สร้างโครงการ - สิ่งนี้สร้างสินทรัพย์, HTML, JS และ CSS เข้าสู่ dist
  • npm run build:assets คัดลอกไฟล์ใน src/assets/ Directory ลงใน dist
  • npm run build:pug รวบรวมปั๊กที่อยู่ใน src/pug/ DIRECTORY ลงใน dist
  • npm run build:scripts นำไฟล์ src/js/scripts.js เข้าสู่ dist
  • npm run build:scss รวบรวมไฟล์ SCSS ที่อยู่ใน src/scss/ Directory ลงใน dist
  • npm run clean DELETES dist DIRECTORY เพื่อเตรียมพร้อมสำหรับการสร้างโครงการใหม่
  • npm run start:debug เรียกใช้โครงการในโหมดดีบัก
  • npm start หรือ npm run start ต้นโครงการเปิดตัวตัวอย่างสดในเบราว์เซอร์เริ่มต้นของคุณและดูการเปลี่ยนแปลงที่เกิดขึ้นกับไฟล์ใน src

คุณต้องติดตั้ง NPM เพื่อใช้สภาพแวดล้อมการสร้างนี้

แบบฟอร์มการติดต่อ

แบบฟอร์มการติดต่อที่มีอยู่ในชุดรูปแบบนี้จะถูกสร้างไว้ล่วงหน้าเพื่อใช้แบบฟอร์ม SB รูปแบบ SB เป็นวิธีการแก้ปัญหาแบบง่ายสำหรับการเพิ่มรูปแบบการทำงานให้กับธีมของคุณ เนื่องจากชุดรูปแบบนี้ถูกสร้างขึ้นล่วงหน้าโดยใช้มาร์กอัปแบบฟอร์ม SB ของเราสิ่งที่คุณต้องทำคือลงทะเบียนสำหรับแบบฟอร์ม SB บน Bootstrap เริ่มต้น

หลังจากลงทะเบียนคุณจะต้องตั้งชื่อโดเมนชื่อแบบฟอร์มของคุณจะถูกใช้และจากนั้นคุณจะเห็นรหัสการเข้าถึงของคุณ คัดลอกสิ่งนี้และวางลงในแอตทริบิวต์ data-sb-form-api-token='API_TOKEN' แทน API_TOKEN แค่ไหน! แบบฟอร์มของคุณจะเปิดใช้งาน!

หากคุณไม่ได้ใช้แบบฟอร์ม SB เพียงลบแอตทริบิวต์ข้อมูลที่กำหนดเองออกจากแบบฟอร์มและลบลิงก์ด้านบนแท็ก </body> ปิดไปยังแบบฟอร์ม SB ปิด

ข้อบกพร่องและปัญหา

มีข้อผิดพลาดหรือปัญหากับเทมเพลตนี้? เปิดปัญหาใหม่ที่นี่ใน GitHub หรือแสดงความคิดเห็นในหน้าภาพรวมธีมที่ Start Bootstrap

เกี่ยวกับ

Start Bootstrap เป็นไลบรารีโอเพ่นซอร์สของธีมและเทมเพลต bootstrap ฟรี ธีมและเทมเพลตฟรีทั้งหมดบน Bootstrap เริ่มต้นได้รับการปล่อยตัวภายใต้ใบอนุญาต MIT ซึ่งหมายความว่าคุณสามารถใช้พวกเขาได้เพื่อวัตถุประสงค์ใด ๆ แม้สำหรับโครงการเชิงพาณิชย์

  • https://startbootstrap.com
  • https://twitter.com/sbootstrap

เริ่มต้น bootstrap ถูกสร้างขึ้นและดูแลโดย David Miller

  • https://davidmiller.io
  • https://twitter.com/davidmillerhere
  • https://github.com/davidtmiller

Bootstrap เริ่มขึ้นอยู่กับเฟรมเวิร์ก Bootstrap ที่สร้างขึ้นโดย Mark Otto และ Jacob Thorton

ลิขสิทธิ์และใบอนุญาต

ลิขสิทธิ์ 2013-2023 เริ่ม Bootstrap LLC รหัสที่เผยแพร่ภายใต้ใบอนุญาต MIT

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด