質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

メニュー

メニューは、UIにおける仕組みであり、ユーザに機能の表示と実行する手段を与えます。

リストボックス

ユーザーがリストから1つ以上のアイテムを選択できるようにするGUI要素です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

2134閲覧

wordpressにてクリックorタップでデフォルトプルダウン?のメニューを設置したい

ootaki55

総合スコア14

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

メニュー

メニューは、UIにおける仕組みであり、ユーザに機能の表示と実行する手段を与えます。

リストボックス

ユーザーがリストから1つ以上のアイテムを選択できるようにするGUI要素です。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2015/09/04 14:10

はじめまして

かなり調べたんですけど、正解にたどり着けないため
こちらで質問させて下さいm(__)m

SPにwordpressのカテゴリーメニューを設置しようとしていて
ライブドアブログ等でも使用されている
PCでクリックしたら右クリックした時のようなメニューがプルダウンでパッと展開
SPだと画面下部にてくるくるとまわるメニューが展開

例 地獄のミサワ公式 http://jigokuno.com/
https://gyazo.com/54c9f48a794a08b72109b98c7767e5e6
(月別アーカイブ)をクリックで表示されます

のようなメニュー? リスト? セレクター? なんていうのかわかりませんが
を設置したいのです。

いくら調べてもおしゃれなプルダウン・ドロワーメニューしかでてこなくて・・・
デフォルトっぽいこのメニューが一番最適なんです!

設置方法・名称だけでもしっていたら教えていただけませんか?
よろしくお願いします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

これはformのselectを設置しているだけですね。
参考サイトでは、以下のようなソースになっています。

html

1 <form class="plugin-monthly_archives box box-margin box-border"> 2 <select name="monthly-archive" id="monthly-archive" class="select-box"> 3 <option value="" selected="">月別アーカイブ</option> 4 <option value="http://jigokuno.com/month_201509.html">2015年09月</option> 5 〜省略〜 6 </select> 7 </form>

投稿2015/09/04 17:29

himecas

総合スコア41

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ootaki55

2015/09/04 17:55

特にjqueryとか使わずできるのですね・・・! なんていうか、すごく滑稽な質問をしたなと認識しました。 もう一度基礎からhtml勉強します! ありがとうございました!
guest

0

いまソースまで見れないので違うかもしれませんが、普通のselectタグにCSSで装飾しているだけじゃないですかね。
iPhoneや最近のAndroidの場合、普通のselectタグでああいうインターフェースが表示されます。
ちなみにクルクル回しながら選択するUIをピッカーと言うようです。

投稿2015/09/04 15:48

notable

総合スコア415

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ootaki55

2015/09/04 17:53

要素検証したらそんな感じしました! 色々調べて再挑戦してみます! ありがとうございます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問