スマホ対応のレスポンシブメニューを追加する、WordPressプラグインはこれで決まり!ぺんです。サイトを運営する上で、スマホ対応はとても重要です。その意味では、小さな画面でも迷わないように、分かりやすいナビゲーションメニューを提供することは重要ですね。Menu」をご紹介します。Menuを見つけるまでに、いろいろなプラグインを試してみました。その際に重視したポイントは以下の通りです。Menuは、無料バージョンでも実に様々な機能を提供してくれます。Menuの設定画面です。メニューの表示位置や背景画像など細かい設定が可能です。細かい設定は、有料のProバージョンで!という話なのですが、個人的には無料バージョンで十分に満足してしまいました。表示するメニューを選択する(1)と記載のあるアイコンに、サイトに登録されているメニューが表示されます。これをクリックしないとメニューが表示されないので注意。Menuを表示した際に、ワードプレステーマで用意されているメニューを非表示にしないと、モバイル画面にメニューが2つ表示されてしまいます。その場合は、(2)と記載のある個所にCSSクラス指定をすると、そのCSSクラスの要素が非表示となります。「MAG」を選んだ3つの理由ぺんです。前回のエントリーからずいぶんと間が空いてしまいました・・・。このブログではTDCの「MAG」を使っています。今回は、数多くあるテンプレートの中から「MAG」を選んだ理由についてご紹介します。それ以前は、無料バージョンでは、ハンバーガーメニューをクリックしても、アニメーションが無かったので、少々華やかさに欠けていました。ハンバーガーメニューとは?ハンバーガーメニューとは、スマホアプリやモバイルウェブ画面でおなじみの、画面右上や左上に表示される、三本線のアイコンです。CSSでアニメーション表示されることが多いですね。この三本線が、ハンバーガーの様に見えることから、名づけられたようです。(諸説あります)無料バージョンでもメニューの背景に画像を貼れる他のツールも調べていたのですが、無料版でメニュー部分に背景画像を貼れるツールは見つかっていませんでした。Menuプラグインは、無料バージョンでも美しいメニューを簡単に追加できます。本サイト「あふぃぶ」でも、早速採用してみました。Menuのメニューが表示されますのでお試しください。MAGのGoogleカスタム検索ウイジェットをHTTPS化する方法ぺんです。Chromeを使っていると、突然このような表...WordPressWordPressテーマに、広告を表示するウィジェットエリアを追加する方法ぺんです。本サイト「あふぃぶ」で使っているワードプレステーマは...WordPressWordPressの親テーマのウイジットを子テーマで書き換える方法ぺんです。Flywheelを使って、WordPressのローカル環境を簡単に構築する方法ぺんです。Wordpressサイトのカスタマイズをするは、細心...WordPressOGPタグ設定-2017年最新版:FacebookとTwitterに記事を自動投稿する方法ぺんです。「MAG」を選んだ3つの理由ぺんです。)この記事へのコメントはありません。この記事へのトラックバックはありません。URL返信をキャンセルする。最近の記事2018.01.202019年最新版-ツイッターアカウントの登録方法ぺんです。皆さんはツイッターを利用してますか?最近ではインスタグラム...2018.01.12019年最新版-マイクロソフトアカウントの登録方...ぺんです。ネット上では、次々と便利なサービスが登場しますね。...2017.12.31(初心者向け)WordPressサイトのバックアッ...ぺんです。Flywheelを使って、Wor...ぺんです。Wordpressサイトのカスタマイズをするは、細心の注意を払...2017.12.10WordPressテーマに、広告を表示するウィジェ...ぺんです。運営情報ようこそ、あふぃぶへお問い合わせ。