検索フォームウィジェットのデザインと同じにしたい。

PR 2017/7/1

このトピックには10件の返信、2人の参加者があり、最後にコゴみにより9年、 2ヶ月前に更新されました。

10件の返信スレッドを表示中

投稿者

投稿
- 2017年6月24日 10:08 PM #53464
  
  コゴみ
  ゲスト
  
  ウィジェットのアーカイブとプルダウンをSimplictyさん標準の検索フォームウィジェットの
  デザインと同じにしたいのですがどのようにcssに追加すればよいでしょうか？
  デフォルトだと幅も小さく、文字のかんじもことなるため、並べて表示すると統一感なく困っています。
  当方まったくの素人でどこをどう変更すれば同じようなザインにできるのかと悩み
  質問させていただく次第です。
  よろしくお願いいたします。
- 2017年6月25日 7:49 PM #53469
  
  わいひら
  キーマスター
  
  現在どういった状態になっているのかがわからないので、URLを掲載していただいて、状態を見せていただいて、よろしいでしょうか。
  あと、ウィジェットのアーカイブはわかるのですが、プルダウンとはどんなウィジェットのことでしょう？
- 2017年6月26日 9:51 PM #53488
  
  コゴみ
  ゲスト
  
  お世話になります。
  こちらのブログ（http://blazechariot.wp.xdomain.jp/）の右サイドバーにあります
  「検索フォーム」と同じデザインで、
  こちらのブログ（https://ko-hey3809.com/）のフッターにあります、アーカイブとカテゴリーの
  プルダウン選択のイメージになります。
  宜しくお願いいたします。
- 2017年6月27日 5:27 PM #53504
  
  わいひら
  キーマスター
  
  プルダウンメニューを、以下の検索フォームと同じ（ボーダーや余白などを同じ）にするということですか？
  
  あと、サイトの設定状態を見たいので、カスタマイズ対象ページのURLを提示してください。
  
  ※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。
- 2017年6月27日 9:12 PM #53520
  
  コゴみ
  ゲスト
  
  わいひらさん
  こんばんは。ありがとうございます。
  
  ＞＞プルダウンメニューを、以下の検索フォームと同じ（ボーダーや余白などを同じ）
  ＞＞にするということですか？
  
  はい。まさにその通りです。
  残念ながらまだサイトには制作中のローカル環境でプルダウンがないためURLを記載できません。
  お手数おかけしますが宜しくお願いいたします。
  該当箇所のキャプチャーであればどこかにアップは可能です。
- 2017年6月29日 11:41 PM #53564
  
  コゴみ
  ゲスト
  
  http://streamline-jp.net/nextlife/
  こちらの右サイドバーにある検索とアーカイブ、カテゴリーになります。
  
  宜しくお願いいたします。
- 2017年6月30日 4:53 PM #53574
  
  わいひら
  キーマスター
  
  ただやっぱり、「プルダウン」を「検索フォーム」と同じにするというのが、いまいちイメージが湧かないです。
  元々使用目的が違うものなので。
  例に挙がったサイト（http://streamline-jp.net/nextlife/）と現バージョンの表示も違いますし。
  現バージョンは、以下のページのフッター中間にあるプルダウンです。
  https://nelog.jp/
  
  これだと、どのように修正となるのでしょうか。
  できればキャプチャを撮影して、図解で説明していただけると助かります。
  アップローダーは以下に案内があります。
  wp-simplicity.com/suport/topic/first-time/
- 2017年6月30日 6:26 PM #53578
  
  コゴみ
  ゲスト
  
  わいひらさん、
  
  まさにnelogのカテゴリーのようなスタイルです。
  普通にカテゴリーやアーカイブをウィジェットで選んで
  設置すると以下のような形式で検索フォームよりも短く
  表示されてしまいます。
  http://netakiri.net/uploader/src/up0269.jpg
- 2017年6月30日 9:30 PM #53580
  
  コゴみ
  ゲスト
  
  わいひらさん
  
  補足いたします。
  simplicityでは「ドロップダウン」を選択しています。「プルダウン」＝「ドロップダウン」の
  ことでした。混乱させてしまい申し訳ありません。
  
  今、試しにカテゴリー名を長くした場合、ドロップダウンの幅が長くなることを確認できました。
  ただ短いカテゴリー名の場合、上のキャプチャのように幅が短く表示されてしまいます。
  
  実現したいことは、検索フォームと同じようなスタイルでドロップダウン（カテゴリーやアーカイブ）
  の幅をそろえたいということです。
  
  宜しくお願いいたします。
- 2017年7月1日 8:26 PM #53590
  わいひら
  キーマスター
  実現したいことは、検索フォームと同じようなスタイルでドロップダウン（カテゴリーやアーカイブ）
  の幅をそろえたいということです。
  
  これで、ようやく意味がわかりました。
  まずはSimplicityを最新版にアップデートしてください。
  あとはstyle.cssに以下のCSSを貼り付ければ多分いけるかと思います。
```
.widget_archive select,
.widget_categories select {
    width: 100%;
}
```
- 2017年7月1日 10:03 PM #53602
  
  コゴみ
  ゲスト
  
  わいひらさん
  ありがとうございます！最新版にアップデートした上でcssに記載することで
  無事表示することができました。
  お手数おかけしてすみませんでした。
投稿者

投稿