MENU

IT導入・DX支援受付中!

  • 現役エンジニアがサポート
  • WraptasアンバサダーによるWEBサイト制作
  • オーダーメイドの自動化ツール開発

\ 無料で相談可能 /

\ 最大10%ポイントアップ! /詳細を見る

【2024年最新】NotionとWraptasでホームページを作成する方法を徹底解説

こんな疑問を解決します!
  • NotionとWraptasを使ってホームページを作成したい
  • ホームページを作成したいけどプログラミングに苦手意識がある…
  • WordPressを使わずに、簡単にWebページを更新したい

ホームページ作成において、一部のハードルが高く感じている方も多いかと思います。しかし、今回紹介するNotionとWraptasを使う方法を学べば、誰でも簡単にオリジナルのホームページを作成することができます。この記事では、NotionとWraptasを使用して自分だけのホームページを作成する方法を徹底解説します。

高度なコーディングスキルは必要ありません。手順を追えば、誰でも短時間でオリジナルのホームページが作れます。この記事を読めば、NotionとWraptasを利用したホームページ作成の一連の流れが理解できます。ぜひ、あなたも新しいホームページ制作にチャレンジしてみましょう。

IT導入・DX支援受付中!

  • 現役エンジニアがサポート
  • WraptasアンバサダーによるWEBサイト制作
  • オーダーメイドの自動化ツール開発

\ 無料で相談可能 /

この記事で分かること

Wraptasとは

Wraptasとは

Wraptasは、ペライチ社が運営するNotionをベースにWebサイトを作成・管理できるサービスです。

Notionのページを編集するだけで、簡単にWebサイトを構築することができます。

わたゆー

Wraptasを使ったサイトは増えています!

Wraptasの特徴

Wraptasの特徴

初心者でも簡単にWebサイトを作成できる

Wraptasのセットアップは3分で完了でき、テーマを選べばオシャレなサイトをすぐに作成できます。

Notionを編集するだけで、Webサイトの更新が可能

WordPressなどでは、管理画面にログインして、エディター上で編集する必要がありました。

Wraptasでは、Notionのページを編集するだけなので、スマホからでも編集することが可能です。編集した内容は即時に反映されるので、制作のスピードも格段に上がります。

独自ドメインやCSS編集など、Webサイト制作に必要な機能が備わっている

Wraptasには、Webサイト制作に必要な機能が豊富に用意されています。

主な機能はこちらです。

  • 独自ドメインの設定
  • Notionデータの更新タイミング操作
  • サイトパスワード機能
  • CSSでのデザインカスタマイズ
  • サイトテンプレート&デザインテーマ
  • 画像リンク機能
  • パンくずリスト・日付の追加表示
  • ページ内のセクション区切り
  • 検索フォームのページ埋め込み
  • ページ数、PV数無制限
  • サイトタイトルやFaviconの設定
  • パーマリンク設定(ページURL変更)機能
  • HTML・Scriptの直接挿入
  • Google Analyticsなどの埋め込み利用
  • フォント・アイコンの設定
  • オリジナルヘッダー
  • 検索機能検索フォームのコンテンツ内挿入
  • デザインライブプレビュー
  • 記事下にSNSシェアボタンの配置
  • サイトマップxmlとRSS Feedの設置

公開用Notionページの作成

Webに公開するページをNotion上で作成します。カラムやインラインデータベース、画像、コールアウトなどを駆使しながらデザインしましょう。

作成が完了したら、ページ右上の「Share」から「Share to the web」をONにして公開状態にします。ここで発行されたURLはWraptasの登録の際に必要になります。

Wraptasの登録と各種設定

Wraptasの利用料金

Wraptasの利用料金は、1サイトあたり月額980円(税別)です。

わたゆー

30日間の無料トライアルがあるので、まずは試してみましょう!

アカウント登録

アカウント登録は、Googleアカウントかメールアドレスで登録できます。

決済情報の登録

独自ドメインを使いたい場合は、決済情報を登録します。

30日のトライアルがあるので、お試しで使う場合は飛ばしてOKです。

サイトIDの登録

次に、サイトIDを登録します。サイトIDはドメインに使用され、1サイトにつき1ドメインとなります。

例えば、IDが blog の場合、blog.wraptas.site というドメインが割り当てられます。

IDは、小文字英数字とハイフンが使用可能です。

独自ドメインを割り当てる

お名前.comやXserverなどで取得したドメインを使用する場合は、「独自ドメイン設定」から申請を行います。

ドメインの設定方法については、公式ヘルプを参照ください。

>> 各ネームサーバーでのドメイン設定方法とエラー解消方法

おすすめのドメイン取得サービス

独自ドメインを取得したい場合は、次に紹介するドメイン取得サービスなどから登録を行いましょう。

お名前.com

お名前.comの特徴
  • 年間1円(税込)から独自ドメインの取得が可能
  • 2.600種類以上のドメインを取扱い
  • 国内最大級のドメイン登録実績
  • DNSサービス・ドメイン自動更新サービスを無料提供
  • 24時間365日のサポートを全ユーザーに無料で提供

国内シェアNo.1のドメイン登録サービス

Xserver

Xserverの特徴
  • 超人気ドメインの「.com」「.net」が驚きの《1円》!
  • ドメイン一括取得&自動更新機能でドメインを簡単管理 ・DNSレコード設定機能で、より柔軟なドメインの利用が可能
  • Whois情報代理公開機能に無料対応

国内最安値!

まとめ|手軽にWebサイトを作りたいならWraptasを使いましょう!

この記事では、初心者でも簡単にWebサイトを作成でき、Notion編集のだけで管理・編集が可能なWraptasについて解説しました。

Wraptasは、独自ドメインやCSS編集など、Webサイト制作に必要な機能が詰まっています。自分好みにカスタマイズすることで、オリジナルのWebサイトを作成することができます。

一人でも多くの方が自身のWebサイトを独自に作成・運営する一助となれば幸いです。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
この記事で分かること