site_logo
お問い合わせはこちら

スタートガイド

Sparrowの初期設定について解説していきます。

手順は大きく分けて2つあります。

  1. Djangoプロジェクトのセットアップ
  2. 管理画面での初期設定

sparrow_いいね_左向き_帽子なし
スパポ

この設定が完了するとブログを書き始められるようになります。

Djangoプロジェクトのセットアップ

この説明では、 mysiteという名前のプロジェクトを作る前提で解説を進めます。

フォルダを作成

まずはmysiteというフォルダを作り、そのフォルダに移動します。

~/
$ mkdir mysite && cd mysite

Sparrowライブラリをインストール

Sparrowライブラリをインストールします。仮想環境は必要に応じて作成してください。

まずは、購入時にダウンロードしたzipフォルダを展開しSparrow-1.0.0-py3-none-any.whlファイルを適当な場所に移動させます。(1.0.0はSparrowのバージョンを表し、ダウンロードしたタイミングにより最新のバージョンは異なります。)
ここでは、~/mysite/requirements/というフォルダを作り、その中に移動したものとします。

pip install <whlファイルへのパス> でインストールできます。パスとバージョンはご自身の環境に読み替えて下記コマンドを実行してください。

~/mysite/
$ pip install requirements/Sparrow-1.0.0-py3-none-any.whl

なお、requirements.txtで指定する場合は以下のように書けます。

~/mysite/requirements/requirements.txt
# ワーキングディレクトリからのパスを指定
file:path/to/Sparrow-1.0.0-py3-none-any.whl

pip install -r requirements/requirements.txt でインストールできます。whlファイルへのパスはワーキングディレクトリ(コマンドを実行するディレクトリ)からのパスを指定する必要があります。

Wagtailのセットアップ

続いて、wagtailコマンドを実行してDjangoプロジェクトを作ります。

以下のコマンドで、Djangoプロジェクトがセットアップされます。(最後のドットを忘れずにつけてください。
このとき、~/mysite/requirements.txtが存在するとエラーになるので存在する場合は削除してください。

~/mysite/
$ wagtail start mysite .
sparrow_説明_右向き_帽子あり
スパポ

ドットを忘れずに!

以下のようなフォルダ構成ができます。

フォルダ構成
mysite
├── .dockerignore
├── Dockerfile
├── home
├── manage.py
├── mysite
├── requirements.txt
└── search

不要なフォルダを削除

特別な理由がなければ、homesearchディレクトリを削除します。
.dockerignore、Dockerfile、requirements.txtも必要に応じて削除して大丈夫です。

設定ファイルの修正

設定ファイル base.py を以下のように修正します。

~/mysite/mysite/settings/base.py
INSTALLED_APPS = [
    # 削除
    # 'home',
    # 'search',

    # 追加
    "sparrow.articles.apps.SparrowArticlesAppConfig",
    "sparrow.common.apps.SparrowCommonAppConfig",
    "sparrow.dashboard.apps.SparrowDashboardAppConfig",
    "sparrow.sitesettings.apps.SparrowSiteSettingsAppConfig",
    "sparrow.home.apps.SparrowHomeAppConfig",
    "sparrow.search.apps.SparrowSearchAppConfig",
    "fontawesomefree", 
    # 追加ここまで

    "wagtail.contrib.forms",
    ...
    "django.contrib.staticfiles",

    # 追加
    "wagtail.contrib.modeladmin",
    "wagtail.contrib.routable_page",
    "wagtail.contrib.settings",
    "wagtail.contrib.styleguide",
    "wagtail.contrib.table_block",
    # 追加ここまで
]


TEMPLATES = [
    {
        "BACKEND": "django.template.backends.django.DjangoTemplates",
        "DIRS": [
            os.path.join(PROJECT_DIR, "templates"),
        ],
        "APP_DIRS": True,
        "OPTIONS": {
            "context_processors": [
                "django.template.context_processors.debug",
                "django.template.context_processors.request",
                "django.contrib.auth.context_processors.auth",
                "django.contrib.messages.context_processors.messages",
                # 追加
                "wagtail.contrib.settings.context_processors.settings",
            ],
        },
    },
]

# 変更
LANGUAGE_CODE = "ja"
TIME_ZONE = "Asia/Tokyo"

# 表示される日付のフォーマットを変更したい場合
USE_L10N = False  # 変更
DATE_FORMAT = "Y/n/j"  # 追加

# 変更
WAGTAIL_SITE_NAME = "自分のサイト名"

# 追加
WAGTAILIMAGES_IMAGE_MODEL = "sparrowcommon.CommonImage"
WAGTAILEMBEDS_RESPONSIVE_HTML = True

urls.pyの修正

urls.pyに以下の変更を加えます。

~/mysite/mysite/urls.py
from sparrow.common import views as sparrowcommon_views  # 追加

# 変更1
from search import views as search_views  # 変更前
from sparrow.search import views as sparrowsearch_views  # 変更後

# 変更2
path("search/", search_views.search, name="search"),  # 変更前
path("search/", sparrowsearch_views.search, name="search"),  # 変更後

# 追加
handler404 = sparrowcommon_views.page_not_found

マイグレート

ここまでできたら、マイグレートとスーパーユーザーの作成を行います。

~/mysite/
$ python manage.py migrate
$ python manage.py createsuperuser

サーバーの起動

最後にサーバーの起動ができればプロジェクトのセットアップは完了です。

~/mysite/
$ python manage.py runserver

管理画面での初期設定

続いて、管理画面での設定を行います。

トップページを作成

http://127.0.0.1:8000/admin/ から管理画面にログインします。

管理画面ログインページ

ページの設定画面 http://127.0.0.1:8000/admin/pages/ に移動します。

子ページを追加トップページを作成します。

子ページを追加

「ページタイトル」にTOPと記入して公開します。

トップページ追加

サイトの設定

サイドバーの設定 > サイト一覧から設定画面 http://127.0.0.1:8000/admin/sites/ に移動します。

表示されたサイトをクリックし編集画面を開き、各項目に以下の値を入力します。

  • ホスト名: 127.0.0.1
  • ポート番号: 8000
  • サイト名: ヘッダーなどで表示したいサイト名
  • ルートページ: 先ほど作成したTOPページ
  • デフォルトのサイト: はい

サイトの設定項目

本番環境での設定項目

本番環境での設定項目は以下のようになります。

  • ホスト名: example.com
  • ポート番号: 443 (https化している場合)

記事一覧ページを作成

続いて、記事一覧ページ( /articles/ )を作成します。

サイドバーのページ > TOPを開き、ページを作成をクリックします。

記事一覧ページの追加

記事一覧ページをクリックし設定項目を入力します。

  • タイトル: 任意の値
  • スラッグ(プロモートタブ): articles

スラッグは必ずarticlesを指定してください。

記事一覧ページの入力項目

入力したら公開し、記事一覧ページ(http://127.0.0.1:8000/articles/)が表示できることを確認してください。

不要なページを削除

ここまで出来ていれば、ページの設定画面から 「Welcome to your new Wagtail site!」のページは削除して構いません。

設定が完了したら

サイトの設定が完了しました。これで記事の追加やサイトの編集が行えるようになります。次はサイトの基本設定をしてみましょう。

sparrow_照れ_左向き_帽子なし
スパポ

おつかれさまでした!

おすすめ記事

thumbnail
2023/8/7

予約投稿の設定方法

thumbnail
2023/8/6

トップページの設定方法

thumbnail
2023/8/5

プロフィールを設定しよう

thumbnail
2023/8/5

サイトの基本設定をしよう

thumbnail
2023/8/4

記事の追加方法

thumbnail
2023/7/31

Sparrowのエディタ機能の使い方

thumbnail
2023/7/30

ページ階層を理解しよう