Easy Responsive Footer

テーマコンポーネント
,
1

|||
-|-|-|
:discourse2: | 概要 | Easy Responsive Footer は、プレーンテキストのみを使用して完全にレスポンシブなフッターを構築できるようにします。
| :eyeglasses: | プレビュー | Discourse Theme Creatorでプレビュー |
:hammer_and_wrench: | リポジトリリンク | \u003chttps://github.com/discourse/Discourse-easy-footer\u003e
:open_book: |Discourseテーマ初心者ですか？ | Discourseテーマの使用方法に関する初心者ガイド

このテーマコンポーネントをインストール

機能

デスクトップ

1

モバイル

2

設定

名前 説明
heading フッターの見出しのテキスト。サイト名などを使用できます。最大長25文字。
blurb コミュニティに関する短い説明を入力してください。最大長180文字。
sections フッターに表示するセクション。小さいリンク。
social links フッターに追加したいソーシャルリンク。
show footer on login required page サイトがプライベートな場合のみ、ログインが必要なページにフッターを表示したい場合は、この設定をチェックしてください。
svg icons 上記のソーシャルリンク設定で使用されるFontAwesome 5アイコンのリスト。

このコンポーネントには、簡単に設定できる6つの設定があります。

1. 見出し

フッターの見出しのテキスト。サイト名などを使用できます。最大長25文字。
3

2. 説明文

コミュニティに関する短い説明文。最大長180文字。
4

3. リンクセクション

リンクセクションを追加します。理想的なセクション数は6です。1行に1項目、次の順序で入力します：テキスト、タイトル
テキスト：フッターに表示されるもの
タイトル：項目にマウスを合わせたときに表示されるテキスト。
5

4. リンク

リンクセクションにリンクを追加します。1行に1項目、次の順序で入力します：
親、テキスト、URL、ターゲット、タイトル
各セクションのリンク数は似たような数に保つことをお勧めします。
親：このリンクが表示される親セクションの名前。上記のリストの text 値を使用します。
テキスト：このリンクに表示されるテキスト。
URL：この項目がリンクするパス。相対パスも使用できます。
ターゲット：この項目を新しいタブで開くか、同じタブで開くかを選択します。リンクを新しいタブで開くには blank を使用し、同じタブで開くには self を使用します。
タイトル：リンクにマウスを合わせたときに表示されるテキスト。

6

5. 小さいリンク

利用規約やプライバシーなどの小さいリンクをフッターの下部に追加できます。1行に1項目、次の順序で入力します：
テキスト、URL、ターゲット
テキスト：小さいリンクに表示されるテキスト。
URL：リンクのパス。
ターゲット：リンクを新しいタブで開くには blank を使用し、同じタブで開くには self を使用します。

7

6. ソーシャルリンク

フッターに追加したいソーシャルリンクを次の形式で入力します：
プロバイダー、タイトル、URL、ターゲット
プロバイダー：FacebookやTwitterなどのプロバイダー名です。
タイトル：リンクにマウスを合わせたときに表示されるテキスト。
URL：リンクのパス。
ターゲット：リンクを新しいタブで開くには blank を使用し、同じタブで開くには self を使用します。

8

注意事項

  1. 設定がどのように見えるかを簡単に確認できるように、プレースホルダー項目をコンポーネントのデフォルトとして残しました。

  2. このコンポーネントはテーマのカラースキームを使用して、そこで使用される要素の色を生成しますが、すべての要素には一意のクラスが追加されているため、必要に応じて上書きできます。

  3. このコンポーネントはテーマ設定を使用しているため、将来的に修正または改善するために更新でき、入力したデータは失われません :tada:

\u003cbr\u003e

\u003e:discourse2: 私たちによってホストされていますか？ テーマコンポーネントは、Pro、Business、Enterpriseプランで利用できます。

「いいね！」 110