How to use the Website Builder in beehiiv (Tutorial)

Summary

このビデオでは、Beehiveのウェブサイトビルダーの使い方を学びます。ログイン後、ホームページ、サインアップページ、アップグレードページのカスタマイズが可能です。スタイルタブでロゴやフォント、色を設定し、レイアウトタブで各コンポーネントの詳細を調整できます。設定タブでは、セキュリティ設定やトラッキングピクセルの設定ができます。デスクトップとモバイルのプレビューも簡単に行え、変更を公開する準備が整ったら「公開」をクリックします。

Takeaways

• 🌐 Beehiveのウェブサイトビルダーを使用して、Beehiveウェブサイトのほぼすべての側面をカスタマイズできる。
• 👤 ウェブサイトビルダーにアクセスするには、Beehiveアカウントにログインし、画面の左側にあるメニューを確認する。
• 📄 ホームページ、サインアップページ、アップグレードページをカスタマイズするためのドロップダウンメニューがある。
• ⚙️ 現在カスタマイズ中のページのメタ詳細を設定アイコンから変更できる。
• 🎨 スタイルタブでロゴ、フォント、色、コンポーネントのボーダー半径などのデフォルト値とスタイルを設定できる。
• 🖥️ フッター、ナビゲーションバー、サブスクライブウィジェットなどのグローバルコンポーネントのレイアウトと外観をカスタマイズ可能。
• 🌟 レイアウトタブでナビゲーションバーにページを追加し、各コンポーネントとセクションの表示方法を詳細にカスタマイズできる。
• 🔄 カラーピッカーのリセットアイコンをクリックして不要な色変更を簡単にリセットできる。
• 🔧 設定タブでウェブサイトのセキュリティ設定、トラッキングピクセルの設定、特定の機能の有効化または無効化を一元管理できる。
• 📱 デスクトップとモバイルデバイスでのウェブサイトの見た目を確認し、プレビューでウェブビルダー外でのサイト表示を確認できる。
• 🚀 変更が完了したら右上の公開ボタンをクリックして変更を公開し、アドレスバーのロゴをクリックして公開サイトを確認できる。

Q & A

Beehiveのウェブサイトビルダーでカスタマイズできるページはどれですか？

Beehiveのウェブサイトビルダーでは、ホームページ、サインアップページ、アップグレードページをカスタマイズできます。

Stylesタブで設定できるデフォルト値やスタイルにはどのようなものがありますか？

Stylesタブでは、ロゴ、フォント、色、コンポーネントのボーダー半径などのデフォルト値やスタイルを設定できます。

Stylesタブでカスタマイズできるグローバルコンポーネントにはどのようなものがありますか？

Stylesタブでは、フッター、ナビゲーションバー、サブスクライブウィジェットなど、ウェブサイトの全ページに表示されるグローバルコンポーネントをカスタマイズできます。

Layoutタブで可能なカスタマイズにはどのようなものがありますか？

Layoutタブでは、ナビゲーションバーにページを追加したり、ヒーローセクション、ポストセクション、サイドウィジェットセクション、アーカイブセクションの表示内容をカスタマイズできます。

Layoutタブで既に設定したデフォルトの色やフォントファミリーを上書きすることは可能ですか？

はい、Layoutタブでは、既に設定したデフォルトの色やフォントファミリーを上書きすることが可能です。

設定タブではどのようなウェブサイト設定をカスタマイズできますか？

設定タブでは、ウェブサイトのセキュリティ設定、トラッキングピクセルの設定、特定の機能の有効化・無効化などをカスタマイズできます。

設定タブでテーマをデフォルト設定にリセットする方法は？

設定タブでテーマをデフォルト設定にリセットするには、「テーマリセット」ボタンをクリックします。

ウェブサイトビルダーで作成したウェブサイトのプレビューを行う方法は？

ウェブサイトビルダーで作成したウェブサイトのプレビューを行うには、「プレビュー」ボタンをクリックします。

ウェブサイトの変更を公開する方法は？

ウェブサイトの変更を公開するには、右上の「公開」ボタンをクリックし、アドレスバーの横にあるロゴをクリックして公開されたサイトを確認します。

モバイルデバイスとデスクトップデバイスの両方でウェブサイトの表示を確認する方法は？

モバイルデバイスとデスクトップデバイスの両方でウェブサイトの表示を確認するには、携帯電話とデスクトップのアイコンをクリックします。