「マイページ」にログアウトボタンを設置することはできません。
ショップページ内の、ヘッダーや左メニューなどに「ログアウト」ボタンを設置して対応してください。
◆クリエイターモード
ショップデザイン / テンプレート選択・編集 / クリエイターモード / モジュール管理
ヘッダーやサイドメニューなどのモジュールのソース中の、表示させたい位置に、
ログイン・ログアウトのリンクを表示させるソース（HTML）を記述し保存してください。
＜記述例＞
<ul class="members-menu">
<{if $member.is_logged_in}>
<!-- ログインをしている場合にのみ表示 -->
<li><a href="<{$url.mypage}>">マイページ</a></li>
<li><a href="<{$url.member_edit}>">会員情報変更</a></li>
<li><a href="<{$url.point}>">ポイント照会</a></li>
<li><a href="<{$url.favorite}>">お気に入り</a></li>
<li><a href="<{$url.logout}>">ログアウト</a></li>
<{else}>
<!-- ログインをしていない場合のみ表示 -->
<li><a href="<{$url.login}>">ログイン</a></li>
<li><a href="<{$url.member_entry}>">新規会員登録</a></li>
<li><a href="<{$url.order_history}>">購入履歴</a></li>
<{/if}>
</ul>
◆ベーシックモード
【PC】
ショップデザイン / テンプレート選択・編集 / PC / トップページ編集
【左側メニュー管理】または【上段メニュー管理】に
ログイン・ログアウトのリンクを表示させるソース（HTML）を記述し保存してください。
記述するソース（HTML）は、以下のサポートサイトぺージを参照してください。
■makeshopサポート
ログイン／ログアウト時の表示を切り替えて設定したい【ベーシックモード】
■PCショップデザインタグ一覧
https://reference.makeshop.jp/taglist/pc/d/header.html
【スマホ】
ショップデザイン / テンプレート選択・編集 / スマホ / スマホデザインの設定
「適用中のデザイン（ピンクの背景で赤い旗のアイコンが表示されているデザインセット）」
の適用中のスマホテンプレートの「編集」をクリック
【ヘッダーデザイン編集】など、「ログアウト」ボタンを表示させたい画面の編集画面にすすみ、「HTML編集」欄に、ログイン・ログアウトのリンクを表示させるソース（HTML）を記述し保存してください。
＜記述例1＞
<!-- ログインをしている場合は「ログアウト」、ログインをしていない場合は「ログイン」を表示 -->
<p class="login-out"><a href="<{$login_url}>"><{$login_txt}></a></p>
＜記述例2＞
<ul class="members-menu">
<{if $member.is_logged_in}>
<!-- ログインをしている場合にのみ表示 -->
<li><a href="<{$member_edit_url}>">会員情報変更</a></li>
<li><a href="<{$member_point_url}>">ポイント照会</a></li>
<li><a href="<{$member_favorite_url}>">お気に入り</a></li>
<li><a href="<{$login_url}>">ログアウト</a></li>
<{else}>
<!-- ログインをしていない場合のみ表示 -->
<li><a href="<{$login_url}>">ログイン</a></li>
<li><a href="<{$member_regist_url}>">新規会員登録</a></li>
<li><a href="<{$member_orderhistory_url}>">購入履歴</a></li>
<{/if}>
</ul>
■スマホショップデザインタグ一覧
https://reference.makeshop.jp/taglist/smp/d/module.html