この記事では、SITE123ウェブサイトのフッターにソーシャルネットワークアイコンを表示し、Facebook、Instagram、LinkedInへのリンクを追加する方法について説明します。有効にすると、訪問者はフッターにアイコンを表示し、クリックすることでソーシャルメディアプロフィールにアクセスできます。
再現手順:
- SITE123エディターにサインイン
• マネージャーログインページに移動し、SITE123アカウントの資格情報でログインします。 - ウェブサイトエディタを開く
• ログイン後、選択したプロジェクトの Web サイト ウィザードに自動的にリダイレクトされます。 - デザイン➜フッターへ移動
• 左側のパネルで[デザイン]をクリックし、 [フッター]をクリックします。 - ソーシャルネットワークセクションを表示する
• フッター設定で、 「ソーシャル ネットワークを表示」というチェックボックスを見つけてチェックを入れ、機能をオンにします。 - ソーシャルネットワークの横にある編集をクリックします
• 埋め込みフレームでソーシャル ネットワーク管理ウィンドウが開きます。 - Facebookを追加
• [ソーシャルを追加]をクリックします。
• アイコンリストからFacebookを選択します。
• リンク フィールドにhttps://www.facebook.com/
貼り付けます。
• [更新]をクリックして確認します。 - Instagramを追加
• もう一度「ソーシャルを追加」をクリックします。
• アイコンリストからInstagramを選択します。
• リンク フィールドにhttps://www.instagram.com/
貼り付けます。
• [更新]をクリックします。 - LinkedInを追加
• もう一度「ソーシャルを追加」をクリックします。
• アイコンリストからLinkedInを選択します。
• リンク フィールドにhttps://www.linkedin.com/
貼り付けます。
• [更新]をクリックします。 - 変更を保存する
• ソーシャル ネットワーク ウィンドウで[保存] をクリックします。
• フッターに、指定したリンクを含む 3 つのソーシャル アイコンが表示されるようになりました。
フッターのソーシャルネットワークセクションを有効にし、Facebook、Instagram、LinkedIn へのリンクを設定しました。新しいアイコンが訪問者に表示されるように、サイトを公開してください。フッターの設定はいつでも同じ状態に戻り、ネットワークを追加したり、リンクを編集したり、アイコンを削除したりできます。