LifterLMSとAstra Free Themesの連携によるパーソナライズドレイアウトの実現

オンラインコースのプラットフォームを構築するにあたりリフターLMS それは強力な ワードプレス 学習管理システム(LMS)プラグインであるAstraテーマは、その柔軟なデザイン機能により、多くのウェブサイトビルダーが最初に選ぶテーマとなっています。無料版でもアストラ また、LifterLMS専用のレイアウトとスタイリングサポートがあり、コースページがより明確な構造と、よりフォーカスされたコンテンツを提供します。

Astraテーマをインストールし、有効にする必要があります。 リフターLMS プラグインを使用すると、システムは自動的に一連の適応を有効にし、コースのプレゼンテーション機能を持つページの構築を支援します。

画像[1]-コースページのレイアウト詳細を作成するLifterLMSとAstra無料テーマ

LifterLMSページレイアウト設定

コースや学習のページは通常、他の通常のページと区別する必要がある。アストラ を調整する専用の独立したコンテナ設定を提供する。 リフターLMS ページ構成。

エントリーポイントを「外観 > カスタマイズ > グローバル > コンテナ >」に設定します。 リフターLMS オープニング

画像[2]-コースページのレイアウト詳細を作成するLifterLMSとAstra無料テーマ

オプションのレイアウトタイプは以下の通り:

  • ボックスレイアウト
画像[3]-コースページのレイアウト詳細を作成するLifterLMSとAstra無料テーマ
  • コンテンツボックス
画像[4]-コースページのレイアウト詳細を作成するLifterLMSとAstra無料テーマ
  • 全角センタリング
画像[5]-コースページのレイアウト詳細を作成するLifterLMSとAstra無料テーマ
  • 全幅ストレッチ
画像[6] - LifterLMSでコースページのレイアウト詳細を作成するAstra無料テーマ

これらのレイアウト構造はコースプレゼンテーションの実際のニーズに合うように、デフォルトのコンテナ設定を上書きすることができます。

LifterLMSページサイドバー管理

コースページによっては、異なる情報構造を表示する必要があります。アストラ あたる リフターLMS サイドバーコントロールのオプションが別途用意されている。

設定方法は、「外観 > カスタマイズ > レイアウト >」です。 サイドバー > リフターLMS

ページタイプは2つのカテゴリーに分けられる:

  • 一般ページ (コースリスト、クイズ、メンバーシップ、チェックアウト、プロフィールページなど)
画像[7]-コースページのレイアウト詳細を作成するLifterLMSとAstra無料テーマ
  • コースまたはレッスンの個別ページ
画像[8]-コースページのレイアウト詳細を作成するためのLifterLMSとAstra無料テーマ

ページの種類ごとに以下のオプションを設定できます:

  • サイトのサイドバー設定をデフォルトで使用する
  • サイドバーを閉じる
  • サイドバーを左側または右側に配置する

これらのサイドバーにコンテンツを追加する必要がある場合は外装状態 > カスタマイズ > ガジェットこれを行うには、適切な場所を選択し、コースカテゴリ、進捗インジケータ、推奨コースなどの必要なコンポーネントをドラッグします。

画像[9]-コースページのレイアウト詳細を作成するLifterLMSとAstra無料テーマ

サイドバーの幅は、ページのコンテンツ表示に合わせて調整し、読みやすさを最適化することもできる。

画像[10]-コースページのレイアウト詳細を作成するLifterLMSとAstra無料テーマ

コースと会員ページのカラムレイアウト

コースとメンバーシップの内容を並べる努力をしている。アストラ カスタムメニューにコースとメンバーページの列を設定する機能を追加しました。

パスを設定する:外装状態 > カスタマイズ > リフターLMS

サポート設定:

  • コースリストの各列に表示されるコース数
画像[11]-コースページのレイアウト詳細を作成するためのLifterLMSとAstra無料テーマ
  • 会員ページの1行に表示される項目数

デスクトップでもモバイルでも、ページはこれらの設定に基づき、すっきりとしたビジュアルレイアウトを表示することができる。

スタイルとタイポグラフィの継承

リフターLMS ページの配色やタイポグラフィは、サイトのグローバル設定と同期されます。フォントやカラーを個別に設定する必要がなく、全体的なスタイルに一貫性が保たれます。

グローバルカラーパスは外装状態 > カスタマイズ > 治安情勢 > ベーシックカラー

画像[12]-コースページのレイアウト詳細を作成するためのLifterLMSとAstra無料テーマ
画像[13]-コースページのレイアウト詳細を作成するためのLifterLMSとAstra無料テーマ

本文、見出し、ボタンなどの要素は、手動で設定を繰り返すことなく、自動的にこれらの設定を使用します。

概要

アストラ 無料テーマ リフターLMS プラグインの組み合わせにより、オンラインコースプラットフォームを簡単に構築することができます。カスタムコンテナ、サイドバー、タイポグラフィ、レイアウト設定の助けを借りて、コースページは明確な構造とコンテンツの合理的な配置を示すことができます。

より詳細な設計および機能要件がある場合、関連する拡張モジュールのアップグレードを検討し、これに基づいてコースシステムを改善し続けることもできます。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事を書いた人:泥棒はネズミの勇気になる
終わり
好きなら応援してください。
クドス732 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし