Anotionの使い方 / はじめての方へ

Google アカウントかメールアドレスでの登録が選べます。

メールアドレスログインの場合にはメールアドレスの確認が必要です。登録後にメールアドレスへ確認メールが届くので、それを開封後＆確認URLへアクセス後に再度サイトへアクセスし登録メールアドレスでログインしてください。

Stripeを使って決済情報を登録することでサービスを利用できます。Stripeでの決済登録画面に遷移するので、クレジットカードかGooglePay等の決済情報の登録をお願いします。

登録後トライアル期間の30日が終了したタイミングから月額利用料が開始します。（その際のメール等でのお知らせ機能はまだできていないので、ご自身でリマインドをお願いします。）

決済情報を登録したらサイト作成が行えます。現在は１アカウント１サイトのみ作成可能です（将来的にはアカウントあたりの保有可能サイトを増やしていく予定です）。

登録時にはサイトのIDを決めて下さい。これは後から変更できません。入力後利用可能かどうかチェクして問題なければ登録可能です。

IDが blog の場合 blog.anotion.so というドメインが割り当てられます。

TOPページに表示するNotionのURLを入力してください。

URLはNotionで作成した記事右上のShare（スマホアプリの場合は右上メニュー）を押して「Share to the web」をONにして発行できるURLになります。

https://www.notion.so/nabettu/Anotion-5998afc6c4d94d98831d75587262c10f

上記のようなURLをそのまま入力してください。

記事は公開状態でなければAnotion上でも表示出来ないのでご注意ください。

登録が完了すると、設定したID.anotion.so というURLでアクセスができるようになります。

404ページの場合上記URLが間違っているか、公開設定になっていない可能性があります。確認してどちらも問題ないのに404ページになってしまっている場合にはお問い合わせください。

以上でサイトを作成しての最低限の設定はここまでです、続けて見た目をカスタマイズするなどの追加の機能の説明に入ります。

サイトが作成できるとダッシュボードにサイト一覧が表示されるようになると思います。

そこから「データ編集」ボタンを押すとサイトの設定が追加出来ます。

自サイトにGoogle Analyticsを埋め込む事ができます。Google Analyticsで発行したトラッキングIDを入力してください。

サイト名はデザイン編集画面で設定できますが、ここではサイトヘッダー部分をクリックした際に遷移するサイトのURLを設定出来ます。

設定がなければサイトトップへ遷移します。

全ページの下部にフッターとして表示する記事を設定できます。TOPページへ設定したものと同じ用に公開設定にしたNotionページのURLを入力してください。

設定したパーマリンクにアクセスされた際に表示する記事を指定できます。

設定したIDのページにアクセスがあった場合には設定したパーマリンクへリダイレクトします。

ダッシュボードで「データ編集」ボタンを押すとサイトのデザインに関する設定が追加出来ます。

ヘッダーへ表示する名称が変更できます。また、ここで設定するとサイト名として利用されます。

サイトのFaviconや、ホーム画面に追加する際に利用されるアイコンを設定出来ます。

画像を直接アップロードする機能はまだありませんので、ご自身のNotionに画像をアップロードしたURLを利用をお願いします。

こちらに画像アップロード方法を記載しています。

Anotionの使い方 / はじめての方へ

Google アカウントかメールアドレスでの登録が選べます。 メールアドレスログインの場合にはメール

https://anotion.so/manual#14f5378ebce24650b582ef348d30b816

ヘッダーでサイト名の代わりに表示される画像です。 こちらを設定すると5.1で設定した名称は表示されませんがサイト名としてSNSシェア時などに利用されます。

Twitterボタンを記事下に配置するかどうかを設定出来ます。

直接追加するCSSを編集出来ます。ライブプレビューや、クラス名一覧機能は準備中です。

Anotion自体のCSSはこちらです。

こちらはサンプルとしてCSSファイルですが、内容をコピーして入力していただければ同じように適用されます。ご自由にお使いください。

また、そのまま使いたい場合には次の追加CSS欄に直接入力して頂いても大丈夫です。

ここで追加したURLを直接サイトで参照させられます。こちらでGoogle Fontsなどを指定し、5.5 CSS編集でフォントを指定して利用することが出来ます。

ダッシュボード下部の「独自ドメインを申請する」から設定画面を開けます。

ご自身のドメインのDNS設定へそちらのデータを設定後、Discordやメールなどで運営へ連絡してください。（フォームは設ける予定です。）

管理画面の使い方は以上です。次にページ追加などの機能について説明します。

Anotionではトップページに設定した記事と同じワークスペースで、なおかつ公開状態になっている記事であればサイト作成をした時点で表示することが出来ます。

トップページに設定したページの配下にページを作成すれば、そのページリンクが自動で挿入され、Anotionのページ上でもNotionと同じように遷移することが出来ます。

下層ページ以外でも、

https://www.notion.so/nabettu/Anotion-5998afc6c4d94d98831d75587262c10f

NotionでのシェアURLが上記のようなURLの場合

https://{サイトID}.anotion.so/Anotion-5998afc6c4d94d98831d75587262c10f

のような形URLを修正していただければ、自動で

https://{サイトID}.anotion.so/5998afc6c4d94d98831d75587262c10f

にリダイレクトし、作成されたサイトが閲覧できます。

4.4 のパーマリンク設定で設定してある場合には、さらにそのURLにリダイレクトします。

困ったときのサポートはDiscordで質問するか、メールでお気軽にお問い合わせください！

疑問・質問・ご要望、何でも大歓迎です！一緒により良いサービスにしてければと思っております！