飲食店専門ホームページ制作プラン

【ホームページ自作講座】WordPressテーマ「SWELL」での作り方

こんにちは。代表の銀河(@ginga_noguchi)です。

これから本サイトでも使用しているWordPressテーマ「SWELL」を使用して飲食店のホームページを実際に作っていきます。慣れない作業だとは思いますが、記事の手順通りに進めていただければイケてるおしゃれなデザインのホームページを必ず作ることができます。

SWELLをインストール済み、またはインストールできる状況にあることが前提となります。WordPressの開設前の方はさきに【飲食店HP自作講座】完全初心者対応WordPressの始め方マニュアルをご覧ください。

この記事でわかること
  • 飲食店用ホームページが完成する
  • WordPressテーマ「SWELL」の使用方法や設定方法がわかる
  • 飲食店に必要なページとその作り方
  • SWELLで飲食店サイトを作るのに入れておくべきプラグインとその設定方法
目次

SWELLの購入とインストール手順

まずはWordPressテーマ『SWELLのダウンロードページ』からSWELLを購入します。購入とインストール手順は以下の通りです。

SWELLの購入(ダウンロード)手順

STEP
SWELLをダウンロード

まずはSWELLのダウンロードページからSWELLを購入します。購入方法はクレジットカードと銀行振込の2つです。

ここではクレジットカードでの購入を例とします。

STEP
クレジットカード情報の入力

カード情報を入力し、【\17,600 支払う】ボタンをクリックします。

STEP
メールを確認してSWELLをダウンロード

購入時に入力したメールアドレス宛にSWELLからメールが届きますので、記載されているダウンロードリンクから購入者パスワードを入力してダウンロードします。

STEP
SWELL子テーマのダウンロード

再びSWELLのダウンロードページからSWELLの子テーマをダウンロードします。子テーマとはSWELL本体と連動したカスタマイズ用のテーマファイルだと思ってもらえれば大丈夫です。

これでSWELLの購入とダウンロードは完了です。


SWELLのインストール手順

STEP
ダッシュボードのテーマページを開く

WordPressのダッシュボードから「外観」⇒「テーマ」と進みます。

STEP
【新規追加】をクリック
STEP
SWELLの親テーマのアップロード
  1. 【テーマのアップロード】ボタンをクリック
  2. アップローダーが開くので【ファイルを選択】からSWELLのファイルを選択
  3. 【今すぐインストール】ボタンをクリック

展開せずに圧縮済みの.zip形式のファイルのままアップロードしてください。

STEP
有効化せずにテーマのページに戻る

まだ有効化せずに【テーマのページに戻る】をクリックします。

STEP
SWELLの子テーマをインストールする

さきほどと同様の手順で今度はSWELLの子テーマをインストールします。

STEP
SWELLの子テーマを有効化する

子テーマのインストールが終わったら【有効化】をクリックします。

STEP
サイトの表示を確認する

ダッシュボード左上にあるサイト名をクリックしてサイトを開きます。

STEP
SWELLが適用されていればOK

このような表示になっていればOKです。

これでSWELLのインストールは完了です。


不要なテーマを削除する

SWELLを適用させたら、不要なテーマは削除しておきましょう。

STEP
テーマのページを開く

外観⇒テーマからテーマのページを開きます。

STEP
テーマのインストール状況を確認

デフォルトで3つのテーマが入っているのですべて削除します。

STEP
【テーマの詳細】をクリック

不要なテーマにカーソルを合わせ【テーマの詳細】をクリックします。

STEP
【削除】をクリック

少しわかりづらいですが、ページ右下にある【削除】をクリックします。

STEP
【OK】をクリック

確認のウインドウが開くので【OK】をクリック

STEP
すべて削除する

同様に残りの2つも削除します。SWELLの本体(親テーマ)と子テーマ(こっちを有効化)だけ残せばOKです。

これで不要テーマの削除は完了です。


テーマの更新

ついでにSWELLにあらたなバージョンがあるので更新しておきます。

STEP
【今すぐ更新】をクリック
STEP
自動で更新完了

これでテーマの更新は完了です。

必要なプラグインのインストール

テーマのインストールが終わったので見た目をいじりたい気持ちがあると思いますが、我慢して先にプラグインをインストールしていきましょう。WordPressは「プラグイン」といってあなたにとって必要な機能をサイトに追加して、強化していくことができます。

SWELLでホームページを作るのに入れておくべきプラグインは以下の通りです。

SWELLに入れておきたいプラグイン

クリックでそれぞれの使い方解説ページに飛びます

BackWPup

BackWPupは万が一のためのバックアップを設定できるプラグインです。管理画面から簡単に設定でき、ドロップボックスに保存できたりなど非常に便利。

あわせて読みたい
【WordPressプラグイン】BackWPupのバックアップ設定と使い方
【WordPressプラグイン】BackWPupのバックアップ設定と使い方今回はWordPressのバックアップに必要なプラグイン「BackWPup」の設定方法についてご説明します。難しくてよく分からないサーバーやデータベースの万が一のバックアップ...

SEO SIMPLE PACKの設定

SEO SIMPLE PACKはSWELLと同じ開発者による国産のSEO対策プラグインです。SEO対策の定番プラグイン「All in One SEO Pack」よりも簡単に必要な設定を簡単に行うことができるのでおすすめです。

あわせて読みたい
【WordPressプラグイン】SEO SIMPLE PACKの使い方
【WordPressプラグイン】SEO SIMPLE PACKの使い方WordPressでつくったホームページにSEO対策を施すプラグイン「SEO SIMPLE PACK」の設定と使い方についてご説明します。定番プラグイン「All in One SEO Pack」よりも簡...

Google XML Sitemapsの設定

Google XML Sitemapsはクローラー(検索エンジン)にサイト情報をインデックスさせる通知の設定を行えるプラグインです。

あわせて読みたい
【WordPressプラグイン】Google  XML Sitemapsのインストール手順と設定方法
【WordPressプラグイン】Google XML Sitemapsのインストール手順と設定方法今回はWordPreessプラグイン「Google XML Sitemaps」についての解説です。インストール手順から設定方法を細かく画像つきで説明します。また、WordPressテーマ「SWELL」...

Snow Monkey Formsの設定

WebSub/PubSubHubbubの設定

WP Multibyte Patchの設定

WP Revisions Controlの設定

飲食店ホームページに必要なページを作成する

すべてのプラグインの設定が終わったら、必要なページの作成に入っていきます。飲食店のホームページに最低限必要なページは以下の通りです。

飲食店サイトに必要なページ
  1. 店舗紹介ページ
    • 基本情報
    • コンセプト
    • スタッフ紹介
    • アクセス方法
  2. メニューページ
    • ランチ
    • ディナー
    • ドリンク
  3. ブログ(お知らせ)ページ
  4. お問い合わせページ
  5. トップページ

店舗紹介ページを作成する

メニューページを作成する

ブログ(お知らせ)ページを作成する

お問い合わせページを作成する

お問い合わせページに必要なフォームはプラグインで作る必要があります。定番は「Contact Form 7」ですが、「Snow Monkey Form」のほうが簡単でイケてるフォームが作れるのでおすすめです。

詳細はSWELLとSnow Monkey Formsでのお問い合わせフォームとページの作り方を参考にしてください。

あわせて読みたい
SWELLとSnow Monkey Formsでのお問い合わせフォームとページの作り方
SWELLとSnow Monkey Formsでのお問い合わせフォームとページの作り方今回はWordPressプラグイン『Snow Monkey Forms』を使ってお問い合わせ用のページを作成します。予約や求人などをホームページから受けるのに作っておくべきページです...

トップページを作成する

SWELLのカスタマイズと設定を行う

ご不明な点はご質問ください

制作費用は無料。月額7,900円~できるHP

制作費高い、維持費高い、更新できない、古い、ダサい、問い合わせこない……一般的なWeb制作を脱却する新サービス。最高のコストパフォーマンスを保証します。

初期費用49,800円が今なら無料

この記事が気に入ったら
いいね または フォローしてね!

この記事を書いた人

野口 銀河のアバター 野口 銀河 代表取締役

PC11株式会社代表取締役。鉄板焼レストラン&バー『葉山』を経営してます。大学2度中退→ホームレス→DJ→Web制作・ブロガー→法人設立。地元の飲食店が大金をかけずネットでも集客できるようホームページの自作・集客方法などを発信しています。コロナに負けるな沼津の飲食店。

目次
閉じる