• TOP
  • WordPress
    • まとめ
    • JavaScript
    • 記事
    • 画像/動画
    • 管理
    • アクセス/SEO対策
    • カテゴリ
    • サイドバー/ヘッダー
    • アイキャッチ
    • パスワード
    • コメント
  • プラグイン
  • CSS
  • ユーザー限定
Plus WordPress ワードプレスの基本・応用テクニックを紹介
ホーム › WordPress › まとめ › 高機能でオシャレな実用的メニュー(HTMLテンプレート)

高機能でオシャレな実用的メニュー(HTMLテンプレート)

WordPressのメニューとして使いたいオシャレなものから、スマホ用のサイトに最適なレスポンシブメニュー、高機能なスライドメニュー、そしてHTMLテンプレートとしてそのまま使えそうなものまとめ。

メニュー1

スマホ用のサイトに最適なスライドタイプの高機能なメニュー

デモサイト

Plus WordPress Demo menu1

メニュー2

Google Nexus のWebsite Menu

デモサイト

Plus WordPress Demo menu2

メニュー3

両サイドのスライドタイプのメニュー

デモサイト

Plus WordPress Demo menu3

メニュー4

サイドバーメニューの動作表現のまとめです。

デモサイト

Plus WordPress Demo menu4

メニュー5(HTMLテンプレート)

1ページParallaxテンプレートとしても使えます。

デモサイト

Plus WordPress Demo menu5

メニュー6(HTMLテンプレート)

通常時は左サイド固定のメニューから上部のレスポンシブメニューへ変化。HTMLテンプレートとしてそのまま使うのもありです。

デモサイト

Plus WordPress Demo menu6

メニュー7(HTMLテンプレート)

レスポンシブ対応でHTMLテンプレートとしてもグッドな画像付きメニュー

デモサイト

Plus WordPress Demo menu7

メニュー8

スライドタイプのメニュー。3種類のDemoあり。

デモサイト

Plus WordPress Demo menu8

メニュー9

上下左右から、とにかくおしゃれなメニュー。6種類のDemoあり。

デモサイト

Plus WordPress Demo menu9

メニュー10(HTMLテンプレート)

レストランのメニューを開くかのような立体的な表現をするオシャレなメニュー。

デモサイト

Plus WordPress Demo menu10

メニュー11

固定のトグルボタンで開閉、シンプルなサブメニュー。

デモサイト

Plus WordPress Demo menu11

タグ: html, テンプレート, メニュー, レスポンシブ
カテゴリー: まとめ

コメントを残す コメントをキャンセル

関連記事
フリーの高機能HTMLテンプレート
投稿ページ、固定ページのテンプレートを作る
CSS3 アコーディオンメニュー
htmlへphpのincludeを挿入
カテゴリ別に違うカテゴリ(テンプレート)を表示
JavaScriptで画面外からメニューをスライド表示
人気記事
高機能でオシャレな実用的メニュー(HTMLテンプレート)
Webページ全体をフェードイン、フェードアウト
投稿、固定ページ内にウィジェットを挿入
記事の続きを読むを消す
コメントに画像を挿入できるようにする
最新記事を自動でスライドショー
指定したカテゴリIDのカテゴリ名のみ取得
フリーの高機能HTMLテンプレート
記事ごとに個別のCSSやJavaScriptを追加
特定のカテゴリに個別のCSSを適応させる
カテゴリ別に違うカテゴリ(テンプレート)を表示
Contact Form7の送信完了画面をカスタマイズ
phpMyAdminのユーザー名とパスワードの確認方法
画像や動画をポップアップし再生
タイトルや本文からタグを自動生成
非表示、置換テクニック
カテゴリー別に違うサイドバーを出す
CSSやJavaScriptのハンドル名(id)を確認
CSS3のみで画面外からメニューをスライド表示
管理画面の投稿一覧で投稿IDを表示する
アイキャッチ(サムネイル)を呼び出す
スライドショー Meteor Slides
ページごとに違うヘッダーを読み込む
カテゴリに別々のアイコンを表示
背景をスライドショーにする
CSS3 角を丸くする
レスポンシブなLightbox jQuery プラグイン Strip
コメントのメールアドレス入力覧を消す
記事をランダムに表示させる
スライドショー Skitter Slideshow
パスワードを間違えると一定時間ログインできないようにする
購読者にパスワードを変更させない
管理画面の投稿一覧へアイキャッチを表示
個別にJavaScriptを振り分ける
Contact Form7に画像認証機能を追加
ショートコードを追加するプラグイン
リンクの表示順を並べ替える
JavaScriptで画面外からメニューをスライド表示
サイト全体のサムネイルサイズを変更
指定した日付や時間を基準に振り分け
    メルマガ購読
  • メールマガジンではWordPressのおもしろい使い方を紹介しています。またユーザー限定ページとも連動しているので、そちらも自由に観覧できるようになります。
  • 登録フォーム
PlusWordPress
  • お問い合わせ
  • このサイトについて
Link
  • 人気ブログランキング
  • 使えるWordPressテーマ
背景変更
  • デフォルト
  • ホワイト
  • ブラック
  • グレー
  • Facebook
  • RSS Feed
  • Google Plus
© 2023 Plus WordPress