トップページ > 記事閲覧
【質問】ナビのプルダウンメニューが機能しない?
投稿日 : 2020/09/17(Thu) 10:09
投稿者 HAIK初心者
参照先
現在、#bs_nav{{  }}の囲いなしに正常に見えているナビを、プルダウンメニューにして項目を増やしたいです。実際、指定してみたのですが、正常に表示されません。

・文字色が勝手に変わって見づらくなる(元のデザインは背景は暗い色、文字は白なのですが、文字が暗い色になる)
・そもそも全くプルダウンにならない(クリックしても何も出ない。▼も出ていない)

一体、何が悪いのでしょうか?

■↓変更後 正しく表示されない

#bs_nav{{
- [[TOP>FrontPage]]
- [[お申し込み後の流れ]]
- 企業インタビュー
-- [[インタビュー 2020年]]
-- [[インタビュー 2019年]]
-- [[インタビュー 2018年>インタビュー]]
}}


■↓変更前 正しく表示される

- [[TOP>FrontPage]]
- [[お申し込み後の流れ]]
- [[サービス内容と費用]]
- [[インタビュー>インタビュー 2019年]]

どうぞよろしくお願いいたします。
Re: 【質問】ナビのプルダウンメニューが機能しない?
投稿日 : 2020/09/21(Mon) 11:12
投稿者 いしまる◆vOmCuTAP2Tw
参照先 https://haik.oi21.net/
CSSを使う場合、
ページ全体の背景の変更であれば、スタイルシートでbodyタグに
「background-color」を設定します。

body { background-color: lightgreen; }

アップロードした画像を使うなら「background-image」

body { background-image: url("swfu/d/IMAG0048.JPG"); }

の様になります。「swfu/d/IMAG0048.JPG」の部分は、
左の「添付」の所で確認できます。
以下などに背景変更についてもう少し詳しく確認できると
思います。

https://techacademy.jp/magazine/8610
Re: 【質問】ナビのプルダウンメニューが機能しない?
投稿日 : 2020/09/20(Sun) 18:51
投稿者 いしまる◆vOmCuTAP2Tw
参照先 https://haik.oi21.net/
HAIK用のテーマが使えると、
http://manual.haik-cms.jp/
のマニュアルページの説明に在る機能がだいたい
使えると思います。

ページ設定、レイアウト、ブロック要素の機能を活用すると
色々と出来ます。


HAIKへ管理者でログインすると左に出てくるメニューの
「テーマ編集」で色の雰囲気をちょっと変えたり出来ますが
それ程細かい事は出来ません。
Re: 【質問】ナビのプルダウンメニューが機能しない?
投稿日 : 2020/09/20(Sun) 14:44
投稿者 HAIK初心者
参照先
いしまるさま、ありがとうございます。

> デザイン設定の画面で
> 「テーマファイルをアップロードする」

で、一覧にhaik_seed が出てくるようになりました。
ですが、このデザインの背景色を変更したりするには、QDesignerは使えないのですね。
QDesignerで「新規作成」にhaik_seedを選んでみたら、レイアウトがグダグダになって表示されました。

QDesignerの代わりのツールは、HAIKでは何になるのでしょうか?
Re: 【質問】ナビのプルダウンメニューが機能しない?
投稿日 : 2020/09/20(Sun) 10:59
投稿者 いしまる◆vOmCuTAP2Tw
参照先 https://haik.oi21.net/
HAIK_seedの導入についてですが、

無料のHAIK_seedは、新規にHAIKをインストールした時に入ります。
バージョンアップの時は、HAIKをプログラム一式のZIP形式
ファイルをダウンロードして展開し、
skin/hokukenstyle フォルダの中にあるhaik_seedフォルダを
HAIKをインストールしてあるWEBサーバーの skin/hokukenstyle 内に
seedフォルダごとFTPソフトでアップロードします。
すると、デザイン設定のテーマの一覧の画面に出てくるようになります。


HAIKのプログラム一式は、
https://github.com/open-qhm/qhm/releases
の画面の「v7.3.7」の「Source code(zip)」の部分です。


FTPソフトでのアップロードする方法以外としては、
展開したzipのhaik_seedフォルダのみをフォルダごとzip形式に
圧縮したものを作ると、デザイン設定の画面で
「テーマファイルをアップロードする」で使え、
haik_seedが追加出来ます。
Re: 【質問】ナビのプルダウンメニューが機能しない?
投稿日 : 2020/09/20(Sun) 10:27
投稿者 HAIK初心者
参照先
> HAIK7.3.7 でテーマは無料のseedです。

恐れ入ります、これはどこから入手できるものでしょうか?
前任者が作ったテーマのデザインをあれこれ変えるよりも、正しく表示されるテーマを元に作り直したほうが、早い気がしてきました。

私の環境だと、qd_と名前がついたテーマがほとんどです。g_ やbiz_というのもありますが、これもQHMから引き継いだものでしょうか?

それと、別スレッドで、QDesignerは古くてHAIKはサポート対象外とお聞きしましたが、「無料のseed」が入手できたとして、デザインをカスタマイズして使うには、何を使えばいいのでしょうか?
なにかツールを使えるわけではなく、CSSを駆使するしかないですか?

Re: 【質問】ナビのプルダウンメニューが機能しない?
投稿日 : 2020/09/20(Sun) 10:07
投稿者 HAIK初心者
参照先
ご返信ありがとうございます。
最新版の情報、ありがとうございます。早速アップデートしました。

> ここにリンク先の[[ ]]が無い。

その後、HAIKメニュー→「サイトの」→「ナビ編集」からの編集ではなく、ナビの部分だけ別ファイルにして表示させてみたところ、コンテンツ領域の方にですが、プルダウンメニューが出てくるようになりました。ということは、記述自体は合っていることになると思います。

ただ、これを新しく作ったデザイン(テーマ)に適用するとプルダウンメニューが出てこない・・・。

現在は、各ページの先頭に以下の記述を追加して、ナビとメニューとデザイン(テーマ)を適用しています。

//指定したページをナビとして読み込む
#nav(ナビ2020)
//指定したページをメニューとして読み込む
#menu(メニュー2020)
//最新デザイン(テーマ)を読み込む
#include_skin(qd_right_menu)

別スレッドで教えていただいた、HAIKに対応していないデザイン(テーマ)を選んでいることになるからでしょうか?だからナビも正しく表示されないのでしょうか?
Re: 【質問】ナビのプルダウンメニューが機能しない?
投稿日 : 2020/09/19(Sat) 11:16
投稿者 いしまる◆vOmCuTAP2Tw
参照先 https://haik.oi21.net/
> ここにリンク先の[[ ]]が無い。

私の環境は、HAIK7.3.7 でテーマは無料のseedです。
リンクが無いメニュー項目を利用し、特に異常は
ありませんでした。
Re: 【質問】ナビのプルダウンメニューが機能しない?
投稿日 : 2020/09/17(Thu) 18:27
投稿者 うみほし
参照先 http://umihoshi.com
私のサイトのプルダウンメニューと比べましたが,

間違いは,
#bs_nav{{
- [[TOP>FrontPage]]
- [[お申し込み後の流れ]]
- 企業インタビュー  ←……ここにリンク先の[[ ]]が無い。
-- [[インタビュー 2020年]]
-- [[インタビュー 2019年]]
-- [[インタビュー 2018年>インタビュー]]
}}

示した部分のリンク先が指定されてないのが間違ってると思います。
Re: 【質問】ナビのプルダウンメニューが機能しない?
投稿日 : 2020/09/17(Thu) 17:26
投稿者 HAIK初心者
参照先
ご返信ありがとうございました。
失礼しました。HAIK v7.3.0 です。

テーマはいろいろ見えてますが、それは使わずに前任者が作ったデザインを色や幅をあれこれ変えて使っていました。

文字色の変更方法は、先日おたずねしてご回答いただいたのでした。ナビにもあの方法が使えるのですね。
勝手に変わる、というのが意味わからないのですが、そこは深く追求しないようにします。
Re: 【質問】ナビのプルダウンメニューが機能しない?
投稿日 : 2020/09/17(Thu) 12:32
投稿者 いしまる◆vOmCuTAP2Tw
参照先 https://haik.oi21.net/
bs_nav は QHMの4.7.3のフリー版には無く、
5.2.0では存在するようです。バージョン6が仮称haikだったかな。
バージョン7がHAIK。テーマも色々と在るようですので、
バージョンの違いで機能も違うことがあります。
質問される時は、バージョンとテーマなどの情報があると
回答しやすくなるかもしれません。

色の問題だけなら、Chromeの開発ツールで表示部分のCSSを確認し、
htmlプラグインなどでその部分の書式を変更するスタイルシートの
記述を追加する多くの場合は改善します。

- WEB PATIO -