音楽Webサイトの作成方法:ステップバイステップガイド(コーディングスキルは不要)

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 ウェブサイトの作成 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?

いくつかの無料ソフトウェアを入手して、自分でWebサイトを作成する必要があります。 音楽Webサイトの作成方法に関するガイドがあれば、想像以上に簡単です。

ここから始めましょう。

適切なプラットフォームの選択

あなたはプログラマーではないので、あなたのウェブサイトを作成するためにいくつかのソフトウェアが必要になります。 この選択こそが、あなたのウェブサイトの成功の成否を決めるものです。 選択したソフトウェアが高すぎるか、機能が少なすぎるか、見栄えの良いテーマのコレクションがない場合、長期的には失敗します。

幸いにも、選択肢はたくさんあります。 がある 何十ものウェブサイトビルダー あなた自身のウェブサイトを作成することができます。

この記事では、音楽のWebサイトを作成するのに最適なXNUMXつに焦点を当てます。 Bandzoogle 影響により WordPress.

それらについて知っておくべきことは次のとおりです。


で音楽のウェブサイトを作成する Bandzoogle – Pros & Cons

bandzoogle create website

Bandzoogle WordPressほど有名ではありません。 ただし、それには利点もあります。

  • ミュージシャンのために、ミュージシャンのために設計されました。
  • 数百の音楽関連テーマ。
  • 月額$ 16のすべての機能。
  • チケットのプリセールのような音楽関連の収益化。
  • 大幅に少ない学習が必要です。
  • 無料のホスティングとドメイン。

それはいくつかの欠点もあります。

  • 少ないカスタマイズ機能。
  • 大幅に少ないテーマ。
  • プラグインはありません。

Create Music Website in WordPress – Pros & Cons

ワードプレス作成サイト

WordPressは、世界最大のWebサイトビルダーです。

これが、多くの人が競争よりもそれを選ぶ理由です。

  • 永遠にサポートされます。
  • 何千ものテーマがあります。
  • 簡単にカスタマイズできます。
  • たくさんの無料のプレミアムプラグイン。
  • 大きくて機能の多いWebサイトをサポートします。
  • 無料のオプションがあります。
  • 月額8ドルのプランでほとんどのニーズに対応できます。
  • 無料ホスティング。

しかし、それは完璧ではありません。 WordPressが過大評価される理由は次のとおりです。

  • バンドの適切な収益化は月額$ 25から始まります。
  • 音楽サイトに適した無料のテンプレートはほとんどありません。
  • オーディオの追加はプレミアム機能です。
  • 学ぶには時間がかかります。
  • あなたが得る無料のドメインは WordPress.com サブドメイン。

また、一部のWordPressプラグインにはセキュリティの問題があるため、 ハッキングから保護する このプラットフォームを選択している場合。

上記では、適切なプラットフォームを選択するために、各プラットフォームの長所と短所を示しています。

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

Or

WordPressを使いたい場合は、 WordPressでミュージシャンサイトを構築するためのステップバイステップガイド

を使用して音楽サイトを作成する方法 Bandzoogle

1。 アカウントを作成する

でアカウントを作成する Banzoogle WordPressよりも少し高速です。 たったXNUMXつのステップです。

bandzoogle アカウントを作成する

ウェブサイトに名前を付け、メールとパスワードを入力したら、ウェブサイトの言語を選択して[サイトを作成]を押します。 それでおしまい。

bandzoogle create music website

2.テーマを選択

音楽サイトを作成したいのですが、どこからアイデアを得るかわからない場合は、

私たちの記事をチェックアウト 最高のデザインの音楽ウェブサイト、あなたのインスピレーションのために。

テーマに配置するバンド画像がすでにあるとしたら、テンプレートを選択しましょう。 Bandzoogle 何千ものテンプレートがないかもしれませんが、それはすべての好みに合うのに十分です。

テンプレートはジャンル別に閲覧できます。 デスメタルバンドには「ロック」テンプレートを選びました。

bandzoogle テーマ

テーマにカーソルを合わせ、[適用]をクリックしてプレビューを表示します。

bandzoogle テーマプレビュー

3.ホームページを設定する


次のステップは、独自のカバー画像を追加することです。 [置換]をクリックして、画像をアップロードします。 Bandzoogle 追加できます ストック画像、ただし、自分の写真やデザインを表示することをお勧めします。

bandzoogle 画像を追加

私たちは、ウェブサイトのヒーロー画像のためにSinfuryのアルバムカバーを選びました。

画像をアップロードしてWebサイトに適用します。

bandzoogle アップロード

画面上のコントロールで画像のサイズを変更できます。

bandzoogle 画像を追加

次の段階はタイトルの設定です。 すべてのウェブサイトページに表示されるのはバンドの名前です。 その間、タイポグラフィを変更できます。

bandzoogle ウェブサイト名

他のオプションはロゴを追加することです。 バンド名の代わりに表示されます。

ワードプレスでロゴを設定する

4.ページを埋める


ホームページに機能を追加します。 あなたの音楽のプレビューはこれのための良いオプションかもしれません。

bandzoogle set site's content

「音楽」ボタンを押すと、ウェブサイトに新しいセクションが追加されます。 コンテンツでそれを埋め始めます。

bandzoogle add tracks

「トラックを追加」を押して、ページに音楽をアップロードします。 これらのオプションから選択して、アップロードを続行します。

bandzoogle pick a style for music website

Bandzoogle それはあなたがサイト全体で作ることができるまともなプレーヤーを持っているので、ミュージシャンにとって素晴らしいです。 接続速度によっては、トラックのアップロードに少し時間がかかる場合があります。

bandzoogle add track

アップロードが完了すると、ページの編集に戻ることができます。 「機能の追加」ボタンを押して、ホームページに新しいセクションを追加します。

bandzoogle add block

次に、新しいセクションをサイトのどこかに配置します。

bandzoogle add track

イベントのプレビューセクションを選択しました。 そこから、最初のイベントを設定できます。

bandzoogle 新しいイベント

月額16ドルで最も高額なプランにアップグレードした場合は、ウェブサイトから直接チケットを販売できます。

bandzoogle 設定

XNUMXつのイベントではプレビューに不十分な場合は、レイアウトで別の列数を選択し、さらにイベントを追加します。

bandzoogle 列のレイアウト

次のセクションは、チームの紹介です。 「画像とテキスト」カテゴリを選択し、画像をアップロードします。

bandzoogle 機能を使用

右側のサイドバーのテキストを編集できます。 テキストを表示したくない場合は、小見出しで行ったように削除してください。

bandzoogle heading and description

サイドバーで、セクションの背景色とパディングを変更することもできます。

bandzoogle site layout

5.ソーシャルメディアを追加する


サイト全体のメニューで[ソーシャルメディアリンクを追加]をクリックして、InstagramまたはFacebookプロフィールに接続します。

bandzoogle add section

リストからウェブサイトを選択し、Instagramハンドルを入力します。

bandzoogle add site link

これで、Instagramアイコンがポップアップ表示されます。 しかし、このメニューには小さすぎます。 大きくしましょう。

bandzoogle メニュー

上部のナビゲーションバーに移動し、[テーマを編集]を押します。

bandzoogle edit content

[サイト全体]セクションまでスクロールして、ボタンのサイズを変更します。

bandzoogle button changes

これで、訪問者はボタンに気付くことができます。

bandzoogle メニュー

6.サイトアイコンを設定する


サイトアイコンは、ウェブサイトが開いているタブの隅に表示されます。 HostingPillでは、小さな錠剤です。

サイトファビコンアイコン

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

bandzoogle page in menu

次に、[サイトアイコン]をクリックします。

ワードプレスサイトアイコン

バンドのロゴやその他の表示したい画像をアップロードすると、自動的にサイズが変更されます。

wordpress sieアイコン

7.他のページを作成する


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

始めるためのテンプレートがたくさんあります。 デジタル商品やグッズのストアを作成しましょう。

bandzoogle page creation

レイアウトはシンプルですが、問題なく機能します。

bandzoogle music website layout

「商品」をクリックして、新しい商品を追加します。

bandzoogle 製品を追加

さらにページを作成します。 WordPressと同様に、次のページを作成する必要がある場合があります。

  • 弊社について
  • アルバム
  • ギャラリー
  • ギグスケジュール
  • ショップ
  • 代理店の連絡先

ただし、WordPressとは異なり、サイト全体のメニューに各ページを追加する必要はありません。 それらは自動的にそこに表示されます。

bandzoogle menu pages

8.起動する

すべてのページが設定されると、すべての製品がリストされ、次のアルバムのプレセールを発表する準備が整います。あとは、ウェブサイトを立ち上げるだけです。

これを行うには、「アップグレード」セクションに移動します。

bandzoogle アップグレード

プランを選択し、ドメイン名を選択して支払いを行うと、ウェブサイトが稼働します。

WordPressで音楽Webサイトを作成する方法

1. WordPressアカウントを取得する

ワードプレスログイン

ワードプレスはあなたに提供しています 無料でWebサイトを作成する。 実行する必要がある最初のステップは、アカウントを作成し、支払いプロセスをスキップすることです。

この段階をスキップして、GoogleまたはAppleプロファイルを続行できます。

続行するときに実行するプロセスにより、単純化したWebサイトが作成されます。 その過程で音楽を検索するときにWordPressが提供する機能は次のとおりです。 選択の余地はありません。後でWebサイトを変更できるようにするには、インストールプロセスをクリックする必要があります。

ワードプレスブログ

今、WordPressウィザードはドメイン名を取得することを求めています。

ワードプレスのブログアドレス

まだドメイン名を購入する準備ができていない場合は、無料のオプションを選択してください。 提案されたオプションのすぐ下にあります。 後でウェブサイトを新しいドメインに移管することができます。

ワードプレス選択ドメイン

すでにドメインをお持ちの場合は、このボタンをクリックして接続できます。 検索バーには何も入力しないでください。アクセスできるようになります。

ワードプレスドメイン

最後にすることは、料金プランを選択することです。 今それを望まない場合は、無料プランを続行してください。

2.ウェブサイトを非公開にする

ドメイン名を所有している場合、新しいWebサイトをライブでテストすると、ユーザーエクスペリエンスが損なわれる可能性があります。 非公開にする 微調整されたバージョンのWebサイトを確実にロールアウトします。

プラグインで行うか、時間を節約してページを非公開で公開することができます。

ワードプレスの投稿の可視性

無料のドメインで音楽のWebサイトを作成する場合は、この手順を心配する必要はありません。 ファンはこのページを知らないので、基本的に非公開です。

3.素晴らしい写真を準備する

Webサイトのレイアウトでできることはそれほど多くありません。 あなたは自分のバンドの精神を捉える素晴らしい写真に投資する必要があります。 それがウェブサイトをあなたのものにするものです。

プロの写真家にあなたのギグに来て、アクションのいくつかのショットを撮るよう依頼することから始めます。

ワードプレス画像

ソース: Sinfury / Instagram

このような大気写真撮影も素晴らしいアイデアです。

ワードプレスのプレビュー画像

ソース: スタン・ゴモフ/カトルブ

4.テーマを探す

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.

これで、ウェブサイトのテーマを変更できます。

wordperssテーマ

WordPressの問題は、 たくさんのテンプレート しかし、それらの多くはプレミアムです。 たとえば、使用するには69ドルを支払う必要があります この1.

ワードプレスのテーマ

デフォルトのMaywoodテーマは、シンプルな音楽Webサイトの最高のテーマのXNUMXつだったので、そのままにしました。 好きなテーマを選択して、[このデザインをアクティブにする]をクリックできます。

ワードプレスは、デザインをアクティブにします

5.ロゴとアイコンを選択します

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

ワードプレスのカスタマイズ

ウェブサイトにロゴを追加し、タイトルを作成します。 タイトルは検索結果に表示されるものなので、特に注意してください。

言葉遣いはサイトの詳細を追加します

ロゴをトリミングして中央に配置し、次に進みます。

ワードプレスサイトのロゴ

6.ホームページを編集する

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ブロックエディターの機能の一部は、サイドパネルに表示されます。

ワードプレスの見出し設定

一部はブロックの上に直接表示されます。

ワードプレスサイトの見出しを設定する

次に、ページのテキストをバンドの名前に変更します。 拡張メニューをクリックし、「後で挿入」を押して別のブロックを作成することにより、サポートテキストを追加できます。

ワードプレスブロックオプション

Sinfuryというデスメタルバンドのために、このサンプルWebサイトを作成しています。 このカバーは金属のように見えません、それを変更しましょう。

ワードプレスの表紙画像

表紙の画像をクリックして、鉛筆アイコンの編集を押します。 ファイルシステムに移動します。 [新規追加]をクリックして新しい画像をアップロードします。

ワードプレスメディア

次のステップは、曲をアップロードすることです。 アルバム用に別のページを後で作成できます。ホームページに音楽の一部を表示します。

WordPressのもうXNUMXつの問題です。 オーディオブロックを追加できますが、プレミアムユーザーのみが利用できます。

ワードプレスブロック

心配する必要はありません。無料プランで音楽を紹介できます。 ブロックのリストを下に移動して、Embedsというカテゴリを見つけます。

言葉遣いの埋め込み

SoundCloudまたはSpotifyを選択して続行します。 このWebサイトでは、SoundCloudを選択しました。 サイトにアクセスして、埋め込みコードをコピーします。

ワードプレス埋め込みサウンドクラウド

新しいブロックを作成し、その中にXNUMXつまたは複数のトラックを埋め込みます。 画像のアップグレードとそれにフィーチャーされたトラックを使用したホームページは次のようになります。

言葉遣いsoundcloud

7.ページの残りを埋める

ホームページの内容はあなた次第です。 私たちは読者にこのバンドの次のギグに来るように告げる別のセクションを配置することにしました。

ブロックの最後にカーソルを合わせ、新しいブロックの追加を押します。

ワードプレス追加ブロック

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

ワードプレスサイトのテキストの配置

写真をアップロードし、その上にテキストを書きます。 ギグのリストを含むページに移動するボタンを追加します。 ボタンを追加するには、Layout Elementsフォルダーに移動します。

ワードプレスブロック

セクションは次のようになります。

ワードプレスセクション

テキストを中央に揃えて、次のようにします。

ワードパーサーは中央のテキストを揃えます

8.不要なものを削除します

ほとんどのデザイン要素を再利用できます。 しかし、それらのすべてが必要なわけではありません。 たとえば、このブロックは音楽のWebサイトには役に立ちません。 拡張メニューをクリックし、ブロックの削除を押して削除します。

ワードプレスのウェブサイトのレイアウト

9.他のページを作成する

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

ワードプレスは新しいページを追加します

リストからテンプレートメイジを選択して続行します。

ワードプレステンプレート

これはあなたのウェブサイトが必要とするかもしれないページのリストです。

  • 弊社について
  • アルバム
  • ギャラリー
  • ギグスケジュール
  • 代理店の連絡先

無料のテーマ 多くの場合、必要なテンプレートがありませんが、それらを再利用できます。

たとえば、このテーマのポートフォリオテンプレートをギャラリーとアルバムの両方に使用できます。

ワードプレステンプレートページ

サービスページは、ギグのアナウンスのために再利用できます。

ワードプレスサービス

ホームページで作業したのと同じ方法でページで作業します。

9.メニューを設定する

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.

ワードプレスメニュー

所有する各ページのメニュー項目を作成します。 ウェブサイトの全ページに表示されます。

10.起動する

テストの実行と設計の完成が完了したら、今度はそれを起動します。 メインページに移動し、[起動]ボタンをクリックします。 このメニューを通過する必要があります。

ワードプレスサイトアドレス

これはあなたがどちらかをすべき段階です WordPressからドメインを購入する またはあなた自身を接続します。 または、ウェブサイトをエクスポートして、独自のドメインとホスティングに投稿することもできます。

ワードプレスのエクスポート機能

包む

この長い記事を読むと、素晴らしい音楽のWebサイトを作成する方法が少なくともXNUMXつわかります。 WordPressを選択したかどうか Bandzoogle あなたが好むプラットフォームとして、あなたが作るウェブサイトは素晴らしいものの始まりです。

この記事を保存して、後でWebサイトを作成する必要があるときに戻ってください。