- ベストアンサー
WordPress＞ドロップダウンメニューの位置を
WordPressの固定ページ上部にドロップダウンメニューを作りたいのですが。 画像の通り、カーソルをタブ1に合わせた時に タブ1から凄く離れた場所（ページ右端）に ドロップダウンメニューが表示されてしまっています。 これをタブ1の直下に持ってくる方法が知りたいです。 このタブ1とドロップダウンメニューを設定した管理画面の状態は 画像の通りです。 どこをどう直せばタブ1の真下にドロップダウンメニューを持ってくることができるのか、教えていただきたいです。 どうぞよろしくお願いいたします。
- sky81183
- お礼率60% (6/10)
- ホームページ作成ソフト
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
WordPress初心者です。 私もドロップダウンメニューの位置やレイアウトにかなり苦労しております。 少ない経験ですが共有しますと、 ワードプレスの「テーマ」によっても変わってきますし、 iPhone、iPad、アンドロイドスマホなどなどの機種 それぞれのOSや それぞれのブラウザや 利用されているプラグインが邪魔をする場合があります。 ですので、コントロールの設定でレイアウトを見たとしてもそれがそのまま反映されるとも限りませんし、コントロールの設定は「テーマ」ごとに変わってくるので、一概にこうする、こうしないはないのではないかと思われます。 ファイルにCSSでレイアウトを規定しているものを探し当てて（元のファイルをしっかりと保存した上で）それを書き換えてレイアウトの調子を見るというのもやってみたりしましたが、機種やブラウザーなどでうまく表示されるところとされないところがあり苦戦しました。 そこで考え方を変えて、ある程度イメージしたレイアウトに近いことを実行してくれる「テーマ」をいくつか探してレイアウトを試してイメージに一番近いもので妥協しました。 メジャーな「テーマ」ですと、コミュニティーができていて、そこで情報交換をしているので、メニュー構成やレイアウトなどで書き込みがされているかもしれません。そちらも確認してみてくださいね。 限界はありますが無料の「テーマ」でも色々とできるものがあります。 “ WordPressのおすすめ無料テーマ5選！有料テーマとの違いも解説“ https://www.conoha.jp/lets-wp/wp-freetheme/ 有料のものはレイアウトの幅が広がりますが、継続的なコストはかけたくないですよね。 “ サイト全体のデザイン ホームページの評価において、デザインはとても重要な指標になっています。そして、テーマのデザインは、無料・有料で異なります。 1つ目の違いは、デザインの完成度でしょう。もちろん無料テーマでもデザイン性に優れているものは存在しますが、やはり有料テーマは完成度が高く、洗練されたデザインのものが比較的多くなっています。“ https://www.profuture.co.jp/mk/column/27231 こちらも参考に！ 「Wordpress」「レイアウト」に関する質問と回答 https://okwave.jp/search?word=Wordpress%20%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88 良い方向に進みますように！ 参考になれば幸いです。
関連するQ&A
- ？？？ドロップダウンメニューが出ない！！！
ドロップダウンメニュー http://allabout.co.jp/gm/gc/416557/ 最近、カテゴリーのタブからドロップダウンメニューが出ないので、このサイトを見る気が失せました。 皆さんはどうですか？ ※ マイページ のタブはドロップダウンメニューがでます。
- 締切済み
- その他([技術者向] コンピューター)
- ドロップダウンメニュー
http://www.microsoft.com/japan/ ↑のページの右上の方にある、マウスカーソルを持っていくとドロップダウンメニューが表示される方法を知りたいのですが、どなたか教えてもらえませんか？ JavaScriptで実現できるのかどうかも分かっていないので、もしかするとこのカテゴリへの投稿も間違っているかもしれませんが・・・。 宜しくお願いします。
- ベストアンサー
- JavaScript
- WORDPRESSでドロップダウンを使わない
現在WORDPRESSでBizvector(ビズベクトル)を利用しサイトを作成いしています。 クライアントからメインメニューのドロップダウンを使いたくないとの要望が出ています。 どの部分を調整すればいいか分かりませんので、ご存じの方いらっしゃれば教えていただけたらと思います。 よろしくお願い致します。
- 締切済み
- HTML
- CSSのドロップダウンメニューが見出しで切れる
CSSでドロップダウンメニューを作りました。 ページの上部に横並びの状態です。 メニューを押すと下に4項目程度のリストが下がってきます。 今まで本文の見出しには<h1>タグを使用せず画像でのみで作っており、リストには影響がありませんでした。 <h1>を使用しCSSで装飾したところ、ドロップダウンメニューの<h1>にかぶる部分が切れてしまいます。 解決策はありますでしょうか。 宜しくお願い致します。
- ベストアンサー
- CSS
- ドロップダウンメニューのドロップ元画像の選択状態
こんばんは。 いま、下記サイトでのソースをつかわせていただき、ドロップダウン メニューを作成しています。 http://jsajax.com/DropDownMenuArticle286.aspx ジャバスクリプトのわからない自分でも作るところまでは できました。 今回、教えていただきたいのはドロップするメニューの元になる 画像または、文字の選択状態についての質問です。 横に並べたグローバルナビゲーション等にカーソルがのると ドロップしメニューがでてくるのですが、そのドロップしたメニューに カーソルを合わせるとドロップ元の画像の選択状態が解除されてしまい ます。 ドロップしたメニューにカーソルがのっている間もドロップ元の 画像やテキストをオーバーした状態でたもちたいのですが どうすればいいかわかりません。 ＣＳＳであたり判定の制御等は難しいとおもうので、ジャバスクリプト 側での制御になるのではないかとおもうのですが。。。 制御方法または、参考になるようなページ等知っておられる方 おられましたら、お教えいただけませんでしょうか。 よろしくおねがいします。
- ベストアンサー
- JavaScript
- ドロップダウンメニューについて
javascriptのドロップダウンメニューの作成について質問させてください。 現在、あるサイトでグローバルナビゲーションにドロップダウンメニューを実装しようとしているのですが、壁にあたってしまいました。 ↓参考サイト http://jsajax.com/EditRunDemo.aspx こういったドロップダウンメニューなのですが、これを例にあげさせてもらうと、例えばこのメニューのDownloadというページをクリックしてDownloadページに自分がいる時はDownloadのドロップダウンメニューを"出さない"ということがやりたいのです。 自分なりに色々とやってはみたものの、javascriptの経験が浅いので正直なところよくわからないのが現状です。 どなたかこのような事例のサンプルを紹介しているサイトをお知りの方、もしくは解決法をご教授いただければ幸いです。 そこまで至らなくてもどのような手法を取ればできそうかということだけでも良いのでご意見をください。 よろしくお願いします。
- ベストアンサー
- JavaScript
- タブレットのドロップダウンメニューについて
会社のWebの管理をしていますが、５年前に作ったサイトはJavaScriptを使ってドロップダウンにしました。 しかしタブレットではドロップダウンメニューが開かずページの遷移ができません。 メニューを修正してタブレットやスマホでもリンク先のページに遷移させるのにはどうしたら良いか教えて下さい。 商品のところはドロップダウンで20個程表示されます。 Webについてはほぼ素人でHTMLとCSSは独学で勉強し、JavaScriptは本やサイトのサンプルデータを使わせていただいていて、内容についてはあまり理解していません。 タブレットやスマホではそもそもドロップダウンメニューが使えないようなのですが。 サイトで検索しましたが、今一参考にできそうなサイトにたどりつけませんでした。 アドバイスよろしくお願いします。
- 締切済み
- JavaScript
- ドロップダウンメニュー。
個人でＨＰを運営しているのですが、 この度、フレーム機能とドロップダウンメニューを使用してページを製作しました。 ところが、メニューから項目を選んでクリックしてちゃんと表示されるのですが、クリックしても何も表示されない部分（メニューの中の最初の表示部分や、ｈｔｍなど設定されていない部分）も何故か、何にもない真っ白なページが表示されてしまいます。 ドロップダウンメニューのソースはサンプルから頂いてきて、自分なりに何とか形になったのですが、上記のトラブルを解消するほどの知識がありません。 何卒、ご教授お願いいたします。 http://www003.upp.so-net.ne.jp/tochio-cinema/cinema_review.htm の右上にあるドロップダウンメニューです。 メニューの中の ＬＡＳＴ ＵＰＤＡＴＥと、その下の6/26をクリックすると、下のフレームが真っ白になってしまいます。
- ベストアンサー
- HTML
- ドロップダウンメニューのプログラムを教えて・・・
今非常に困っています・・・。 プログラムのどの本を見てもドロップダウンメニューのプログラムが無いし、インターネットで検索してソースコードを貼ってみても、全然動きのあるドロップダウンメニューにならずに、単なる縦列横列のリンクになってしまい、ドロップダウンメニューを作れません。 今現在JavaScriptでドロップダウンメニューの着いた自分用のＨＰを作りたいと強く思っているのですが、下のようなプログラムの中にドロップダウンメニューを入れるためには、どのように入力したら良いのかご教授願えないでしょうか？。 非常に身勝手な質問とは承知しているのですが、画像のイメージは添付ファイルの通りで、縦と横にそれぞれメニューが出てくるようにしたいです・・・。 ご回答をお待ちしております。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <title></title> <script language="JavaScript"> </script> <body> <form name=""> </form> </body>
- ベストアンサー
- その他(ソフトウェア)
- cssでのドロップダウンメニューについて
いつもお世話になっております。 すみません。。。 下記URLのテンプレートを使用して、かつ、ヘッダーのタブメニューに、プルダウンメニュー （タブにマウスオーバーすると、ドロップダウンでメニューが表示）を導入をこころみて いますが、どうしても、IE系（6,7,8）とFireFox系（３）で、表示が大幅にづれてしまいます。 なんとか、ドロップダウンのメニューのサンプルをご教示いただけませんでしょうか。 http://matthewjamestaylor.com/blog/ultimate-1-column-full-page-pixels.htm
- ベストアンサー
- HTML
お礼
お礼が遅くなり大変失礼いたしました。 詳しくアドバイスくださってありがとうございます！m(__)m 嬉しかったです！！ テーマは会社で規定の物（有料）があり、選択の余地はないのですが、 あれから自分なりに試行錯誤を繰り返し、何とか課題を一つ一つクリアして 仮納品ができました。良い方向に、進んでいます（笑）