musicWebTemplate

قالب موقع ويب مجاني مصمم للموسيقيين / الفنانين للترويج لموسيقاهم والتواصل مع جمهورهم.

سمات

• صور بطل قابلة للتخصيص وشكل صورة سريع الاستجابة
• تم تحسين مشغل الموسيقى المستند إلى Javascript ومولد الصور المصغرة على YouTube لتحميل الصفحة
• القائمة البريدية ونموذج الاتصال مع التحقق من الصحة والتكامل الخلفي
• أقسام إضافية تتضمن قسمًا حول السلع والأخبار والصحافة والعروض
• يتوافق كود المشروع مع امتثال التحقق من صحة HTML وCSS W3C (باستثناء غلاف CSS باللونين الأبيض والأسود)

ابدء

ملاحظة: يوصى باستخدام خادم ويب محلي تم إعداده باستخدام PHP وخادم بريد للحصول على وظائف الاختبار الكاملة.

لتحرير الرأس والتنقل:

1. استبدل اسم الفنان / الفرقة الخاصة بك في "الشعار" المعرف
2. قم بتحديث روابط التنقل الخاصة بك

لتعديل القسم الرئيسي:

1. استبدل اسم صورتك في فئة "hero" في style.css
2. قم بتحرير رابط الشعار والحث على اتخاذ إجراء (CTA) ورابط CTA في الفصل "الصفحة الرئيسية" في ملف Index.html

لتحرير القائمة البريدية:

1. قم بإنشاء قائمة بريدية لجداول بيانات Google الخاصة بك باتباع البرنامج التعليمي الذي قدمه David McCoy: https://medium.com/@dmccoy/how-to-submit-an-html-form-to-google-sheets-without-google-forms- b833952cc175
2. استبدل رابط جداول بيانات Google الذي تم إنشاؤه حديثًا عبر "عنوان url" في mailingList.js
3. استبدل العبارة التي تحث المستخدم على اتخاذ إجراء والشعار في ملف Index.html

لتحرير القسم "حول":

1. قم بتغيير روابط وسائل التواصل الاجتماعي إلى روابطك الخاصة
2. قم بتحرير الفصل "حول" في ملف Index.html

لتعديل قسم السلع:

1. قم بضغط صورك وتقليل وحدات البكسل لتحسين وقت التحميل
2. انسخ صورك إلى dir /pictures/merch
3. استبدل اسم صورتك في الفئات ".a، .b، .c"، إلخ... في style.css
4. استبدل اسم صورتك في فئة "الشبكة" في ملف Index.html

لتعديل قسم الموسيقى:

1. قم بتحرير فئة "الموسيقى" في ملف Index.html
2. قم بتغيير روابط الموسيقى الخاصة بك
3. استبدل اسم صورتك في فئة "music-hero" في style.css

لإضافة الأغاني المميزة:

1. قم بتحرير أغنيتك باستخدام DAW في معاينة مقطع مدتها 30 ثانية لتحسين وقت التحميل والبث
2. ضع الأغاني في دير / الموسيقى
3. قم بتحرير "ملفات" المصفوفة var في musPlayer.js
4. لإضافة أغنية إلى المصفوفة، استخدم التنسيق التالي: "Your Song Title.mp3"

لتعديل قسم الأخبار:

1. قم بضغط صورك وتقليل وحدات البكسل لتحسين وقت التحميل
2. انسخ صورك إلى dir /pictures/blog
3. استبدل اسم صورتك في الفئات ".a، .b، .c"، إلخ... في style.css
4. استبدل اسم الصورة وعنوان المدونة في فئة "الشبكة" في ملف Index.html
5. اكتب منشور مدونتك في صفحات html الخاصة بـ blog_(page).

لتحرير قسم الصحافة:

قم بتحرير الفصل "اضغط" في ملف Index.html.

لتعديل قسم الفيديو:

1. انتقل إلى فيديو YoutTube الذي تريد عرضه
2. انسخ النص بعد "v=" في رابط youtube
3. الصق نص معرف البيانات في فئة "youtube-player" في فئة "Video" في ملف Index.html

لتعديل قسم العروض:

تحرير فئة "العروض" في ملف Index.html.

لتعديل قسم الصور:

1. ضغط الصور الخاصة بك لتحسين وقت التحميل
2. انسخ صورك إلى dir /pictures/gallery
3. استبدل اسم صورتك في الفئات ".a، .b، .c"، إلخ... في style.css
4. استبدل اسم صورتك في فئة "الشبكة" في ملف Index.html

لتعديل نموذج الاتصال:

1. أدخل عنوان بريدك الإلكتروني في form.php
2. قم بتخصيص رسائل الرد الخاصة بك في form.php

لتحرير التذييل:

1. قم بتحديث روابط التذييل الخاصة بك
2. استبدل اسم الفنان / الفرقة الخاصة بك في term.html

التخصيص باستخدام الجلود!

موضوع جديد بالأبيض والأسود متاح الآن.

1. أعد تسمية css/style_black_white.css إلى css/style_black_white

أو

1. قم بتغيير رابط href الموجود في الرأس إلى css/style_black_white.css لجميع مستندات html

بنيت مع

• HTML5
• CSS3
• مسج/جافا سكريبت/أجاكس
• PHP5

المساهمة

عند المساهمة في هذا المستودع، يمكنك تفرع وتقديم طلب سحب. أضف وصفًا لما تفعله وسأقوم بمراجعته.

الإصدار

الإصدار 2.3.0

المؤلفون

• ماثيو والدرون - (http://waldronmatthew.com)

رخصة

تم ترخيص هذا المشروع بموجب ترخيص MIT - راجع ملف LICENSE.md للحصول على التفاصيل.

يرجى الالتزام بشروط الاستخدام وصفحات رصيد الموقع.

شكر وتقدير

شكرًا جزيلاً لجميع المطورين الذين استخدمت منهم كود MIT المرخص. وهي مدرجة في صفحة "ائتمانات موقع الويب".