フォーラム: サイト運用に関するQ&A (スレッド #38078)

スマホのメニューからコンテンツへ飛べない (2016-09-26 04:17 by しましま #78779)

導入後の設定試行中です。

/mobi/から /コンテンツ/ (←”コンテンツ”は実際の名称ではありません)
へ飛ばしたいのですが、灰色の●のまま進みません。(android5.1/docomo)

/コンテンツ/smobi.cgiへ直接飛ばしてもNGで、ブラウザにもよりますがターゲットをblankに相当する操作をすると表示されます。標準でターゲットの動作はどうなっているのでしょうか? PCと違ってスマホだと別タブ指定しやすいブラウザでないと見辛いのですが.

メッセージ #78779 への返信×

Wiki文法は使えません
ログインしていません。投稿を区別するために投稿者のニックネームをつけてください(ニックネームの一意性は保証されません。全く別の人も同じ名前を利用することが可能ですので本人であることの特定には利用できません。本人であることを保証したい場合にはログインして投稿を行なってください)。 ログインする

Re: スマホのメニューからコンテンツへ飛べない (2016-09-26 04:28 by しましま #78780)

[メッセージ #78779 への返信]
連投すみません.

/コンテンツ/ 傘下にindex.htmlは生成されていますが、smobi.htmlに相当するものは記事を編集しても生成されません。 これは正しい動作なのでしょうか?

#78779 への返信

メッセージ #78780 への返信×

Wiki文法は使えません
ログインしていません。投稿を区別するために投稿者のニックネームをつけてください(ニックネームの一意性は保証されません。全く別の人も同じ名前を利用することが可能ですので本人であることの特定には利用できません。本人であることを保証したい場合にはログインして投稿を行なってください)。 ログインする

Re: スマホのメニューからコンテンツへ飛べない (2016-09-26 14:48 by NorenzPRO #78784)

[メッセージ #78780 への返信]
> [メッセージ #78779 への返信]
> 連投すみません.
>
> /コンテンツ/ 傘下にindex.htmlは生成されていますが、smobi.htmlに相当するものは記事を編集しても生成されません。 これは正しい動作なのでしょうか?
>

仕様上、コンテンツフォルダ直下でのhtml出力は、index.htmlまたはindex.shtmlのみです。
#78780 への返信

メッセージ #78784 への返信×

Wiki文法は使えません
ログインしていません。投稿を区別するために投稿者のニックネームをつけてください(ニックネームの一意性は保証されません。全く別の人も同じ名前を利用することが可能ですので本人であることの特定には利用できません。本人であることを保証したい場合にはログインして投稿を行なってください)。 ログインする

Re: スマホのメニューからコンテンツへ飛べない (2016-09-27 07:43 by しましま #78787)

理解しました。
ありがとうございます。
#78784 への返信

メッセージ #78787 への返信×

Wiki文法は使えません
ログインしていません。投稿を区別するために投稿者のニックネームをつけてください(ニックネームの一意性は保証されません。全く別の人も同じ名前を利用することが可能ですので本人であることの特定には利用できません。本人であることを保証したい場合にはログインして投稿を行なってください)。 ログインする

Re: スマホのメニューからコンテンツへ飛べない (2016-09-26 14:50 by NorenzPRO #78785)

[メッセージ #78779 への返信]
> 導入後の設定試行中です。
>
> /mobi/から /コンテンツ/ (←”コンテンツ”は実際の名称ではありません)
> へ飛ばしたいのですが、灰色の●のまま進みません。(android5.1/docomo)
>
> /コンテンツ/smobi.cgiへ直接飛ばしてもNGで、ブラウザにもよりますがターゲットをblankに相当する操作をすると表示されます。標準でターゲットの動作はどうなっているのでしょうか? PCと違ってスマホだと別タブ指定しやすいブラウザでないと見辛いのですが.

おそらくですが、ajaxが悪さしてる可能性があります。
aタグの部分に『data-ajax= "false"』とか入れてみたら良いかもしれません。
#78779 への返信

メッセージ #78785 への返信×

Wiki文法は使えません
ログインしていません。投稿を区別するために投稿者のニックネームをつけてください(ニックネームの一意性は保証されません。全く別の人も同じ名前を利用することが可能ですので本人であることの特定には利用できません。本人であることを保証したい場合にはログインして投稿を行なってください)。 ログインする

Re: スマホのメニューからコンテンツへ飛べない (2016-09-27 07:48 by しましま #78788)

[メッセージ #78785 への返信]
> [メッセージ #78779 への返信]
> > 導入後の設定試行中です。
> >
> > /mobi/から /コンテンツ/ (←”コンテンツ”は実際の名称ではありません)
> > へ飛ばしたいのですが、灰色の●のまま進みません。(android5.1/docomo)
> >
> > /コンテンツ/smobi.cgiへ直接飛ばしてもNGで、ブラウザにもよりますがターゲットをblankに相当する操作をすると表示されます。標準でターゲットの動作はどうなっているのでしょうか? PCと違ってスマホだと別タブ指定しやすいブラウザでないと見辛いのですが.
>
> おそらくですが、ajaxが悪さしてる可能性があります。
> aタグの部分に『data-ajax= "false"』とか入れてみたら良いかもしれません。

トライしてみたいと思います。
さてsmobi.cgiが表示するスマホ画面に生成されるボタン状のリンクは、どのモジュールが生成するのか....skinにはなさそうですね。 探すヒントはありませんか?
スマホ画面に生成されるボタン状のリンクすべてに適用しないといけないので...
#78785 への返信

メッセージ #78788 への返信×

Wiki文法は使えません
ログインしていません。投稿を区別するために投稿者のニックネームをつけてください(ニックネームの一意性は保証されません。全く別の人も同じ名前を利用することが可能ですので本人であることの特定には利用できません。本人であることを保証したい場合にはログインして投稿を行なってください)。 ログインする

Re: スマホのメニューからコンテンツへ飛べない (2016-09-27 14:57 by NorenzPRO #78792)


> トライしてみたいと思います。
> さてsmobi.cgiが表示するスマホ画面に生成されるボタン状のリンクは、どのモジュールが生成するのか....skinにはなさそうですね。 探すヒントはありませんか?
> スマホ画面に生成されるボタン状のリンクすべてに適用しないといけないので...

あれ?/skin/直下に
/skin/smobi.html ってないですか?

スマホ用のskin.htmlに共通メニューを置くんであれば、[スキン編集]で置編集する必要があります。
デフォルトのソースコードは以下の通りです。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>AD-EDITスマートフォンサイト</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=1;">
<link rel="stylesheet" href="../jslib/jqmobile/jquery.mobile.min.css">
<script src="../jslib/jqmobile/jquery.min.js"></script>
<script src="../jslib/jqmobile/jquery.mobile.min.js"></script>
</head>
<body>
<div data-role="page">
<div data-role="header">
<h1 style="text-align:center">AD-EDITスマホサイト</h1>
</div><!--/header-->
<div data-role="content">

<!-- MainZone -->
<a href="../mobi/" data-role="button" data-icon="star">サイトトップ</a>
</div><!--/content-->
<div data-role="footer">
<center>Powered by AD-EDIT</center>
</div><!--/footer-->
</div><!--/page-->

<body></html>
#78788 への返信

メッセージ #78792 への返信×

Wiki文法は使えません
ログインしていません。投稿を区別するために投稿者のニックネームをつけてください(ニックネームの一意性は保証されません。全く別の人も同じ名前を利用することが可能ですので本人であることの特定には利用できません。本人であることを保証したい場合にはログインして投稿を行なってください)。 ログインする

Re: スマホのメニューからコンテンツへ飛べない (2016-09-27 14:57 by NorenzPRO #78793)

最後の行が間違ってました。
> <body></html>

</body></html>
#78792 への返信

メッセージ #78793 への返信×

Wiki文法は使えません
ログインしていません。投稿を区別するために投稿者のニックネームをつけてください(ニックネームの一意性は保証されません。全く別の人も同じ名前を利用することが可能ですので本人であることの特定には利用できません。本人であることを保証したい場合にはログインして投稿を行なってください)。 ログインする

Re: スマホのメニューからコンテンツへ飛べない (2016-09-28 07:22 by しましま #78800)

[メッセージ #78792 への返信]
>
> > トライしてみたいと思います。
> > さてsmobi.cgiが表示するスマホ画面に生成されるボタン状のリンクは、どのモジュールが生成するのか....skinにはなさそうですね。 探すヒントはありませんか?
> > スマホ画面に生成されるボタン状のリンクすべてに適用しないといけないので...
>
> あれ?/skin/直下に
> /skin/smobi.html ってないですか?
>
> スマホ用のskin.htmlに共通メニューを置くんであれば、[スキン編集]で置編集する必要があります。
> デフォルトのソースコードは以下の通りです。
>
> <略>

”サイトトップ”への戻りがありました。失礼いたしました。

> aタグの部分に『data-ajax= "false"』とか入れてみたら...

効果ありました。
ありがとうございます・
#78792 への返信

メッセージ #78800 への返信×

Wiki文法は使えません
ログインしていません。投稿を区別するために投稿者のニックネームをつけてください(ニックネームの一意性は保証されません。全く別の人も同じ名前を利用することが可能ですので本人であることの特定には利用できません。本人であることを保証したい場合にはログインして投稿を行なってください)。 ログインする

Re: スマホのメニューからコンテンツへ飛べない (2016-09-27 15:04 by NorenzPRO #78794)

ここらへんにヒントありそうですね。
http://webnaut.jp/markup/597.html

一般的なAjax無効化の設定の項目の
<script>タグを共通ヘッダに置いた方が楽かもしれません。

ちなみにAD-EDITのスマホページにある丸いボタンとかは、
jQueryMobileを使用してます。こちらも参照ください。
https://jquerymobile.com/
http://www.buildinsider.net/web/jquerymobileref/01
#78788 への返信

メッセージ #78794 への返信×

Wiki文法は使えません
ログインしていません。投稿を区別するために投稿者のニックネームをつけてください(ニックネームの一意性は保証されません。全く別の人も同じ名前を利用することが可能ですので本人であることの特定には利用できません。本人であることを保証したい場合にはログインして投稿を行なってください)。 ログインする

Re: スマホのメニューからコンテンツへ飛べない (2016-09-28 07:40 by しましま #78801)

[メッセージ #78794 への返信]
> ここらへんにヒントありそうですね。
> http://webnaut.jp/markup/597.html
>
> 一般的なAjax無効化の設定の項目の
> <script>タグを共通ヘッダに置いた方が楽かもしれません。
>
> ちなみにAD-EDITのスマホページにある丸いボタンとかは、
> jQueryMobileを使用してます。こちらも参照ください。
> https://jquerymobile.com/
> http://www.buildinsider.net/web/jquerymobileref/01

情報ありがとうございます。使われている技術は初めて見るものだったので興味深いです。 AD-EDIT3本家のサイトで動いた場合の例は確認できたのでうらやましい限りです。

当方のサイトの試行では<a>タグにdata-ajax= "false"直接記載は効果を確認できたものの、ヘッダーへ
<script>
$("a").attr({ "data-ajax":"false" });
</script>
の記載では効果を確認できませんでした。表示されたソースを見る限りヘッダーに記述はありましたが、効果に至っていないようです。ここに書くものではないのでしょうか。

もうしばらく試行しますが、試行環境(niftyのlacoocan)の違いが影響していた場合、menuの書き出しで<a>タグに追加書き出しを考えないといけません。
/mobi/内のincファイルへの書き出しで追加記載させることはできるものでしょうか?
※incファイルを編集しても、(タイミングは分かりませんが)直接管理画面で編集操作せずとも何らかの管理画面操作で元に戻ってしまいます。
#78794 への返信

メッセージ #78801 への返信×

Wiki文法は使えません
ログインしていません。投稿を区別するために投稿者のニックネームをつけてください(ニックネームの一意性は保証されません。全く別の人も同じ名前を利用することが可能ですので本人であることの特定には利用できません。本人であることを保証したい場合にはログインして投稿を行なってください)。 ログインする