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

スキルを習得するには時間がかかります。 1つのスキルの習得に費やす時間が長いほど、もう1つのスキルを習得する時間が短くなります。これが、音楽の完成に多くの時間を費やした場合、優れたコーダーではない可能性が高い理由です。あなたも素晴らしいウェブデザイナーではありません.


それでは、バンドのウェブサイトをどのように作成しますか?プロデューサーやレーベルのサポートがあれば、数千ドルでプロを雇うのは簡単です。自分で認められようとするなら?

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

ここから始めましょう.

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

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

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

この記事では、音楽のウェブサイトを作成するのに最適な2つ、BandzoogleとWordPressに焦点を当てます.

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

Bandzoogleで音楽Webサイトを作成する–長所 & 短所

bandzoogle作成ウェブサイト

Bandzoogleは、WordPressほど有名ではありません。しかし、それには利点があります.

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

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

  • 少ないカスタマイズ機能.
  • 大幅に少ないテーマ.
  • プラグインなし.

WordPressで音楽ウェブサイトを作成–プロ & 短所

ワードプレス作成サイト

WordPressは最大のWebサイトビルダーです.

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

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

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

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

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

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

BandZoogleを使いたい場合は、ステップバイステップガイドに従ってBandZoogleにミュージシャンサイトを構築してください。

または

WordPressを使いたい場合は、ステップバイステップガイドに従ってWordPressにミュージシャンサイトを構築してください

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

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

Banzoogleでのアカウントの作成は、WordPressよりも少し高速です。たった4つのステップ.

bandzoogleアカウントを作成

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

bandzoogle音楽作成ウェブサイト

2.テーマを選択

音楽サイトを作成したいが、どこからアイデアを得るかわからない?

あなたのインスピレーションを得るために、Best Designed Music Webサイトの記事をチェックしてください.

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

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

bandzoogleテーマ

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

bandzoogleテーマのプレビュー

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

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

bandzoogle画像を追加

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

画像をアップロードしてウェブサイトに適用します.

bandzoogleアップロード

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

bandzoogle画像を追加

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

bandzoogleサイトのタイトル

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

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

4.ページを埋める

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

bandzoogleセットサイトのコンテンツ

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

bandzoogleトラックを追加

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

bandzoogleが音楽サイトのスタイルを選択

Bandzoogleは、サイト全体で作成できる適切なプレーヤーを備えているため、ミュージシャンに最適です。接続速度によっては、トラックのアップロードに少し時間がかかる場合があります.

bandzoogleトラックを追加

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

bandzoogle追加ブロック

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

bandzoogleトラックを追加

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

bandzoogle新しいイベント

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

bandzoogle設定

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

bandzoogle列のレイアウト

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

bandzoogle機能

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

bandzoogleの見出しと説明

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

bandzoogleサイトのレイアウト

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

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

bandzoogle追加セクション

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

bandzoogleサイトリンクを追加

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

bandzoogleメニュー

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

bandzoogleコンテンツの編集

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

bandzoogleボタンの変更

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

bandzoogleメニュー

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

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

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

それはあなたがあなたのウェブサイトに望むものなら何でもかまいません。ページに移動 > サイト全体の設定.

メニューのbandzoogleページ

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

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

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

wordpress sieアイコン

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

ホームページが完成したので、Webサイト用のページをさらに作成します。ページをクリック > ページを追加.

メニューのbandzoogleページ

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

bandzoogleページの作成

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

bandzoogle音楽ウェブサイトのレイアウト

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

bandzoogle商品を追加

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

  • 私たちに関しては
  • アルバム
  • ギャラリー
  • ギグスケジュール
  • お店
  • 代理店の連絡先

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

bandzoogleメニューページ

8.起動する

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

「アップグレード」セクションに移動してください.

bandzoogleアップグレード

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

Bandzoogleにアクセスして始めましょう

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

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

ワードプレスログイン

WordPressでは、無料でウェブサイトを作成できます。あなたが通過しなければならない最初のステップは、アカウントを作成し、支払いプロセスをスキップすることです.

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

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

ワードプレスブログ

今、WordPressウィザードはドメイン名の取得を求めています.

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

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

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

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

ワードプレスドメイン

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

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

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

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

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

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

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

Webサイトのレイアウトでできることは、これだけです。あなたのバンドの精神を捉える素晴らしい写真に投資する必要があります。それがウェブサイトを本当にあなたのものにするものです.

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

ワードプレス画像

出典:Sinfury / Instagram

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

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

出典:Stan Gomov / Katlbut

4.テーマを見つける

ウェブサイトのテンプレートに配置する素晴らしい写真ができたので、今度はバンドに最適なテンプレートを見つけましょう。パネルに行き、デザインをクリックしてください > テーマ.

今、あなたはあなたのウェブサイトのテーマを変更することができます.

wordperssテーマ

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

ワードプレスのテーマ

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

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

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

テーマをカスタマイズします。デザインに行く > カスタマイズして、メニューの[Site Identity]をクリックします.

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

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

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

ロゴをトリミングして中央に配置し、続行します.

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

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

ホームページを作成する必要はありません。すでにそこにあります。ただし、[カスタマイズ]セクションからアクセスすることはできません。サイトに移動 > ページ、およびホームページを選択します。それをクリックして編集します.

ワードプレスのページ

WordPressブロックエディターの機能の一部がサイドパネルに表示されます.

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

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

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

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

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

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

ワードプレスの表紙画像

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

ワードプレスメディア

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

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

ワードプレスブロック

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

wordperss embeds

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

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

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

言葉遣いsoundcloud

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

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

ブロックの終わりにカーソルを合わせ、新しいブロックの追加を押します.

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

カバー画像にしてAlignを押します > ウェブサイト全体に広がる全幅.

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

写真をアップロードし、その上にテキストを書きます。ギグのリストを含むページに移動するボタンを追加します。レイアウト要素フォルダに移動してボタンを追加できます.

ワードプレスブロック

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

ワードプレスセクション

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

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

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

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

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

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

ホームページが完成したら、他のページを作成します。サイトに移動 > ページ、新しいページを追加.

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

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

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

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

  • 私たちに関しては
  • アルバム
  • ギャラリー
  • ギグスケジュール
  • 代理店の連絡先

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

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

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

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

ワードプレスサービス

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

9.メニューを設定する

すべてのページの準備ができたら、サイト全体のメニューを作成します。デザインに行く > サイドバーからメニューをカスタマイズして選択する.

ワードプレスメニュー

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

10.起動する

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

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

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

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

要約

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

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

Bandzoogleにアクセスして始めましょう

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map