トップページ > 記事閲覧
【質問】haik メニューの表示位置を変えたい
投稿日 | : 2017/07/12(Wed) 17:29 |
投稿者 | : ほっかいろ |
参照先 | : |
初歩的な質問です。
「HAIK 使い方マニュアル」で探したのですが、見つけられなかったので、
どなたかご存知でしたら、ご教授のほど、お願い致します。
テンプレートや内部(cssなど)を弄らずに
ページの「編集」での、おまじないの記述のみで、
「メニュー」の表示位置(左右)を変えたいのですが
こういったことは可能でしょうか?
例えば
右側に表示されているメニューを、左側に表示させたい。
のです。
haikがまだ北研さんでサポートされていた頃に、
パーツか何かで、ページ毎に、簡単にメニューの位置を変えられて
とても感動したような記憶があるのですが・・・。
出来なくなったのでしょうか(そもそも出来なかった?)
メニューを非表示にしたりするのと同じ機能だった気がするので
パーツのレイアウト?と思ったのですが、違うみたいで・・・。
曖昧な質問ですみません。
宜しくお願いします。
---
HAIK v7.0.5
使用テンプレート:haik_kinaco
Re: 【質問】haik メニューの表示位置を変えたい
投稿日 | : 2017/10/05(Thu) 15:43 |
投稿者 | : ほっかいろ |
参照先 | : |
質問したまま放置して、申し訳ありません。
ミルフィーユさん、いしまるさん、うみほしさん、
アドバイスありがとうございます。
言い訳をさせていただくと、
店内で、今後もhaikを使って行こうという話で固まっていたのですが、
北研さんから、WordPress移行代行サービス(期間限定)のメールが来て、
じゃあWordPressにしてもらおうよ〜という話の流れになり、
そうこうしている間に、なぜか当店の既存haikサイトのアクセス数が激減し、
蜂の巣を突いたような騒ぎになり、バタバタしておりました。
自分で試した結果 「haik-pop」を使い「パーツ」→「ブログ」
これで、メニューが右側に移動しました。
他のデザインではまだ試して無いのですが、
kinakoは、メニューが元々右側なので、変化しなかったみたいです。
最近のテンプレートのデザインは、なぜかメニューが右側のものが多い
もしかしてその方が、モバイルフレンドリー?
スマホ等から見る場合、右側の方が使いやすいのかも。
だとしたら変えないほうがいいのかも、と思い至りました。
今後、スキルが身についたら、
アドバイス頂いた方法にチャレンジしてみたいと思います。
まだまだ先になりそうですが。
一旦ここで【解決済み】と致します。
皆様ありがとうございました。
Re: 【質問】haik メニューの表示位置を変えたい
投稿日 | : 2017/08/29(Tue) 11:59 |
投稿者 | : いしまる◆vOmCuTAP2Tw |
参照先 | : http://haik.oi21.net/ |
HAIKでは基本的にBootstrapの機能でレイアウトを操作しているので
以前とはちょっと違うようです。
haik_seedであれば、/haik/skin/hokukenstyle/haik_seed/pukiwiki.skin.php の
50行目くらいからの col-sm-9 と col-sm-3 の配置を変えると
メニューの位置が変わります。
haik_kinaco も 似たような事していると推測されます。
試される時は、元のpukiwiki.skin.php は名前を変えて
バックアップしておくことをお勧めします。
なお、一度変更すると、テンプレートキャッシュが聞くので
設定を元に戻しても暫くは前の設定が有効になるようです。
直ぐに設定を戻したい時はログインし設定の部分でテンプレート
キャッシュを初期化(削除)すると良いようです。
以下簡単なメモです。
https://haik.oi21.net/index.php?menu_pos_test
Re: 【質問】haik メニューの表示位置を変えたい
投稿日 | : 2017/08/29(Tue) 06:55 |
投稿者 | : うみほし |
参照先 | : |
メニュー位置の変更を#beforescriptでやる方法を紹介している記事を見つけました。
http://websitemake.micata.net/index.php?QBlog-20130707-1
2013年と古いので現在のHAIKで使えるかはわかりませんが,実験してみるのもいいでしょう。
Re: 【質問】haik メニューの表示位置を変えたい
投稿日 | : 2017/07/14(Fri) 19:44 |
投稿者 | : いしまる◆vOmCuTAP2Tw |
参照先 | : http://haik.oi21.net/ |
おまじないで簡単に変更出来たのは、私もskinの切り替えだと
思います。
出来たらいいなーと思い、簡単に調べてみました。
chromeのデベロッパーツールでメニューのタグを探ってみると
haik_seedだと「class="col-sm-3"」あたりの設定を変更出来れば
いいみたいなのですが、lastscriptなどで記述しても、優先順位が
あるのか有効になりませんでした。
「float: right !important;」などとして優先順位を意識して
みましたが駄目です。
Re: 【質問】haik メニューの表示位置を変えたい
投稿日 | : 2017/07/14(Fri) 18:23 |
投稿者 | : ミルフィーユ |
参照先 | : http://qhm.fujigopc.com/ |
> ・特定のページだけ、メニューの位置を変えられた(サイト全体ではなく)。
メニューの位置を変えられたと言うよりも、#include_skin(テーマ名)でデザインを変更したというのが正解ではないでしょうか?
<参考ページ>
https://web819.fujigopc.com/index.php?go=yUQ50o
Re: 【質問】haik メニューの表示位置を変えたい
投稿日 | : 2017/07/13(Thu) 11:16 |
投稿者 | : ほっかいろ |
参照先 | : |
ミルフィーユさん、
ありがとうございます。
旧会員サイトにて、該当の記事をさっそく見てみました。
これだとCSSを改変する必要があるので、
探していた方法とは、ちょっと違うみたいです。
記憶を辿ると下記のような感じです。
・特定のページだけ、メニューの位置を変えられた(サイト全体ではなく)。
・skinフォルダのファイル(CSS等)は改変してない。
・ページの編集画面での、おまじない記述のみでレイアウトが変わった。
・おまじないは難しくなかった(編集画面のボタンで多分出てきた)。
・HTMLもCSSも分らない上司が、ちょいちょいっとやって出来た。
もしかしたら、kinacoで出来ないだけかも???
他のデザインでも、パーツのボタンなどを試して見たいと思います。
すみません、もうしばらく未解決で。。。
Re: 【質問】haik メニューの表示位置を変えたい
投稿日 | : 2017/07/13(Thu) 05:33 |
投稿者 | : ミルフィーユ |
参照先 | : http://qhm.fujigopc.com/ |
旧会員サイトに「メニューを右に移動させる」と言うページがあります。
それの逆をやればいいのではないでしょうか。
https://ensmall.net/p/qhmpro/index.php?cmd=read&page=MoveMenu&word=%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC