ども＾＾
ねこあしです。
今回のお題は
「アメブロでスマホでメニュー作ろう
プロフィールへリンクさせよう！」
です。
よく、アメブロカスタマイズなどで
せっかくパソコン上で
アメブロのブログページを
キレイに整えても
スマホやアメーバアプリで
自分のブログを見た時に
ブログの顔ともいえる
ヘッダー画像も
パソコンと同じ画像ではなく…
一生懸命書いてキレイにした
「メッセージボード」は
「どこにいったの？」
(・・?
お問い合わせやプロフィールに
カンタンにリンクできる
「メニュー(グローバルメニュー)がない！」
というお声をよく聞きます。
特に、
「メニュー(グローバルメニュー)がない！」
という部分に
モヤモヤを抱える人は多いですよね。
(;^ω^)
…そんなモヤモヤを抱えた
あなたのために
アメブロでスマホ表示でも
メニューを表示させる方法
をお伝えします。
この方法には2つあるのですが、
ひとつはアメーバオウンドと連携させる方法、
もう一つは画像バナーを置く方法です。
画像バナーを置く方法は
正確にはメニューを表示させる
というわけではないですが
見た目に
「メニューっぽく見える」ので
ねこあし的にはオススメの方法です。
ちなみにアメーバアプリアプリから見た時も
「メニューっぽく見える」
バナー画像の方がオススメです。
…ちなみに「メニューっぽく見える」
バナー画像を設置するとこんな感じになります。
※スマホ版
※アメーバアプリ版
…といった感じになります。
さて、それでは早速
「メニューっぽく見える」
バナー画像の設置方法をお伝えしますね＾＾
作業手順
１．「ブログを書く」から記事を書くページを開く
まず、通常の記事を書くページを開きます。
２．記事内に画像を貼り付ける
記事を書く時と同じように
記事内に画像を貼り付けます。
貼り付けたい画像を記事を書く欄の右横の
「写真」マークを選び、
赤丸内の「アップロード」をクリックして
貼り付けたい画像をアップロードする。
画像がアップロード出来たら
貼り付けたい画像(オレンジ四角)を選択して
画像を記事の中に貼り付ける。
３．画像にURLアドレスを貼り付ける
単純に画像だけを貼りたい場合は、
この３番の手順は飛ばしても大丈夫です。
貼りたい画像から指定したページに
リンクで飛ばしたいときは、
この3番の手順が必要になります。
記事欄に表示された画像をクリックすると
「画像サイズ」という枠が表示されますが、
無視して赤丸内の「リンク」をクリックします。
「リンク」をクリックすると画像が表示され、
画像下に「URL」と書かれたボックス(赤矢印)があらわれます。
この最初に入っているURLはすべて消して、
新たにリンクしたいページのURLアドレスを記入します。
記入ができたら「リンクを挿入する」ボタン
(オレンジの矢印)をクリックします。
４．原本として保存する
最後に「下書き保存」または「投稿する」をクリックし、
これを「原本」として作っておきます。
５．原本を複製して記事を書く
記事を書くときに、通常の「ブログを書く」からではなく、
「記事の編集・削除」(オレンジ)をクリックし、
「記事の編集・削除ページ」を開いて、
先ほど作成した「原本」の横の
赤丸の「複製」ボタンを押してください。
そして複製したページに先ほど作った
「メニューっぽく見える」画像が確認出来たら
その画像の下に通常通り記事を書いてください。
以上で完成になります。
スマホからはどう作業するの？
スマホから上の１～５の作業をする場合は
アメーバアプリからではなく
グーグルクロムやサファリなど
通常ネットにつなぐときのアプリから
アメブロにログインしてください。
１．アメブロにログインする
アメブロにログイン出来たら
赤丸の「ブログ管理」をクリックします。
２．パソコン表示にする
「ブログ管理画面」の一番下までスクロールして
「表示切替」の右横の「パソコン版」をクリックします。
すると表示がパソコン表示に変わりますので、
作業手順の１～５の順番で作業してください。
スマホで記事を作るときの注意！
記事の「複製」ボタンは
パソコン版でしか表示されないので
記事を複製して書くときも、
パソコン版に一度切り替えて
記事を複製してくださいね＾＾
以上がスマホでの作業手順になります
(*^-^*)
いかがでしたでしょうか？
ぜひ、この方法で
「メニュー(グローバルメニュー)がない！」
というモヤモヤを解消してくださいね＾＾。
もし、
「この説明だけじゃわかりにくい！」
などがありましたら、
お問い合わせよりご質問くださいね＾＾
それでは、本日も
あなたにとって良い一日になることを
祈りいたしております＾＾
