MovableType5で現在のページの位置を表示する方法
- MovableType5で現在のページの位置を表示する方法について教えてください。
- ウェブページの中で表示される位置が正しく表示されない問題が発生しています。
- テンプレートのヘッダー中の指定箇所で設定することで表示することができるのでしょうか。
- ベストアンサー
MovableType5 にて、現在のページの位置を表示したい
MovableType5 にて、現在のページの位置を表示したい 下記のようにディレクトリの中にディレクトリを作り、その中にウェブページを作成しました。 http://(ドメイン)/A/B/index.html そして、そのウェブページの中で (ホームページ名) > A > B というように表示したいのですが、 (ホームページ名) > B と表示されてしまします。 「テンプレート」の「ヘッダー」中の下記に示しました部分で設定すると思っているのですが、どのように設定すればよいのでしょうか。 テーマは、プリインストールされていた「プロフェッショナル ウェブサイト 1.0」を使用しています。 <mt:Unless name="main_index"> <div id="breadcrumbs"> <div id="breadcrumbs-inner"> <p id="breadcrumbs-content"> <a href="<$mt:WebsiteURL$>"><$mt:WebsiteName encode_html="1"$></a> > <mt:if name="page_archive"> <a href="<$mt:PagePermalink$>" class="current"><$mt:PageTitle$></a> <mt:Else> <$mt:Var name="page_title"$> </mt:if> </p> </div> </div> </mt:Unless> また、 「(ホームページ名) > A > B 」 このようなものを何と呼ぶのでしょうか。サイトマップでしょうか。 カテゴリ違いかもしれませんが、ブログカテゴリで質問させていただきました。 何卒宜しくお願いします。
- Ryllis
- お礼率93% (27/29)
- ブログ
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
カテゴリーか何かの設定で、Aの下の階層にBを置けば、ご希望の通りに出るのでは？ なお、そういうのを「パンくずリスト」と言います。 [参考]パンくずリスト - Wikipedia http://ja.wikipedia.org/wiki/%E3%83%91%E3%83%B3%E3%81%8F%E3%81%9A%E3%83%AA%E3%82%B9%E3%83%88
関連するQ&A
- ローディングアイコンの表示
jQuery mobileであらかじめ読み込んであるページへ遷移する際に、 ローディングアイコンを表示する方法を教えてください。 //簡略コード <a href="#page01">ページ1</a> <a href="#page02">ページ2</a> <a href="#page03">ページ3</a> <div id="page01"> ページ1 </div> <div id="page02"> ページ2 </div> <div id="page03"> ページ3 </div>
- ベストアンサー
- JavaScript
- MovableType アーカイブページで上部の画像が表示されない
タイトルの通りなのですが、 メインページで上部に表示させている タイトルバナーをアーカイブページでも表示させたいんですが、なかなか表示されてくれません・・・ 僕自身が、html・cssが無知なので 勘でやってるのですが、 アツいなとヤマをはってるのが、 【メインページテンプレの】 <div id="container"> <a id="banner-img" href="<$MTBlogURL$>"><span class="banner-alt"> </span></a> <div id="banner"> <h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1> <h2><$MTBlogDescription$></h2> </div> と、 【アーカイブページテンプレの】 <div id="container"> <div id="banner"> <h1><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1> <h2><$MTBlogDescription$></h2> </div> 【スタイルシートの】 a#banner-img { display: block; background-image: url("http://example.com/images/banner.png"); background-repeat: no-repeat; background-color: #FFFFFF; border-bottom: 1px solid #000000; height: 130px; } の部分かなと・・・ かなり素人目ですが・・・ｗ 大概の方のページが表示されているので、 分かって当然なのかもしれませんが 分かる方いらっしゃいましたら どうかご教授ください。。 お願いします。。
- ベストアンサー
- その他(ソフトウェア)
- Jquery Mobileでのページ表示について
Jquery Mobile初心者です。 ページ表示についての質問ですが、 ファイルtest.htmlに下記のようにコードを書きました。 ログインのページを通してから、indexのページを表示したいと思っていますが、 ブラウザのアドレスバーに....../test.html#indexと入力すると、 indexのページがそのまま表示されてしまいます。 これではログインページをつける意味がなくなってしまいます。 アドレスバーに....../test.html#indexを入力しても、indexのページが表示されない (ログインページを表示する)ようにするには、どうしたらいいでしょうか？ ご教授をよろしくお願いします。 ------------------------------------------------------------ <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>テスト</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" /> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script> </head> <body> <div id="login" data-role="page"> <header data-role="header" data-position="fixed"> <h1>ログイン</h1> </header> <div data-role="content"> <div data-role="fieldcontain" class="noborder"> <label for="inputLoginId">ログインID:</label> <input type="text" name="inputLoginId" id="inputLoginId" value="" placeholder="ログインIDを入力" /> <label for="inputPwd">パスワード:</label> <input type="password" name="inputPwd" id="inputPwd" value="" placeholder="パスワードを入力" /> </div> <input type="button" id="loginBtn" value="ログイン" data-theme="f" /> </div> </div> <div id="index" data-role="page"> <header data-role="header" data-position="fixed"> <h1>テスト</h1> </header> <div data-role="content"> <p>メインページ</p> </div> </div> <div id="TR" data-role="page"> <header data-role="header" data-position="fixed"> <a href="#index" data-icon="back" onclick="backPrc()">戻る</a> <a href="#index" data-icon="home" onclick="homePrc()">ホーム</a> </header> <div data-role="content"> <p>サブページ</p> </div> </div> </body> </html> ------------------------------------------------------------
- 締切済み
- HTML
- MovableTypeのタグで、現在表示されているページである事を示すタグはありますか?
自分のウェブサイトをMovable Type 4.1に移行しようと考えています。 そこで質問なのですが、Movable Typeのタグで現在表示されているページを明示出来るようなタグ、 もしくは現在どのページを表示中であるかどうかといった事を格納出来るタグはあるのでしょうか? 具体的には、以下のようなリストでCSSの背景画像置換を使ってロールオーバーメニューを作り 現在のページにはクラス"現在表示されているかどうか"を設定し、表示される画像を変更したいと思っています。 <li id="pagea"><a href="../a.html" class="active">PAGE A</a></li> また、方法は違ってもこういった事を実現出来る…というタグの使い方があればご教示下さい。 ちょっと分かり難い質問になってしまいましたが、よろしくお願いします。
- ベストアンサー
- HTML
- MovableType 各カテゴリーページでそのカテゴリーに属するエントリーだけを表示したい
はじめまして。 只今、MovableType3.35でウェブサイトを作成しています。 ご質問の内容は.... カテゴリーページに飛んだ時に表示されるカテゴリー一覧を、 メインカテゴリーとそのメインカテゴリーに属するエントリーだけが そのメインカテゴリー表示の下に追加されるようにしたいのです。 ※わかりにく説明で申し訳ございません、下記に簡単に説明いたします。 例えば、トップページのカテゴリーに 【カテゴリーＡ】 【カテゴリーＢ】 【カテゴリーＣ】 とある時、 【カテゴリーＡ】のページに行くと・・・ --------------------------------------- 【カテゴリーＡ】 カテゴリーＡに属するエントリー１ カテゴリーＡに属するエントリー２ カテゴリーＡに属するエントリー３ 【カテゴリーＢ】 【カテゴリーＣ】 --------------------------------------- このように表示され、 カテゴリーＢのページに行くと・・・・ --------------------------------------- 【カテゴリーＡ】 【カテゴリーＢ】 カテゴリーＢに属するエントリー１ カテゴリーＢに属するエントリー２ カテゴリーＢに属するエントリー３ 【カテゴリーＣ】 --------------------------------------- という風に表示させたいのです。 現在、トップページは基本の３カラム構造で、左側にカテゴリーを 上から下に並べており、そちらのソースが下の通りになります。 ---------------------------------------------------------------- <MTIfArchiveTypeEnabled archive_type="Category"> <div id="category-archives"> <MTTopLevelCategories> <MTSubCatIsFirst><ul></MTSubCatIsFirst> <MTIfNonZero tag="MTCategoryCount"> <li><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"> <$MTCategoryDescription$></a> <MTElse><li><$MTCategoryDescription$></MTElse> </MTIfNonZero><MTSubCatsRecurse></li> <MTSubCatIsLast></ul></MTSubCatIsLast> </MTTopLevelCategories> </div> </MTIfArchiveTypeEnabled> ---------------------------------------------------------------- トップページのカテゴリーをクリックした先のページを 現在カテゴリーアーカイブ上で作成しようと上のソースをいじって 色々試してみましたが、上手くいきません。 全ての各カテゴリーの下にそのカテゴリーに属するエントリーを表示 させる事はできたのですが、今いるカテゴリーページのエントリー だけを表示させる事がどうもよくわかりません。 何卒、ご指導・ご鞭撻宜しくお願い致します。
- 締切済み
- ブログ
- ホームページの位置が、、
教えていただきたいです。現在ホームページを作成中なのですが、、、 http://homepage.decoweb.jp/template/view/H200051 のテンプレートを使っていますが、、インターネットエクスプローラで表示すると、右に寄ってしまい、真ん中に位置がきません。 ちょうど真ん中にくるようにすればどのようにすればよいか教えてもらえないでしょうか？ 参考までにソースを記載しておきます。よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 12.0.4.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <title>decoウェブ</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="wrapper"> <div id="header"> <!-- ▼ここからサイト名 --> <h1><FONT size="+3" style="font-size : 200%;"><a href="index.html"><U><I>fate type A</I></U><BR> </a></FONT></h1> <!-- ▲ここまでサイト名 --> </div> <div id="main" class="clearfix"> <div id="side"> <div id="photo"> <!-- ▼ここからメニュー上部画像 --> <img src="images/photo.jpg" /> <!-- ▲ここまでメニュー上部画像 --> </div> <div id="menu"> <ul> <!-- ▼ここからメニュー --> <li><a href="index.html">top</a></li> <li><a href="sub.html">profile</a></li> <li><a href="sub.html">gallaly</a></li> <li><a href="sub.html">links</a></li> <li><a href="sub.html">bbs</a></li> <!-- ▲ここまでメニュー --> </ul> </div> </div> <div id="contents"> <div id="news"> <div>NEWS</div> <!-- ▼ここからニュース -->2008 1 30</div> <BR> <h2>2008 1 30</h2> <!-- ▲ここまで見出し --> <!-- ▼ここから本文 --> <p>今日から総合エンターテイメントな（というかゲームとか、アニメとか）なページを目指して発信いたします。ページは簡素に、深く情報発信的なページを目指していきたいと思います！</p> <br /> <!-- ▲ここまで本文 --> </div> </div> <div id="footer" class="clearfix"> <div id="copyright">copyright© 2008 fate type A All Rights Reserved.</div> <div id="deco_banner"><a href="http://homepage.decoweb.jp/" target="_blank" title="無料テンプレートのdecoweb - ホームページデザインのテンプレート"><img src="images/decoweb.gif" alt="無料テンプレートのdecoweb - ホームページデザインのテンプレート" title="無料テンプレートのdecoweb - ホームページデザインのテンプレート" /></a></div> </div><!-- [FC2 Analyzer] http://analyzer.fc2.com/ --> <script language="javascript" src="http://analyzer52.fc2.com/ana/processor.php?uid=434228" type="text/javascript"></script> <noscript><div align="right"><img src="http://analyzer52.fc2.com/ana/icon.php?uid=434228&ref=&href=&wid=0&hei=0&&col=0" /><a href="http://bbs.fc2.com/">掲示板</a></div></noscript> <!-- [FC2 Analyzer] --> </div> </body> </html>
- ベストアンサー
- レンタルサーバ・ASP
- AウィンドウからBウィンドウのページ位置の動かし方
通常のページ（Aページ）にあるボタンを押すことによって、 新しいウィンドウで別のページ（Bページ）を開くプログラムを Javascriptで作りました。 質問したいことは、 新しいウィンドウで開いたBページから Aページで名前をつけた場所（ページの途中）に 直接ジャンプするものを作りたいです。 添付画像のように テレビのチャンネルをチラチラ変えるような感覚で Bページをリモコンのような役割にして Aページの中で見たい位置を次から次に動かしたいです。 Bページを開くまでは問題なくできましたが、 その先ができませんでした。 アドバイスを頂きたいです。 お願いいたします。 （↓自分で作ったコードです） ～～～ Aページ ～～～ <script language="JavaScript" type="text/javascript"> <!-- function openwin(url, winname, width, height) { if(!width) { width = 500; } if(!height) { height= 500; } if(!winname) { winname = 'win'; } w = window.open(url, winname,'width=' +width+ ',height=' +height+ ',status=no,scrollbars=yes,directories=no,menubar=no,resizable=yes,toolbar=no'); } //--> </script> </head> <form method="post"><input type=button onClick="openwin('xxx');" value="サンプル"> </form> <div class="t0"> <table> <tr> <th class="t1"><a name="1" id="1">文章</a></th> <td class="t2"></td> <td class="t3">文章</td> </tr> </table> </div> <div class="t0"> <table> <tr> <th class="t1"><a name="2" id="2">文章</a></th> <td class="t2"></td> <td class="t3">文章</td> </tr> </table> </div> <div class="t0"> <table> <tr> <th class="t1"><a name="3" id="3">文章</a></th> <td class="t2"></td> <td class="t3">文章</td> </tr> </table> </div> ～～～ Bページ ～～～ <a href="#1">１</a> <a href="#2">2</a> <a href="#3">3</a> <a href="#4">4</a> <a href="#5">5</a>
- ベストアンサー
- HTML
- Movabletype カテゴリアーカイブページでサブカテゴリ毎にまとめて一覧表示したい。
いろいろ探しましたがわからないので教えてください。 カテゴリー・アーカイブページでこのように表示したいのです。 （親カテゴリＡのカテゴリページ） ＝＝＝＝＝＝＝＝＝＝＝＝ 子カテゴリ１ 最新エントリー１ 最新エントリー２ 子カテゴリ２ 最新エントリー１ 最新エントリー２ 子カテゴリ３ 最新エントリー１ 最新エントリー２ ＝＝＝＝＝＝＝＝＝＝＝＝＝ <div class="module-archives module"> <h2 class="module-header">カテゴリー名エントリー</h2> <div class="module-content"> <ul class="module-list"> <MTEntriesWithSubCategories lastn="エントリー表示数" category="カテゴリーの名称"> <li class="module-list-item"><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li> </MTEntriesWithSubCategories> </ul> </div> </div> このようにやればいいかと思ったのですが、うまくいきません。 宜しくお願いします。
- ベストアンサー
- ブログ
- androidタブレット、モバイルで手作り辞書
Androidのスマホとタブレットでつかえる辞書を作りたいのですが、 HTML5+jquerymobileで作れるものでしょうか？ dreamweaverのHTML5＋jquerymobileの開発をセットを試してみたら、 <div data-role="page" id="page"> <div data-role="header"> <h1>Page One</h1> </div> <div data-role="content"> <ul data-role="listview"> <li><a href="#page2l">Page Two</a></li> <li><a href="#page3">Page Three</a></li> <li><a href="#page4">Page Four</a></li> </ul> </div> <div data-role="footer"> <h4>Page Footer</h4> </div> </div> となっています。 この#page2をfunction.htmlに変更し、同じディレクトリにあるfunction.htmlにリンクさせようかと思ったのですが、クリックしたらloading errorと表示されました。 普通は、例えばエクセル関数辞書のように100以上の項目がある場合、100以上のHTMLファイルを多層のディレクトリに作ることで、1ページ辺りの容量を減らすと思うのですが、HTML5+jquerymobileで、一度に読む込む容量を減らすにはどうしたらいいのでしょうか？ それとも、HTML5、jquerymobileは、<div data-role="page" id="page">とが暗喩するように、ひとつのファイルを分割して読み込むのでしょうか？
- ベストアンサー
- CSS
- タグを切り替えるJavaScriptについて
下記のurlを参考にして、タグを切り替えるJavaScriptを使いレイアウトをしています。 http://archiva.jp/web/javascript/tab-menu.html やりたいことは各内容をIDセレクタでくくりたいのです。 <div id="page1"> <h2>page1</h2> <p>パンクズ</p> <div class="nav"> <ul id="tab"> <li><a href="#page1"><span>page1を選択中</span></a></li> <li><a href="#page2"><span>page2</span></a></li> <li><a href="#page3"><span>pave3</span></a></li> </ul> </div> <p>段落１</p> </div> <div id="page2"> <h2>page2</h2> <p>パンクズ</p> <div class="nav"> <ul id="tab2"> <li><a href="#page1"><span>page1</span></a></li> <li><a href="#page2"><span>page2を選択中</span></a></li> <li><a href="#page3"><span>pave3</span></a></li> </ul> </div> <p>段落１</p> </div> ...page3 このようにやりたいのですが、JavaScriptがIDセレクタの"tab"にしか対応していないため、他のページにいくとクリックが効かなくなってしまいます。 idセレクタをclassセレクタに設定し直してもidセレクタにしか対応していないため効きません。 tag2とtab3に対応させるためにはどのようにすればいいでしょうか。 よろしくお願いします。
- ベストアンサー
- JavaScript
お礼
ご回答ありがとうございます 「パンくずリスト」というのですね。 これさえわかればいろいろ調べられます。 非常に助かりました。本当にどうもありがとうございました