サイドバーのデザインは、外観>ウィジェットからブロックエディタで行います。Emanonテーマ専用のウィジェットも利用可能です。
設定手順
外観>ウィジェットに移動し、サイドバーのウィジェットエリアを確認してください。
![](https://wp-emanon.jp/emanon-business/demo01/wp-content/uploads/2023/04/widgets-sidebar-01-1024x439.png)
01
サイドバー
下記の表示例では、サイドバーに従来のウィジェット[E]アイコンリスト、従来のウィジェット[E]プロフィール、検索ブロックを配置しています。
![](https://wp-emanon.jp/emanon-business/demo01/wp-content/uploads/2023/04/ex-widgets-sidebar-332x1024.png)
[E]アイコンリスト
外観>カスタマイズ>メニューに進み、[E]アイコンリスト用のメニューをカスタムリンクで作成します。下記はカスタムメニューの入力例です。
![](https://wp-emanon.jp/emanon-business/demo01/wp-content/uploads/2023/04/icon-list-1.png)
リンク文字にはアイコンコードとメニューの文字を入力します。
<i class="xxx"></i>メニュー文字
Emanon設定のアイコン一覧からicon-から始まるコードをコピーしXXの箇所に反映させます。
![](https://wp-emanon.jp/emanon-business/demo01/wp-content/uploads/2023/04/emanon-icon-1024x604.png)
カスタムリンクを使ったメニューの作成が完了しましたら、外観>ウィジェット>サイドバーに移動し、従来のウィジェット[E]アイコンリストを配置します。
![](https://wp-emanon.jp/emanon-business/demo01/wp-content/uploads/2023/04/e-icon-list-1024x508.png)
[E]プロフィール
管理画面メニューのユーザーからプロフィールに使う画像と背景画像、SNSのリンクなどを設定します。
![](https://wp-emanon.jp/emanon-business/demo01/wp-content/uploads/2023/04/user-img-1024x800.png)
次に外観>ウィジェット>サイドバーに移動し、従来のウィジェット[E]プロフィールを配置します。
![](https://wp-emanon.jp/emanon-business/demo01/wp-content/uploads/2023/04/e-profile-1024x294.png)
02
サイドバー[固定]
外観>ウィジェット>サイドバー[固定]に移動し、従来のウィジェット[E]人気記事を配置します。
![](https://wp-emanon.jp/emanon-business/demo01/wp-content/uploads/2023/04/e-popular-articles-1024x527.png)
[E]人気記事は、ワードプレス管理画面にログインしていないWebブラウザから投稿記事を閲覧すると集計が始まります。
次に目次を表示する従来のウィジェット[E]目次ウィジェットを配置します。
![](https://wp-emanon.jp/emanon-business/demo01/wp-content/uploads/2023/04/widget-toc-1024x288.png)