musicWebTemplate Download - pengunduhan kode sumber musicWebTemplate

musicWebTemplate

Kategori lainnya

2.0.0

Unduh

Templat situs web gratis yang dibuat untuk musisi/artis untuk mempromosikan musik mereka dan terhubung dengan audiens mereka.

Fitur

Gambar pahlawan yang dapat disesuaikan dan modal gambar responsif
Pemutar musik berbasis Javascript dan generator thumbnail YouTube dioptimalkan untuk memuat halaman
Milis dan formulir kontak dengan validasi dan integrasi back-end
Bagian tambahan termasuk bagian tentang, merchandise, berita pers, dan acara
Kode proyek memenuhi kepatuhan validasi HTML dan CSS W3C (tidak termasuk kulit css hitam putih)

Memulai

Catatan: Disarankan Anda menggunakan server web lokal yang dikonfigurasi dengan php dan server email untuk fungsionalitas pengujian penuh.

Untuk mengedit header dan nav:

Ganti dengan nama artis/band anda di id "logo"
Perbarui tautan navigasi ke tautan Anda sendiri

Untuk mengedit bagian beranda:

Gantikan nama gambar Anda di kelas "pahlawan" di style.css
Edit tagline Anda, ajakan bertindak (CTA), dan link CTA di kelas "beranda" di index.html

Untuk mengedit milis:

Buat milis Google Spreadsheet Anda sendiri dengan mengikuti tutorial dari David McCoy: https://medium.com/@dmccoy/how-to-submit-an-html-form-to-google-sheets-without-google-forms- b833952cc175
Ganti link google sheet yang baru Anda buat melalui "url" di mailingList.js
Gantikan ajakan bertindak dan tagline Anda di index.html

Untuk mengedit bagian tentang:

Ubah tautan media sosial menjadi milik Anda sendiri
Edit kelas "Tentang" di index.html

Untuk mengedit bagian merchandise:

Kompres gambar Anda dan kurangi piksel untuk mengoptimalkan waktu buka
Salin gambar Anda ke direktori /gambar/merch
Gantikan nama gambar Anda di kelas ".a, .b, .c", dll... di style.css
Gantikan nama gambar Anda di kelas "grid" di index.html

Untuk mengedit bagian musik:

Edit kelas "Musik" di index.html
Ubah tautan musik menjadi milik Anda
Gantikan nama gambar Anda di kelas "pahlawan musik" di style.css

Untuk menambahkan lagu unggulan:

Edit lagu Anda menggunakan DAW menjadi pratinjau klip 30 detik untuk mengoptimalkan waktu pemuatan dan streaming
Tempatkan lagu di direktori /music
Edit array var "file" di musPlayer.js
Untuk menambahkan lagu ke dalam array, gunakan format berikut: "Judul Lagu Anda.mp3"

Untuk mengedit bagian berita:

Kompres gambar Anda dan kurangi piksel untuk mengoptimalkan waktu buka
Salin gambar Anda ke direktori /gambar/blog
Gantikan nama gambar Anda di kelas ".a, .b, .c", dll... di style.css
Gantikan nama gambar dan judul blog Anda pada kelas "grid" di index.html
Tulis postingan blog Anda di halaman blog_(halaman) html.

Untuk mengedit bagian pers:

Edit kelas "Tekan" di index.html.

Untuk mengedit bagian video:

Navigasikan ke video YouTube yang ingin Anda tampilkan
Salin teks setelah "v=" di tautan youtube
Tempelkan teks data-id di kelas "youtube-player" di kelas "Video" di index.html

Untuk mengedit bagian acara:

Edit kelas "Pertunjukan" di index.html.

Untuk mengedit bagian gambar:

Kompres gambar Anda untuk mengoptimalkan waktu buka
Salin gambar Anda ke direktori /gambar/galeri
Gantikan nama gambar Anda di kelas ".a, .b, .c", dll... di style.css
Gantikan nama gambar Anda di kelas "grid" di index.html

Untuk mengedit formulir kontak:

Masukkan alamat email Anda di form.php
Sesuaikan pesan respons Anda di form.php

Untuk mengedit catatan kaki:

Perbarui tautan footer ke tautan Anda sendiri
Ganti dengan nama artis/band anda di term.html

Sesuaikan dengan Kulit!

Tema hitam putih baru tersedia sekarang.

Ganti nama css/style_black_white.css menjadi css/style_black_white

ATAU

Ubah link href di header menjadi css/style_black_white.css untuk semua dokumen html

Dibangun Dengan

HTML5
CSS3
jQuery/JavaScript/AJAX
PHP5

Berkontribusi

Saat berkontribusi pada repositori ini, Anda dapat melakukan fork dan mengirimkan permintaan penarikan. Tambahkan deskripsi tentang apa yang Anda lakukan dan saya akan meninjaunya.