今回も引き続き「WordPress(ワードプレス)のテーマLightning(ライトニング)の新しいモバイルナビ」についてです。まとめという事で「最適なモバイルメニュー」を考えました。ここで言う最適とは「モバイルメニューの中だけでコンテンツを網羅できるか」と私は考えます。3回連続でモバイルのナビについて触れる事になりますが今回で完結です。Nav」を使用してみた-その2スポンサーリンク最適なモバイルメニュー表示とは最適の定義は考え方次第で変わると思います。冒頭でも触れましたが今回は「モバイルメニューの中だけでコンテンツを網羅できている」という事を最適と定義します。「いや、それ最適じゃないし」という突っ込みはご容赦ください。モバイルメニューでコンテンツを網羅する方法ここが一番重要だと思います。理想は「ワンクリックで行きたいページに行ける事」ですがそんなコテコテにメニューを盛りまくったら狭い上に操作しづらいモバイルのメニューは破綻してしまいます。そこで試行錯誤した結果、ヘッダーメニューとカテゴリーの二つを表示させる事で最も「最適」に近い状態になると判断しました。実際PCサイトでもヘッダーメニューで固定ページを配置し、サイドバーでカテゴリーを表示する事は多いと思います。これをモバイルでもやります。「え?メニューじゃなくてむしろTOPページで表示したいページがあるんだけど」というあなた!!3PRエリアでTOPページに表示させる事ができます。そのため今回はモバイルメニューで3PRエリアは表示する必要がないと考えます。・SNS(FacebookかTwitter)という感じですね。PCサイトのヘッダーメニューとサイドバーのカテゴリーに、操作性を考えサイト内検索を追加。SNSへの導線も用意する。まとめるとこのような感じです。・SNS(FacebookかTwitter)次からは実際にモバイルメニュの設定手順を紹介していきます。スポンサーリンクモバイルメニュー設定SNSは今回Twitterを設定します。・カテゴリーとTwitter設定作業がほとんど同じなので同時に説明します。1:WordPress(ワードプレス)の管理画面から「外観」→「カスタマイズ」をクリック2:「ウィジェット」をクリック3:「モバイルナビ下部」をクリック4:表示をモバイルに切り替える画面下のモバイルマークをクリック。するとモバイル表示に切り替わる。5:メニューボタンをクリックしメニュー画面を表示するメニューボタンをクリック。するとメニューが表示される。6:「ウィジェットを追加」をクリック7:「カテゴリー」をクリックするとカテゴリーがメニューに表示され各種設定が出来る。・タイトル:「カテゴリー」などわかりやすいタイトルがいいだろう。・投稿数を表示:チェックを入れるここはお好みで良いと思います。変更点はリアルタイムで反映されるので操作しながら決めてもいいでしょう。画面右のモバイルメニューに設定した通りカテゴリーが表示されていますね。8:「完了」をクリック9:「ウィジェットを追加」をクリック10:「Twitterタイムライン」をクリックするとTwitterタイムラインがメニューに表示され各種設定が出来る。Twitterユーザー名さえ入力すれば設定操作はリアルタイムで反映されるのでお好みで設定しましょう。画面右のモバイルメニューに設定した通りTwitterタイムラインが表示されていますね。11:「完了」をクリック12:「公開」をクリッククリック前に画面右で表示を最終確認しましょう。公開後は実際にモバイルで画面表示がしっかりできているか最終確認をする事を忘れずに。以上で設定作業は終了です。お疲れ様でした!!おまけここまでの作業で、モバイルの画面とメニューが実際にどう表示されるか私のサイトのキャプチャを紹介します。モバイルTOP画面3PRエリア×2を使いヘッダーメニューの子階層記事もTOPページに表示。最適なモバイルメニュー構成を実現1:サイト内検索2:メインメニュー(ヘッダーメニュー)3:カテゴリー4:SNS(FacebookかTwitter)まとめいかがでしたか?今回のモバイルメニューの改修で、ライトニングのモバイル表示の自由度がかなり高くなったと思います。モバイルのTOPページに出したい項目は3PRエリアを使う。⇒詳しくはこちらそしてモバイルメニューはPCサイトのヘッダーメニューとカテゴリーを網羅する。※プラスサイト内検索とSNSを今回は実装しましたなんでもかんでもとやってしまうと情報過多でゴチャゴチャになってしまいますが、これ位だと「モバイルメニューの中だけでコンテンツを網羅しつつユーザビリティも高い状態を維持」できているのではないでしょうか。「膠原病(こうげんびょう)にかかった(かもしれない)」と分かった時、自分が何をどうするべきか分からず途方にくれました。同じような心配をお持ちの方はこの記事を見てください。その時に私がした事を全てまとめました。工面できない場合は生活保護の申請をする上記の内容を出来る限り詳細にまとめています。コメントをキャンセルメールアドレスが公開されることはありません。Console(サーチコンソール)を利用してグーグルへ手動でページのインデックスを依頼する方法」についてです。今回は「WordPress(ワードプレス)のテーマLightning(ライトニング)の機能【3PRエリア】」についてです。(全身性エリテマトーデス[SLE]・シェーグレン症候群)を発症し、日光を浴びると具合が悪くなるのでまともに外へ出られなくなる。2018年11月から生活保護を受けながら、ブログ収益で生活を賄えるブロガーになれるよう日々記事を更新中。