音楽団体用のWordPressテーマ

音楽団体用のWordPress(ワードプレス)のテーマを作成しました。

アマチュア音楽団体用ということで、オーケストラ、室内楽、吹奏楽、合唱、マンドリンなどいろんな楽団にお使いいただけるかと思います。

baseというサービスを使って700円で販売しています。
販売先URLはこちら

デモサイトもご覧ください。

以下の項目をWordPressの管理画面から変更できます。

  • カラーパターン:8種類(黒、青、緑、オレンジ、ピンク、赤、紫、茶色)
  • フォント:3種類
  • 見出し:2種類(ライン、丸)
  • ヘッダーの画像

目次

WordPressセットアップ

  1. レンタルサーバーを借りる
  2. WordPressをセットアップ

テーママニュアル

  1. テーマインストール方法
  2. 団体名変更
  3. 見た目を変更
  4. 当楽団について
  5. 演奏会情報
  6. おしらせ
  7. 練習日程
  8. 練習場所
  9. メンバー募集
  10. メンバー専用
  11. サイトアイコン変更
  12. ヘッダー画像変更

WordPressセットアップ方法

レンタルサーバーを借りる

レンタルサーバーは、年間6,000円、7,000円くらいで借りられると思います。

  • スターサーバー
  • バリューサーバー
  • ロリポップ

などで申し込みができます。

※CGI版のサーバーだと、団員専用ページのログイン機能がうまく動きませんのでご注意ください

WordPressをセットアップ

大体のレンタルサーバーは、ボタン1clickでセットアップできると思います。

テーママニュアル

テーマインストール方法

1)WordPressをインストールしたディレクトリから、
wp-content > themes の中に、購入したWordPressのテーマを入れます

2)WordPressの管理画面にログインします
サイトURL/wp-admin
でログイン画面に遷移しますので、ログインしてください

3)外観 > テーマへと進み、「music-template」を有効化してください

団体名変更

管理画面 > 設定 > 一般へと進みます

  • サイトのタイトル
  • キャッチフレーズ

を変更してください

見た目を変更

管理画面 > 設定 > 一般へと進みます
画面下の方で、サイトカラー、フォント、見出しスタイルを設定してください

当楽団について

管理画面 > 固定ページ > 当楽団についてへと進みます
内容を編集して、更新ボタンをクリックしてください

演奏会情報

管理画面 > 演奏会情報 > 新規追加へと進みます

  • 演奏会のタイトル
  • 詳細
  • 画面右下の「アイキャッチ画像」には演奏会のポスター
  • 画面下の「演奏会日付」には演奏会の開催日

を入力して、保存してください
日付を見て自動的に演奏会情報と、過去の演奏会情報に振り分けられます

おしらせ

管理画面 > おしらせ > 新規追加へと進みます

  • おしらせのタイトル
  • 内容

を入力して、保存してください

練習日程

管理画面 > 固定ページ > 練習日程へと進みます

  • 練習日時は見出し
  • 練習内容は段落

で作成して保存してください

練習場所

管理画面 > 練習場所 > 新規追加へと進みます

  • 住所
  • 注意事項
  • GoogleMapのiframe(任意)

を入力して保存してください
入力した練習場所については、練習日程のページの下に一覧で表示されます

GoogleMapのiframeは、以下の方法で取得します

  1. GoogleMapにて、住所を入力
  2. 画面左上のメニューをクリック
  3. 「地図を共有または埋め込む」をクリック
  4. 「地図を埋め込む」のタブをクリック
  5. 「HTML」をコピーをクリック
  6. クリックしたHTMLを貼り付けてください

メンバー募集

管理画面 > 固定ページ > メンバー募集へと進みます
内容を入力して保存してください

メンバー専用

管理画面 > メンバー専用 > 新規追加へと進みます

  • タイトル
  • 内容

を入力して保存してください

メンバー専用ページのユーザー名、パスワードの設定方法
管理画面 > 設定 > 一般へと進みます

  • ベーシック認証:ユーザー名
  • ベーシック認証:パスワード

を入力して、保存します。

※$_SERVER[‘PHP_AUTH_USER’]を使用していますので、CGI版だとうまく動かないようです!ご注意ください。

↓この記事を見れば直せるかも?
CGI版使ってるから、この方法使えないみたいなんだけど?

サイトアイコン変更

外観 > カスタマイズ > サイト基本情報 > サイトアイコンにて変更できます

ヘッダー画像変更

外観 > ヘッダーより変更できます。画像の推奨サイズは横:1200 × 縦:315です。

お問い合わせ

お問い合わせは以下のフォームよりお願いいたします

お問い合わせフォーム

テーマの販売先

販売先URLはこちら

対応履歴

  • 2021/05/01 TOPページの見た目を変更しました(PCで表示したときに、演奏会情報とおしらせが横並びになるようにしました)
  • 2021/04/24 style.cssにテーマの情報を記載しました(テーマの管理画面からインストールしようとするとエラーになっていました)
  • 2020/01/28 演奏会一覧の<ul>タグの閉じタグの位置を修正しました
  • 2020/03/27 サイトアイコン、ヘッダー画像を管理画面から設定できるようにしました