トピックに重なるように、モバイルユーザー向けのフッターをアイコン付きでホームに作成する方法はありますか?

ホームページ(およびすべてのページ)にフッターを作成し、そのフッターに他のオプションにアクセスするためのアイコンを配置することを考えていました。スクリプト、CSS、またはテーマコンポーネントでこれを行う方法はありますか?

「いいね!」 1

はい、CSSの特定のセクションにコードを追加し、ホームページにのみ表示する方法を見つけることができます(おそらくヒントがあるはずです)。

「いいね!」 1

この素晴らしいコンポーネントを見つけました。これが最新のものか知っていますか?

それとも、他に新しいコンポーネントはありますか?

「いいね!」 1

もし「フッター」や「固定フッター」などの用語で探しているものが見つからない場合は、誰かに依頼するか、自分で作成する必要があるでしょう。


カスタムフッターを自分で作成したい場合は、ここから始められます。
フォーラムに新しいテーマコンポーネントを作成します。CSS/HTMLの編集で、「:iphone: Mobile」タブ → 「Body」に、次のHTMLコードを貼り付けます。

<div id="footer-test">
    test footer
</div>

:iphone: Mobile」タブ → 「CSS」に、次のSCSSコードを貼り付けます。

#footer-test {
    position: sticky;
    bottom: 0;
    z-index: 2;
    height: 80px;
    background: red;
    text-align: center;
    body[class=""] & { // prevent the footer from being displayed during the splash screen
        display: none;
    }
}

結果:
chrome_fLvmktTnqY

「いいね!」 1

手伝ってくれてありがとう。でも、ここで動作するコンポーネントを見つけました。

これで、最後の「ボタン」に、さらに多くのボタンを残すオプションを追加する方法を知るだけで済みます。

「いいね!」 1