| |
|—|—|—|
|
| 概要 | Easy Responsive Footer は、プレーンテキストのみを使用して完全にレスポンシブなフッターを構築できるようにします。|
| 
| プレビュー | Discourse Theme Creator でプレビュー |
|
| リポジトリリンク | https://github.com/discourse/Discourse-easy-footer|
|
| Discourse テーマが初めての方へ | Discourse テーマの利用に関する初心者ガイド|
このテーマコンポーネントをインストール
機能
デスクトップ
モバイル
設定
| 名前 | 説明 |
|---|---|
| heading | フッターの見出しテキスト（例：サイト名） - 最大 25 文字 |
| blurb | コミュニティに関する短い説明文 - 最大 180 文字 |
| sections | フッターに表示するセクション |
| small links | 利用規約やプライバシーポリシーなどのフッター下部の小さなリンク |
| social links | フッターに追加したいソーシャルリンク |
| show footer on login required page | ログインが必要なページにフッターを表示したい場合はこの設定にチェックを入れてください（サイトが非公開の場合のみ有効） |
| svg icons | 上記のソーシャルリンク設定で使用される FontAwesome 7 アイコンのリスト。 |
このコンポーネントには、簡単に設定を構成するための 6 つの設定項目があります。
1. 見出し
フッターの見出しテキスト（例：サイト名） - 最大 25 文字
2. 説明文
コミュニティに関する短い説明文 - 最大 180 文字
3. リンクセクション
リンクセクションを追加します。理想的なセクション数は 6 です。1 行に 1 つの項目を以下の順序で入力：テキスト、タイトル
テキスト：フッターに表示される文字
タイトル：項目にカーソルを合わせたときに表示される文字
4. リンク
リンクセクションにリンクを追加します。1 行に 1 つの項目を以下の順序で入力：
親、テキスト、URL、ターゲット、タイトル
各セクションのリンク数を同程度に保つことをお勧めします
親：このリンクが表示される親セクションの名前。上記のリストから text 値を使用
テキスト：このリンクに表示される文字
URL：この項目がリンクするパス。相対パスも使用可能
ターゲット：この項目を新しいタブで開くか、同じタブで開くかを選択。新しいタブで開く場合は空白、同じタブで開く場合は self を使用
タイトル：リンクにカーソルを合わせたときに表示される文字
5. 小さなリンク
利用規約やプライバシーポリシーなどの小さなリンクをフッターの下部に追加できます。1 行に 1 つの項目を以下の順序で入力：
テキスト、URL、ターゲット
テキスト：小さなリンクに表示される文字
URL：リンクのパス
ターゲット：新しいタブで開く場合は空白、同じタブで開く場合は self を使用
6. ソーシャルリンク
以下の形式でフッターに追加したいソーシャルリンクを入力してください：
プロバイダー、タイトル、URL、ターゲット
プロバイダー：Facebook や Twitter などのプロバイダー名
タイトル：リンクにカーソルを合わせたときに表示される文字
URL：リンクが持つパス
ターゲット：新しいタブで開く場合は空白、同じタブで開く場合は self を使用
注意事項
-
コンポーネントのデフォルトとしてプレースホルダー項目を残しています。これで、設定がどのように見えるか簡単に確認できます。
-
このコンポーネントはテーマのカラースケームを使用して、要素に使用される色を生成します。ただし、必要に応じて上書きできるように、すべての要素には一意のクラスが追加されています。
-
このコンポーネントはテーマ設定を使用するため、将来のアップデートで修正や改善が行われても、入力したデータは失われません
当社のホスティングサービスをご利用中ですか？ プロ、ビジネス、エンタープライズプランではテーマコンポーネントを利用できます。