WordPressテーマ【Butterfly】の初期設定方法を画像付きで解説！ | 性同一性障害(ftm)佳人のかなとわーるど

はいさい、はくさい、ちゃーびらさい！常に学びの心を忘れない佳人(@kanato_tomoyose)です！

佳人

現在、ミックスバー開業のため奔走中でホームページを自分で作成中なのですが、WordPress有料テーマ「Butterfly」を使っています。ですが、カスタマイズの仕方や設定方法があまりネット上に上がっていなくて一人バタバタしています(´･ω･`)

ということで今回は僕が行った初期設定方法をここに記したいと思いますっ！

▼目次

ファイルをダウンロードする
ファイルを解凍する
サーバーのPHPバージョンを変更する
テーマをインストールする
テンプレートをインポートする
メニューを設定する

ファイルをダウンロードする

WordPressテーマ「Butterfly」を購入したら、登録メールアドレスに上図のようなメールが届きます。【ダウンロード】をクリックすると、WEBサイトが開くので【ダウンロードする】をクリックします。

ファイルを解凍する

ダウンロードしたら解凍します。解凍するとさらに圧縮されたファイルとインポート用のファイルが出てきます。

注意

文字化けする場合はフリーの解凍ソフトなどをご利用ください。
http://tokyo.secret.jp/macs/mac-zip.html

サーバーのPHPバージョンを変更する

ご利用のサーバーのPHPバージョンを5.6以下に変更します。WordPressを利用している方はこちらを参照ください。

注意

バージョンの変更を行わないとナビメニューが縦に表示され、トップ画像がスライドせずに縦に3つ並んでしまう。新着ニュース欄には
Fatal error: Uncaught Error: Call to undefined function ereg() in /home/rentalftm/rental-ftm.com/public_html/wp-content/themes/Butterfly_ver_2_7/functions.php:57 Stack trace: #0 /home/rentalftm/rental-ftm.com/public_html/wp-content/themes/Butterfly_ver_2_7/home.php(117): getPostImage(Object(WP_Post))
#1 /home/rentalftm/rental-ftm.com/public_html/wp-includes/template-loader.php(77): include(‘/home/rentalftm…’) #2 /home/rentalftm/rental-ftm.com/public_html/wp-blog-header.php(19): require_once(‘/home/rentalftm…’) #3 /home/rentalftm/rental-ftm.com/public_html/index.php(17): require(‘/home/rentalftm…’) #4 {main} thrown in /home/rentalftm/rental-ftm.com/public_html/wp-content/themes/Butterfly_ver_2_7/functions.php on line 57
と記載されてしまうという現象が起きますのでご注意ください。

テーマをインストールする

WordPress管理画面にログインし【外観】＞【テーマ】＞【新規追加】＞【テーマのアップロード】をクリックします。

【ファイルを選択】で解凍したフォルダ内のzipファイルを選択し、【いますぐインストール】をクリックします。

注意

「アップロードしたファイルは php.ini で定義された upload_max_filesize を超過しています。」というエラーメッセージが出る場合、お使いのレンタルサーバーのアップロード上限が低くなっておりますので、php.iniの設定を変更して頂く必要があります。変更方法に関しましては、ご利用のレンタルサーバーへお問い合わせください。

WordPress管理画面内の「外観」→「テーマ」に新しいテーマが追加されているのが確認できたら、テーマの「有効化」を押します。