トップページ > 記事閲覧
【質問】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

- WEB PATIO -