startbootstrap creative تحميل - startbootstrap creative تنزيل كود المصدر

startbootstrap creative

شفرة المصدر الأخرى

تنزيل

ابدأ Bootstrap - إبداعي

Creative عبارة عن سمة موقع ويب إبداعية مكونة من صفحة واحدة تم إنشاؤها باستخدام Bootstrap الذي تم إنشاؤه بواسطة Start Bootstrap.

معاينة

عرض المعاينة المباشرة

حالة

التحميل والتثبيت

للبدء في استخدام هذا القالب، اختر أحد الخيارات التالية للبدء:

قم بتنزيل أحدث إصدار على Start Bootstrap
التثبيت باستخدام npm: npm i startbootstrap-creative
استنساخ الريبو: git clone https://github.com/StartBootstrap/startbootstrap-creative.git
الشوكة أو الاستنساخ أو التنزيل على GitHub

الاستخدام

الاستخدام الأساسي

بعد التنزيل، ما عليك سوى تحرير ملفات HTML وCSS المضمنة في دليل dist . هذه هي الملفات الوحيدة التي يجب أن تقلق بشأنها، ويمكنك تجاهل أي شيء آخر! لمعاينة التغييرات التي تجريها على التعليمات البرمجية، يمكنك فتح ملف index.html في متصفح الويب الخاص بك.

الاستخدام المتقدم

انسخ الملفات المصدر للموضوع وانتقل إلى الدليل الجذر للموضوع. قم بتشغيل npm install ثم تشغيل npm start الذي سيفتح معاينة للقالب في متصفحك الافتراضي، ومراقبة التغييرات في ملفات القالب الأساسية، وإعادة تحميل المتصفح مباشرة عند حفظ التغييرات. يمكنك عرض ملف package.json لمعرفة البرامج النصية المضمنة.

البرامج النصية npm

يعمل npm run build على إنشاء المشروع - وهذا يؤدي إلى إنشاء الأصول وHTML وJS وCSS في dist
npm run build:assets بنسخ الملفات الموجودة في الدليل src/assets/ إلى dist
npm run build:pug بتجميع Pug الموجود في دليل src/pug/ إلى dist
npm run build:scripts بإحضار ملف src/js/scripts.js إلى dist
npm run build:scss يجمع ملفات SCSS الموجودة في الدليل src/scss/ إلى dist
يقوم npm run clean بحذف دليل dist للتحضير لإعادة بناء المشروع
npm run start:debug بتشغيل المشروع في وضع التصحيح
يقوم npm start أو npm run start بتشغيل المشروع، وإطلاق معاينة مباشرة في متصفحك الافتراضي، ومراقبة التغييرات التي يتم إجراؤها على الملفات في src

يجب أن يكون لديك npm مثبتًا لتتمكن من استخدام بيئة البناء هذه.

نموذج الاتصال

تم إنشاء نموذج الاتصال المتوفر مع هذا الموضوع مسبقًا لاستخدام نماذج SB. تعد SB Forms حلاً بسيطًا للنماذج لإضافة نماذج وظيفية إلى قالبك. نظرًا لأن هذا المظهر تم إنشاؤه مسبقًا باستخدام ترميز SB Forms الخاص بنا، فكل ما عليك فعله هو الاشتراك في SB Forms على Start Bootstrap.

بعد التسجيل، ستحتاج إلى تعيين اسم النطاق الذي سيتم استخدام النموذج الخاص بك عليه، وسوف ترى بعد ذلك مفتاح الوصول الخاص بك. انسخ هذا والصقه في سمة data-sb-form-api-token='API_TOKEN' بدلاً من API_TOKEN . هذا كل شيء! سوف تكون النماذج الخاصة بك جاهزة للعمل!

إذا كنت لا تستخدم نماذج SB، فما عليك سوى حذف سمات البيانات المخصصة من النموذج، وإزالة الرابط الموجود أعلى علامة الإغلاق </body> إلى نماذج SB.

الأخطاء والقضايا

هل لديك خطأ أو مشكلة مع هذا القالب؟ افتح إصدارًا جديدًا هنا على GitHub أو اترك تعليقًا على صفحة النظرة العامة على الموضوع في Start Bootstrap.

عن

Start Bootstrap هي مكتبة مفتوحة المصدر تحتوي على سمات وقوالب Bootstrap المجانية. يتم إصدار جميع السمات والقوالب المجانية في Start Bootstrap بموجب ترخيص MIT، مما يعني أنه يمكنك استخدامها لأي غرض، حتى للمشاريع التجارية.