Müzik Web Sitesi Nasıl Yapılır: Adım Adım Kılavuz (kodlama becerisine gerek yoktur)

When you Google: How to Make a Music Website, you come across the building steps right away, which is not the best way to go about it. You need a detail-oriented approach to do something so technical.

So how do you handle bir web sitesi oluşturmak for your band? If you have the support of a producer or a label, you can easily get a couple of thousands of dollars to hire professionals. What if you’re trying to get recognized on your own?

Biraz özgür yazılım almanız ve kendiniz bir web sitesi oluşturmanız gerekir. Bir müzik web sitesini nasıl oluşturacağımızla ilgili kılavuzumuzla, hayal edebileceğinizden daha kolay olacaktır.

İşte başladığınız yer.

Doğru platformu seçme

Bir programcı olmadığınızdan, web sitenizi oluşturmak için bazı yazılımlara ihtiyacınız olacak. Web sitenizin başarısını artıracak veya bozacak bu seçim. Seçtiğiniz yazılım çok pahalıysa, çok az özelliğe sahipse veya sadece iyi görünen bir tema koleksiyonuna sahip değilse, uzun vadede başarısız olur.

Neyse ki, seçim yapabileceğiniz birçok seçenek var. Var düzinelerce web sitesi üreticisi kendi web sitenizi oluşturmanıza olanak tanır.

Bu makalede, bir müzik web sitesi oluşturmak için en iyi olan ikisine odaklanacağız, Bandzoogle ve WordPress.

İşte onlar hakkında bilmeniz gerekenler.


Müzik Web Sitesi Oluştur Bandzoogle – Pros & Cons

bandzoogle web sitesi oluştur

Bandzoogle WordPress'ten çok daha az bilinir. Yine de, olumsuz yanları vardır.

  • Müzisyenler tarafından müzisyenler için tasarlandı.
  • Müzikle ilgili yüzlerce tema.
  • Ayda 16 $ karşılığında tüm özellikler.
  • Bilet satış öncesi gibi müzikle ilgili para kazanma.
  • Belirgin derecede daha az öğrenme ihtiyacı vardı.
  • Ücretsiz barındırma ve etki alanı.

Bazı dezavantajları da var.

  • Daha az özelleştirme özelliği.
  • Belirgin derecede daha az tema.
  • Eklenti yok.

Create Music Website in WordPress – Pros & Cons

wordpress site oluştur

WordPress, orada en büyük web sitesi oluşturucusudur.

İşte bu yüzden birçoğu bunu yarışmada tercih ediyor.

  • Sonsuza dek desteklenecek.
  • Binlerce teması var.
  • Kolayca özelleştirilebilir.
  • Bol miktarda ücretsiz ve premium eklenti.
  • Büyük, özellik ağırlıklı web sitelerini destekler.
  • Ücretsiz bir seçeneği var.
  • Ayda 8 dolarlık bir plan çoğu ihtiyacı karşılar.
  • Ücretsiz konaklama.

Ancak mükemmel değil. WordPress'in fazla tahmin edilmesinin nedeni budur.

  • Bir grup için uygun para kazanma işlemi aylık 25 ABD dolarından başlar.
  • Birkaç ücretsiz şablon bir müzik sitesi için iyi bir seçimdir.
  • Ses eklemek birinci sınıf bir özelliktir.
  • Öğrenmek zaman alır.
  • Aldığınız ücretsiz alan adı WordPress.com alt etki.

Ayrıca, bazı WordPress eklentilerinin güvenlik sorunları vardır, bu nedenle bilgisayar korsanlığına karşı koruma bu platformu seçiyorsanız.

Yukarıda, doğru olanı seçmek için her platformun artılarını ve eksilerini listeledik.

If you wish to go with BandZoogle then follow our step by step guide to build musician site on BandZoogle

Or

WordPress ile gitmek istiyorsanız, WordPress'te müzisyen sitesi oluşturmak için adım adım kılavuz

Kullanarak müzik sitesi nasıl oluşturulur Bandzoogle

1. Hesap oluştur

Tarihinde hesap oluşturma Banzoogle WordPress'e göre biraz daha hızlı. Sadece dört adım atıyor.

bandzoogle hesap açmak

Web sitenize bir ad verdikten ve e-postayı ve şifreyi girdikten sonra, web sitesi dilini seçip “Site oluştur” a basabilirsiniz. Bu kadar.

bandzoogle create music website

2. Temayı seçin

Müzik sitenizi oluşturmak istiyorsunuz ancak nereden fikir alacağınızı bilmiyor musunuz?

Hakkındaki makalemize göz atın En İyi Tasarlanmış Müzik Siteleriilhamınız için.

Temaya yerleştirmek için zaten bant görüntüleriniz olduğunu varsayalım, şablonu seçelim. Bandzoogle binlerce şablon olmayabilir, ancak her zevke uyacak kadar yeterlidir.

Şablonlara türe göre göz atabilirsiniz. Death metal grubumuz için “Rock” şablonları seçtik.

bandzoogle tema

Fareyle temanın üzerine gelin ve bir önizleme görmek için Uygula'yı tıklayın.

bandzoogle tema önizlemesi

3. Ana sayfayı yapılandırın


Bir sonraki adım kendi kapak resminizi eklemektir. Değiştir'i tıklayın ve resminizi yükleyin. Bandzoogle ekleyelim stok resim, ancak kendi fotoğraflarınızı veya tasarımlarınızı göstermek her zaman daha iyidir.

bandzoogle resim eklemek

Web sitesinin kahraman görüntüsü için Sinfury'nin albüm kapağını seçtik.

Resminizi yükleyin ve web sitesine uygulayın.

bandzoogle yüklenenler

Ekrandaki kontrollerle görüntüyü yeniden boyutlandırabilirsiniz.

bandzoogle resim eklemek

Bir sonraki aşama bir başlık oluşturmak. Her web sitesi sayfasında gösterilecek grubunuzun adıdır. Bunu yaparken tipografiyi değiştirebilirsiniz.

bandzoogle Site Başlığı

Diğer seçenek bir logo eklemektir. Grup adı yerine gösterilecek.

wordpress'te logo ayarla

4. Sayfayı doldurun


Ana sayfaya daha fazla özellik ekleyin. Müziğinizin bir önizlemesi bunun için iyi bir seçenek olabilir.

bandzoogle set site's content

“Müzik” düğmesine basın, web sitesine yeni bir bölüm ekleyeceksiniz. İçeriği doldurmaya başlayın.

bandzoogle add tracks

Sayfaya müzik yüklemek için “Parçalarınızı ekleyin” e basın. Bu seçeneklerden birini seçin ve yüklemeyle devam edin.

bandzoogle pick a style for music website

Bandzoogle müzisyenler için harika çünkü site çapında yapabileceğiniz iyi bir oyuncu var. Bağlantı hızınıza bağlı olarak, parkurlarınızın yüklenmesi biraz zaman alabilir.

bandzoogle add track

Yükleme tamamlandıktan sonra sayfayı düzenlemeye geri dönebilirsiniz. Ana sayfaya yeni bir bölüm eklemek için “Özellik ekle” düğmesine basın.

bandzoogle add block

Ardından, yeni bölümü sitede bir yere yerleştirin.

bandzoogle add track

Etkinlik önizleme bölümünü seçtik. Oradan ilk etkinliğinizi ayarlayabilirsiniz.

bandzoogle yeni etkinlik

Ayda en pahalı plana 16 $ 'dan yükselttiyseniz, doğrudan web sitenizden bilet satabilirsiniz.

bandzoogle ayarlar

Bir etkinlik önizleme için yeterli değilse, mizanpajda farklı sayıda sütun seçin ve daha fazla etkinlik ekleyin.

bandzoogle sütun düzeni

Bir sonraki bölüm ekibinizin tanıtımı olabilir. “Resim ve Metin” kategorisini seçin ve bir resim yükleyin.

bandzoogle Özellikler

Sağ taraftaki kenar çubuğundaki metni düzenleyebilirsiniz. Bazı metinlerin görüntülenmesini istemiyorsanız, alt başlıkta yaptığımız gibi silin.

bandzoogle heading and description

Kenar çubuğunda, bölümün arka plan rengini ve dolgusunu da değiştirebilirsiniz.

bandzoogle site layout

5. Sosyal medya ekleyin


Instagram veya Facebook profilinizi bağlamak için site genelindeki menüden "Sosyal medya ekle bağlantısını" tıklayın.

bandzoogle add section

Listeden web sitesini seçin ve Instagram tutamacınızı yazın.

bandzoogle add site link

Şimdi Instagram simgesinin belirdiğini görüyorsunuz. Ancak bu menü için çok küçük. Büyüyelim.

bandzoogle menü

Üstteki gezinme çubuğuna gidin ve “Temayı düzenle” ye basın.

bandzoogle edit content

Site genelindeki bölüme ilerleyin ve düğme boyutunu değiştirin.

bandzoogle button changes

Artık ziyaretçileriniz düğmeyi fark edebilecek.

bandzoogle menü

6. Site simgesini ayarlayın


Site simgesi, web sitenizin açık olduğu sekmenin köşesinde görüntülenir. HostingPill'de küçük bir hap.

site favicon simgesi

It can be whatever you want on your website. Go to Pages > Site-wide settings.

bandzoogle page in menu

Ardından, "Site Simgesi" ni tıklayın.

wordpress sitesi simgesi

Grubunuzun logosunu veya orada görüntülenmesini istediğiniz herhangi bir resmi yükleyin, otomatik olarak yeniden boyutlandırılacaktır.

wordpress sie simgesi

7. Başka sayfalar oluşturun


Now that the home page is finished, it’s time to create more pages for your website. Click on Pages > Add a page.

bandzoogle page in menu

Başlamak için birçok şablon var. Dijital ürünleriniz ve ürünleriniz için bir mağaza oluşturalım.

bandzoogle page creation

Düzeni basit, ama gayet iyi çalışıyor.

bandzoogle music website layout

“Merch” i tıklayın ve yeni bir ürün ekleyin.

bandzoogle ürün ekle

Daha fazla sayfa oluşturmaya devam edin. Tıpkı WordPress'te olduğu gibi, bu sayfaları oluşturmanız gerekebilir:

  • Hakkımızda
  • Albümler
  • Galeri
  • Gig programı
  • mağaza
  • Acenteler için iletişim

WordPress'in aksine, her sayfayı site genelindeki menüye eklemenize gerek yoktur. Orada otomatik olarak görünürler.

bandzoogle menu pages

8. Başlat

Her sayfa ayarlandıktan sonra, her ürün listelenir ve bir sonraki albümünüzün satışını duyurmaya hazır olursunuz, tek yapmanız gereken web sitesini başlatmaktır.

Bunu yapmak için "Yükselt" bölümüne gidin.

bandzoogle yükseltmek

Bir plan seçin, bir alan adı seçin, bunun için ödeme yapın ve web siteniz yayında.

WordPress ile Müzik Web Sitesi Nasıl Oluşturulur

1. Bir WordPress hesabı edinin

wordpress giriş

WordPress size şunları sunar: ücretsiz bir web sitesi oluşturun. Geçmeniz gereken ilk adım bir hesap oluşturmak ve ödeme işlemini atlamaktır.

Bu aşamayı atlayabilir ve Google veya Apple profilinize devam edebilirsiniz.

Devam ettiğinizde geçtiğiniz süreç basit bir web sitesi oluşturur. İşte bu süreçte müzik ararken WordPress size neler sunuyor. Başka seçenek yok, web sitesini daha sonra değiştirmek için yükleme işlemini tıklamanız yeterlidir.

wordpress blogu

Şimdi, WordPress sihirbazı bir alan adı almanızı istiyor.

wordpress blog adresi

Henüz bir alan adı satın almaya hazır değilseniz, ücretsiz seçeneğe gidin. Önerilen seçeneklerin hemen altında. Daha sonra web sitenizi yeni bir alana aktarabileceksiniz.

wordpress alan seçin

Zaten bir alan adınız varsa, bu düğmeyi tıklayarak alan adınızı bağlayabilirsiniz. Arama çubuğuna hiçbir şey yazmayın; bu sayfaya erişilebilir.

wordpress alan adı

Yapılacak son şey faturalandırma planını seçmektir. Bunu şimdi istemiyorsanız, ücretsiz plana devam edin.

2. Web sitesini özel yap

Bir alan adınız varsa, yeni bir web sitesini canlı olarak test etmek kullanıcılarınızın deneyimine zarar verebilir. Özel yap web sitesinin hassas ayarını yaptığınızdan emin olmak için.

Bir eklentide yapabilir veya zamandan tasarruf edebilir ve sayfaları özel olarak yayınlayabilirsiniz.

wordpress yazı görünürlüğü

Ücretsiz bir alanda müzik web sitesi oluşturuyorsanız, bu adım için endişelenmeyin. Hayranlarınız bu sayfayı bilmiyor, bu yüzden aslında özel.

3. Harika fotoğraflar hazırlayın

Bir web sitesi düzeninin sizin için yapabileceği çok şey var. Grubunuzun ruhunu yakalayacak muhteşem fotoğrafçılığa yatırım yapmanız gerekiyor. Bu web sitesini gerçekten sizin yapacak.

Profesyonel bir fotoğrafçıdan konserinize gelmesini isteyin ve aksiyondan birkaç çekim yapın.

wordpress görüntüsü

Kaynak: Sinfury / Instagram

Bunun gibi atmosferik fotoğraf çekimleri de harika bir fikir.

wordpress önizleme resmi

Kaynak: Stan Gomov / Katlbut

4. Bir tema bulun

Now that you have great photos to place in the website template, it’s time to find a template that would work best for your band. Go to your panel and click on Design > Themes.

Artık web sitenizin temasını değiştirebilirsiniz.

wordpers temaları

WordPress ile ilgili sorun, birçok şablon ama birçoğu premium. Örneğin, kullanmak için 69 $ ödemeniz gerekir bunu.

wordpress tema

Varsayılan Maywood teması, basit bir müzik web sitesi için en iyi temalardan biriydi, bu yüzden taktık. İstediğiniz temayı seçebilir ve “Bu tasarımı etkinleştir” e basabilirsiniz.

wordpress tasarımı etkinleştirin

5. Logoyu ve simgeyi seçin

It’s time to customize your theme. Go to Design > Customise, and click on Site Identity in the menu.

wordpress özelleştirmek

Web sitesine bir logo ekleyin ve bir başlık oluşturun. Başlık, arama sonuçlarında göreceğiniz şeydir, bu yüzden buna çok dikkat edin.

wordperss site bilgileri ekle

Logoyu kırpın ve ortalayın ve devam edin.

wordpress sitesi logosu

6. Ana sayfayı düzenleyin

You don’t need to create the home page, it’s already there. But you can’t access it from the Customise section. Go to Site > Pages, and choose the Home page. Click on it to edit it.

wordpress sayfaları

WordPress blok düzenleyicinin bazı özellikleri yan panelde görüntülenir.

wordpress başlık ayarları

Bazıları doğrudan blok üzerinde gösterilir.

wordpress sitesinde başlığı ayarla

Şimdi sayfadaki metni grubunuzun adıyla değiştirin. Genişletilmiş menüyü tıklayıp başka bir blok oluşturmak için “Sonrasına ekle” tuşuna basarak destekleyici metinler ekleyebilirsiniz.

wordpress blok seçenekleri

Bu örnek web sitesini Sinfury adlı bir death metal grubu için oluşturuyoruz. Bu kapak yeterince metal görünmüyor, değiştirelim.

wordpress kapak resmi

Kapak resmini tıklayın ve kurşun kalem simgesine düzenle tuşuna basın. Sizi dosya sistemine götürür. "Yeni Ekle" yi tıklayarak yeni bir resim yükleyin.

wordpress medyası

Bir sonraki adım şarkılarınızı yüklemektir. Daha sonra albümleriniz için ayrı bir sayfa oluşturabilirsiniz, müziğinizin bir kısmını ana sayfada göstereceğiz.

İşte WordPress ile ilgili başka bir sorun. Ses bloğunu ekleyebilirsiniz, ancak yalnızca premium kullanıcılar için kullanılabilir.

wordpress blokları

Endişelenmeyin, müziğinizi yine de ücretsiz planda sergileyebilirsiniz. Blokların listesine gidin ve Gömmeler adlı kategoriyi bulun.

wordpers yerleştirme

SoundCloud veya Spotify'ı seçin ve devam edin. Bu web sitesi için SoundCloud'u seçtik. Siteye gidin ve gömme kodunu kopyalayın.

wordpress gömme soundcloud

Yeni bir blok oluşturun ve parkurunuzu veya parkurlarınızı gömün. Resim yükseltmesi ve üzerinde yer alan bir parça ile ana sayfamız şöyle görünür.

sözcüleri ses bulutu

7. Sayfanın geri kalanını doldurun

Ana sayfanın içeriği size kalmış. Okuyuculara bu grubun bir sonraki konserine gelmelerini söyleyen başka bir bölüm yerleştirmeye karar verdik.

İmleci bloğun sonuna getirin ve yeni bir blok ekle'ye basın.

wordpress blok ekle

Make it a cover image and press Align > Full width to make it span across the website.

wordpress sitesi metin hizalaması

Bir fotoğraf yükleyin ve üzerine bir metin yazın. Konser listesinin bulunduğu sayfaya yönlendiren bir düğme ekleyin. Düğmeyi Düzen Öğeleri klasörüne giderek ekleyebilirsiniz.

wordpress blokları

Bölüm şöyle görünecektir.

wordpress bölümü

Bunun gibi görünmesi için ortadaki metni hizalayın.

wordperss merkez metni hizalar

8. Gereksiz olanları silin

Çoğu tasarım elemanını yeniden kullanabilirsiniz. Ama hepsine ihtiyacınız yok. Örneğin, bu blok bir müzik sitesi için işe yaramaz. Genişletilmiş menüyü tıklayın ve silmek için Bloğu Kaldır'a basın.

wordpress web sitesi düzeni

9. Diğer sayfaları oluşturun

Once you finish your home page, it’s time to create other pages. Go to Site > Pages, and add a new page.

wordpress yeni sayfa ekle

Listeden bir şablon büyücüsü seçin ve devam edin.

wordpress şablonu

Web sitenizin ihtiyaç duyabileceği sayfaların listesi.

  • Hakkımızda
  • Albümler
  • Galeri
  • Gig programı
  • Acenteler için iletişim

Bedava temalar genellikle tam olarak ihtiyacınız olan şablonlara sahip değildir, ancak bunları yeniden düzenleyebilirsiniz.

Örneğin, bu temadaki Portföy şablonunu hem galeri hem de albümler için kullanabilirsiniz.

wordpress şablon sayfası

Hizmetler sayfası konser duyuruları için yeniden kullanılabilir.

wordpress hizmetleri

Sayfalarda, ana sayfadaki gibi çalışın.

9. Menüleri ayarlama

Once all the pages are ready, it’s time to create a site-wide menu. Go to Design > Customise and choose Menus from the sidebar.

wordpress menüsü

Sahip olduğunuz her sayfa için bir menü öğesi oluşturun. Web sitesinin tüm sayfalarında görüntülenecektir.

10. Başlat

Testler yapmayı ve tasarımı mükemmelleştirmeyi bitirdiğinizde, onu başlatmanın zamanı geldi. Ana sayfaya gidin ve Başlat düğmesine basın. Bu menüden geçmeniz gerekecek.

wordpress site adresi

Bu, ya WordPress'ten alan satın alın veya kendi bağlantınızı yapın. Alternatif olarak, web sitesini kendi alan adınızda ve barındırmada yayınlamak için dışa aktarabilirsiniz.

wordpress dışa aktarma özelliği

Sarmak

Bu uzun okumayı tamamladıktan sonra, muhteşem bir müzik web sitesi oluşturmanın en az iki yolunu biliyorsunuz. WordPress'i veya Bandzoogle tercih ettiğiniz platform olarak, oluşturduğunuz web sitesi harika bir şeyin başlangıcı olacaktır.

Web sitenizi oluşturmanız gerektiğinde daha sonra geri dönmek için bu makaleyi kaydedin.