こんにちは

ふとスマホ閲覧したとき、自サイトの利便性が皆無だったことに気づき、急いでメニューを修正したもってぃーです。

 

今回はWordpress賢威8環境で、スマホでも記事を探しやすくするため、メニューにドロップ(プル)ダウン追加方法についてお伝えしていきます。

 

[Wordpress]メニューにドロップ(プル)ダウン追加でスマホ利便性向上

 

[メニュー]ドロップダウン/プルダウンとは

まずPCのメニュー画面

 

画面中央のコンテンツ一覧「ｖ」カーソルを合わせると、下に表示されるリストがドロップ(プル)ダウンです。

※ドロップ(落ちる)/プル(引っ張る)/ダウン(下に)

 

 

スマホはpcと違いメニューがなく、代わりに「三」をタップすると表示されます。

 

「三」をタップすると下縦にメニューが降りて、「ｖ」押しでドロップ(プル)ダウン出現です。

 

 

(スマホの場合、画面横にあったサイドバー(カテゴリーやおすすめなど)が下へ行ってしまい、見る側に余計な手間を強いることに・・・(汗))

[Wordpress]メニューにドロップ(プル)ダウン追加

ドロップ(プル)ダウンについてお話したので、次はメニューから追加していきましょう。

まず、ダッシュボードから「外観」>「メニュー」を開いてください。

 

 

 

 

今回は例としてヘッダーメニューの「トップページ」「コンテンツ一覧」を使いやっていきます。

※何でもいいので、2つメニュー構造の中に入れてください。

※フッターでも問題なし

 

次に「コンテンツ一覧」をドラッグ/タップしたまま、右に動かします。

 

 

(上画像だと大げさに移動させていますが、実際には少しずらすだけで大丈夫)

 

画像のように「トップページ」の右下に「コンテンツ一覧」が移動していることを確認後、忘れず保存です。

 

 

保存できたら追加されていることを調べるため、サイトを開きヘッダーを見てください。

 

1.「三」リストをタップ

 

2.「トップページ」押し

 

3.「コンテンツ一覧」表示を確認

後は自由(自分が見づらいと思わない程度)に追加しましょう。

 

最後にドロップ(プル)ダウン(「コンテンツ一覧」)の下に、もう一つ入れる方法も興味があればご覧ください。

 

ドロップ(プル)ダウンの下にドロップ(プル)ダウン追加方法

例として引き続き「トップページ」「コンテンツ一覧」に加えて「個人情報保護方針」を使用しますね。

 

「コンテンツ一覧」の下にある「個人情報保護方針」を先程と同じく右に引っ張ります。

 

動かしても上画像のようにならない時は、左に戻してから再挑戦かページを開き直してみてください。

(たまにバグってドロップダウンにならないときが(汗))

 

無事移動できたら保存後、再びサイトを開き

1.「コンテンツ一覧」右の「V」タップ

 

2.「個人情報保護方針」の存在確認

 

ドロップ(プル)ダウンの下にドロップ(プル)ダウン追加完了です。

 

こちらも好きなだけ入れ込めますが、やりすぎるとメニュー構造が複雑になるのでご注意ください。

 

(これは私のメニュー構造一部ですが、カテゴリーの中にいくつか入れ込むだけでも編集画面が大変なことに・・・(汗))

 

今回はこれで終わります。