Web制作

WORDPRESSテーマ『Rock n Rolla』でバンドのホームページを作ってみた

Written by o-saka

バンドのホームページを作ろうとした時にもってこいのWORDPRESSテーマが『Rock n Rolla』です。このテーマを用いてホームページをこさえてみました。

『Rock n Rolla』とは

バンドやアーティストのホームページデザインに特化したWORDPRESSテーマです。無料で使用する事ができ、カスタマイズも可能です。

Rock N Rolla

テーマのインストール

ナビゲーションから『外観』→『テーマ』をクリックします。

テーマ

『新規追加』をクリックします。

新規追加

検索ウインドウに『rock n rolla』と入力すると該当テーマが表示されますので『インストール』をクリックします。

インストール

インストールが完了したら『有効化』をクリックします。

有効化

実際のサイトを表示してみましょう。

PC

PC

スマホ

スマホ

以上でインストール完了です。

デザインカスタマイズ

インストールが完了致しました。次はサイトのデザインをカスタマイズして参りましょう。

バンドロゴを差し替える

まずはバンドのロゴを登録してみましょう。ナビゲーション『外観』→『カスタマイズ』をクリックします。

カスタマイズ

『サイト基本情報』をクリックします。

サイト基本情報

『ロゴを選択』をクリックします。

ロゴを選択

ロゴ画像をアップロードします。推奨画像サイズは『400×100ピクセル』です。

ファイルアップロード

表示させたい箇所で画像を切り抜きます。

切り抜き

表示されました。このままではテキストのタイトルと重複してしまっているので、左ナビゲーションの『サイトのタイトルとキャッチフレーズを表示』のチェックを外せば完了です。

サイトのタイトルとキャッチフレーズを表示

こんなかんじになりました。

ホームページ

配色を変更する

サイトの配色を変更します。『外観』→『カスタマイズ』→『色』をクリックします。

背景色をアクセントの色を変更することができます。

こんな感じになりました。

背景画像の設定

背景画像を設定することも可能です。『外観』→『カスタマイズ』→『背景画像』をクリックします。

背景画像

『画像を選択』をクリックします。

掲載する画像をアップロードします。

こんな感じになりました。

twitterやyoutube等のSNSアイコンを表示させる

SNSアイコンを表示させます。『外観』→『カスタマイズ』→『SNS アイコン』をクリックします。

任意のSNSのURLを入力すると自動で右上にアイコンが生成されます。対応しているSNS、ウェブサービスは『Facebook』、『Vimeo』、『Twitter』、『Google+』、『Pinterest』、『LinkedIn』、『YouTube』、『Tumblr』、『Instagram』、『Flickr』、『RSS』に対応しています。

SNSアイコン

バンドロゴや背景画像を簡単に設定できる点や、配色も変更できるので自分のバンドにあったデザインに簡単にカスタマイズできるかと思います。バンドホームページにWORDPRESSを検討している方にはおすすめのテーマです。今回紹介したカスタマイズはごく一部です。他にもスライダーの掲載や音楽プレイヤーの表示なども可能ですので是非トライしてみてください!

この記事を書いた人

o-saka(@abiko41)

フリーランスでWEB作ったりロゴ作ったりしてます。
お仕事のご依頼等は下記フォームより承っております 。お気軽にお問い合わせください。

お問い合わせ