Cara menggunakan bagian bergaya untuk menyesuaikan desain situs web band Anda

Diterbitkan: 2021-10-13

Cara menggunakan bagian bergaya untuk menyesuaikan desain situs web band Anda Bagian bergaya adalah alat yang sangat kuat yang membantu menyoroti konten situs Anda sekaligus menjaga hal-hal tetap kohesif dengan merek artistik Anda sendiri. Mereka membuka banyak pintu untuk memasukkan lebih banyak citra, warna, dan opsi tata letak untuk membuat situs Anda tetap menarik.

Meskipun bagian dapat sangat membantu pada situs web satu halaman, mereka pasti dapat diterapkan ke halaman mana pun di situs web Anda di mana Anda ingin memberikan perhatian dan perbedaan pada fitur yang Anda tambahkan.

Ada banyak aspek yang harus disertakan untuk memastikan desain situs band Anda menyeluruh dan profesional, seperti bio yang efektif, halaman musik yang bagus, dan EPK. Setelah Anda membuat situs web musik dan konten utama Anda sudah siap, Anda dapat menggali lebih dalam dan menyesuaikan beberapa bagian untuk membuat situs web yang sesuai dengan gaya Anda.

Kunci untuk desain situs web yang hebat adalah menjaga agar mata pengunjung situs Anda tetap bergerak di sepanjang halaman. Perubahan warna, tekstur, dan gerakan dapat membantu dalam hal ini, yang semuanya dapat dicapai melalui gaya bagian khusus. Ada begitu banyak aspek untuk dipikirkan di sini, dan Anda mungkin bertanya-tanya: Bisakah Anda membuat desain situs web band yang memicu konten Anda tanpa terlalu berantakan?

Ya! Kuncinya adalah membuat skema warna solid dan menemukan beberapa gambar tekstur hebat yang dapat Anda gunakan di seluruh situs Anda. Berikut adalah panduan langkah-langkah yang harus diikuti untuk membuat situs yang indah dengan bagian yang ditata!

Atur konten Anda

Bagian pada dasarnya adalah blok ruang pada halaman tempat Anda dapat menambahkan fitur di dalamnya. Sangat baik menggunakan bagian untuk memecah hal-hal berdasarkan kategori, atau untuk memberi penekanan pada fitur tertentu pada halaman.

Misalnya, Anda dapat menggunakan bagian bergaya untuk menarik perhatian ke fitur Pendaftaran Milis Anda, atau membagi bagian menjadi tiga kolom untuk menambahkan tiga fitur Gambar dan Teks untuk beberapa ajakan bertindak yang bagus di halaman Beranda. Hal ini terlihat pada contoh di bawah ini.

Atur konten dengan bagian bergaya

Cukup mudah untuk menambahkan bagian ke halaman mana pun dalam panel kontrol Anda. Di bawah “Edit Konten”, gerakkan mouse ke tata letak halaman - Anda akan melihat tombol biru “+Tambahkan Bagian” muncul di atas atau di bawah bagian yang ada.



Klik tombol itu untuk menambahkan bagian baru!

Anda juga dapat menyesuaikan kolom untuk setiap bagian di sini, dengan mengeklik tombol “Edit Kolom” di kiri atas bagian. Anda dapat memilih antara 1, 2, dan 3 kolom, dengan beberapa opsi asimetris untuk bilah sisi kiri atau kanan.

Sesuaikan gaya bagian Anda

Untuk beberapa bakat artistik lainnya, atur hingga tiga gaya bagian yang berbeda di tab Edit Tema. Gaya Bagian Anda adalah tempat Anda menyesuaikan latar belakang bagian Anda, serta teks, tautan, dan warna tombol. Di sinilah Anda akan benar-benar mengatur nada untuk bagian di situs Anda - Anda dapat mengatur warna kontras tinggi di antara bagian, atau memilih perbedaan warna yang lebih halus - apa pun yang sesuai dengan estetika Anda.

Seperti opsi desain templat situs web band lainnya, Anda akan menyesuaikan gaya bagian Anda di bawah tab “Edit Tema” pada panel kontrol.

Di opsi editor tema di sebelah kiri, cukup gulir ke bawah ke opsi 'Gaya Bagian 1', 'Gaya Bagian 2', dan 'Gaya Bagian 3', pilih pengaturan warna Anda, dan ketika semuanya sudah diatur dengan benar, klik ' simpan' untuk menerapkan perubahan Anda.

Gaya bagian situs web Anda

Tetapkan properti bagian Anda

Setelah Anda mengatur gaya bagian Anda di tab Edit Tema, Anda dapat kembali ke tab Edit Konten dan menerapkan properti yang berbeda ke bagian di situs Anda. Arahkan kursor ke bagian dan klik "Edit Bagian" di sudut kiri atas bagian itu. Properti yang dapat Anda sesuaikan adalah Warna Bagian (diambil dari Gaya Bagian yang telah Anda atur), Gambar Latar & efek gulir, dan Bagian Padding.

Anda juga dapat menambahkan Judul opsional ke bagian dan menyesuaikan pembenaran judul ini sesuai selera Anda. Judul ini juga dapat ditambahkan sebagai item sub-menu jika Anda mengaktifkan sakelar "Tampilkan di menu". Ini akan digunakan jika Anda memiliki cukup banyak konten pada halaman tertentu dan Anda ingin memberikan cara yang lebih mudah untuk mengakses semua konten ini.

Untuk mengubah Warna Bagian, klik "Warna Bagian" dan kemudian pilih gaya bagian dari menu tarik-turun.

Untuk mengubah Bagian Padding, klik “Section Padding” dan pilih dari none, small, medium, large, atau extra large. Padding memberikan lebih banyak ruang di bagian atas dan bawah konten di bagian dan dapat membuat spasi putih untuk tampilan yang halus.

Tambahkan padding ke bagian situs web

Klik "Simpan" untuk menyimpan semua perubahan ini. Saya akan menguraikan opsi Gambar Latar di bawah ini, karena ada begitu banyak potensi di sini!

Tambahkan gambar latar belakang

Kemungkinan dengan fitur latar belakang bagian tidak terbatas dengan tekstur tambahan, kedalaman, dan gaya pribadi yang ditawarkan ini. Secara teori, Anda dapat mengatur gambar latar belakang untuk setiap bagian di situs Anda sehingga sepenuhnya berbasis gambar tanpa blok warna yang solid. Ini adalah langkah yang sangat kuat jika Anda ingin membuat situs yang sangat berwawasan visual.

Penting untuk menjaga kohesi dalam pikiran saat melakukan ini. Anda pasti ingin memastikan semua gambar ini berada dalam palet warna yang sama, dan tidak memiliki banyak detail yang terjadi di dalamnya. Berikut adalah contoh situs yang saya buat menggunakan berbagai gambar langit & awan: requiem for sky

Contoh bagian latar belakang

Untuk menambahkan gambar latar belakang ke bagian, klik "Edit Bagian" lagi, lalu klik "Gambar Latar". Dari sini, klik "tambah gambar" dan unggah gambar baru atau pilih gambar dari Pemilih Gambar Anda. Klik "Terapkan". Anda kemudian dapat memotong dan memperbesar gambar sesuai kebutuhan, dan klik Simpan.

Dari sini, Anda dapat mengatur transparansi gambar. Bergantung pada konten di bagian tersebut, Anda mungkin ingin membiarkan transparansi gambar pada persentase rendah (di bawah 20%). Tetapi, jika gambar tidak akan menghalangi konten di sini, Anda dapat menaikkannya sedikit. Dalam contoh saya di sini, saya telah mengatur transparansi menjadi 70%. Anda dapat memilih gaya bagian yang berbeda untuk menggabungkan latar belakang berwarna dengan gambar yang Anda pilih juga.

Gambar latar bagian situs web

Selanjutnya, atur Efek Gulir Anda. Anda dapat memilih untuk menghilangkan ini, tetapi kami memiliki beberapa opsi yang cukup bagus. Efek gulir Parallax memberikan efek tiga dimensi yang rapi karena gambar latar belakang bergulir dengan kecepatan yang sedikit berbeda dari halaman itu sendiri. Efek gulir Tetap memperbaiki gambar di latar belakang, dan sisa konten bergulir di atasnya. Anda dapat bermain-main dengan ini sesuai kebutuhan. Sekali lagi, klik "Simpan" untuk menerapkan perubahan ini.

Bersenang-senang bermain dengan gaya bagian khusus!

Seperti yang Anda ketahui dari contoh ini, opsi gaya dan tata letak yang disediakan bagian sangat menyenangkan untuk dikerjakan. Mereka membuatnya mudah untuk merancang situs web musik yang indah. Banyak dari templat situs web kami dilengkapi dengan beberapa bagian gaya yang telah dibuat sebelumnya untuk membantu Anda memulai, dan semuanya juga siap untuk seluler. Saya harap posting ini memberi Anda kepercayaan diri untuk mencoba semua kemungkinan ini!

Rancang situs web profesional yang siap untuk seluler dalam hitungan menit yang mudah diperbarui dan dipelihara. Bangun situs web band Anda dengan Bandzoogle hari ini!