• ベストアンサー

movable typeでコンテンツの配置移動ってできますか

以前、web上でコンテンツをドラックアンドドロップで移動できる画面を見ました。 たとえば左にメニュー、ブログ欄とあった場合、メニューをドラッグしてブログ欄の右に移動してからドロップすると、左にブログ欄、右にメニューとコンテンツの配置入替ができるという内容でした。 movable type4で、このような動作での配置方法は可能でしょうか? 可能であれば、やり方を教えてください。 また、他のブログ、CMSソフト、HP作成ソフト等で このような動作が可能なものがあれば教えてください。 よろしく、お願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • elbavom
  • ベストアンサー率100% (67/67)
回答No.2

「ウィジェットセット」と「ウィジェット」を複数使えば、質問されているような動作が可能です(本来、ウィジェットセットやウィジェットは、サイドバーのパーツ入れ替えに使います)。 以下、インデックステンプレートのメインページを例に解説します。 まず、メニューを表示する部分とブログ欄を表示する部分をウィジェットセットとして、以下の名前で作成します。 ・Aウィジェットセット ・Bウィジェットセット ウィジェットセットの作成方法は、ブログ管理画面から[デザイン]-[ウィジェット]を選択し、「ウィジェットセットの作成」をクリックします。 次に、メインページテンプレートに、次のようにMTWidgetSetタグを記述します(ヘッダーやフッター、レイアウトに必要なHTML要素などはすべて省略しています)。nameの部分には、さきほど作ったウィジェットセット名を設定します。 <html> <head> </head> <body> <$mt:WidgetSet name="Aウィジェットセット"$> <$mt:WidgetSet name="Bウィジェットセット"$> </body> </html> そして、実際のメニュー内容に対応するテンプレートと、実際のブログ欄の内容に対応するテンプレートを、ウィジェットテンプレートとして、それぞれ次の名前で作成します。 ・メニューウィジェットテンプレート ・ブログ欄ウィジェットテンプレート ウィジェットの作成方法は、ブログ管理画面から[デザイン]-[ウィジェット]を選択し、「ウィジェットの作成」をクリックします。 あとは、ブログ管理画面の[デザイン]-[ウィジェット]で「Aウィジェットセット」を選択し、「メニューウィジェットテンプレート」を「インストール済み」にドラッグします。同様に「Bウィジェットセット」を選択し、「ブログ欄ウィジェットテンプレート」を「インストール済み」にドラッグします。これで、 ・Aウィジェットセット:メニューウィジェットテンプレート ・Bウィジェットセット:ブログ欄ウィジェットテンプレート となります。「変更を保存」をクリックしたあと、メインページを再構築すれば、メインページの<$mt:WidgetSet name="Aウィジェットセット"$>の部分に「メニューウィジェットテンプレート」の内容が、<$mt:WidgetSet name="Bウィジェットセット"$>の部分に「ブログ欄ウィジェットテンプレート」の内容が表示されます。 逆に、ブログ管理画面の[デザイン]-[ウィジェット]で「Aウィジェットセット」を選択し、「ブログ欄ウィジェットテンプレート」を「インストール済み」にドラッグします(「メニューウィジェットテンプレート」は「利用可能」にドラッグされていること)。同様に「Bウィジェットセット」を選択し、「メニューウィジェットテンプレート」を「インストール済み」にドラッグします(「ブログ欄ウィジェットテンプレート」は「利用可能」にドラッグされていること)。これで、 ・Aウィジェットセット:ブログ欄ウィジェットテンプレート ・Bウィジェットセット:メニューウィジェットテンプレート となります。「変更を保存」をクリックしたあと、メインページを再構築すれば、メインページの<$mt:WidgetSet name="Aウィジェットセット"$>の部分に「ブログ欄ウィジェットテンプレート」の内容が、<$mt:WidgetSet name="Bウィジェットセット"$>の部分に「メニューウィジェットテンプレート」の内容が表示されます。 このような感じで、ドラッグ&ドロップによるメニューとコンテンツの配置入替が実現できます。

eijikun
質問者

お礼

ご丁寧な内容、大変恐縮です。 実際にやってみます。 誠にありがとうございます。

その他の回答 (1)

  • chikotto
  • ベストアンサー率46% (23/50)
回答No.1

JavaScriptの制御が必要で、それを作るには結構知識が必要ですよ。 ポンとするできるものではありません。 MTがどうのという以前の問題だと思います。 そのへんの知識があれば組み込むことは可能です。

eijikun
質問者

補足

ありがとうございます。 としますと、MTで何か設定をすればできるということではなく MTそのものに、このような機能は無い という理解でよろしいでしょうか? また、このようなことができる機能は 専門用語でなんというのでしょうか? 出来ましたら回答を、よろしくお願いします。

関連するQ&A

  • webブラウザ上でコンテンツをドラックアンドドロップで配置換えできる方法

    以前、web上でコンテンツをドラックアンドドロップで移動できる画面を見ました。 たとえば左からメニュー欄、ブログ欄、リンク欄とあった場合、 メニューをドラッグしてブログ欄とリンク欄の間でドロップすると、 左からブログ欄、メニュー欄、リンク欄と コンテンツの配置入替ができるという内容でした。 そこで質問です。 1.これを専門用語だとなんというのですか? 2.これは、どのようなやり方、システム等を利用すればできるのですか? 3.また、このようなソフトは販売されているのですか? よろしくお願いいたします。

  • Movable Type4で、レイアウトを変える方法を教えてください。

    Movable Type4の初心者で、レイアウトからつまづいてます(泣)。 よろしくお願い致します。 まず、スタイルキャッチャーで下記の様な、 webページとブログページをあわせたページを作っています。 >>http://www.mtstyle.jp/sample/mts_s01/ そこで、質問なのですが 1、Movable Type4で、レイアウトを変える方法を教えてください。 現在、右メニューの「2カラム、大・小」なのですが、 左メニューの「2カラム、小・大」に変更したいのですが、 どこを変更すれば良いか分かりません・・・。 又、変更する際は、ダッシュボードからの変更は可能でしょうか!? 2、トップページに、ブログのカテゴリーを置きたいのですが 可能でしょうか? 3、上の「ホーム」「ブログ」・・などのメニューを ダッシュボードから変更、または増やしたり出来ますか? よろしくお願い致します。

  • Movable Typeへの組み込み方法

    サイトをMovable Typeへ組み込もうと思っています。 ヘッダ、右メニュー、メインカラム、フッタの構成の場合、メインカラムの部分をブログ記事として設定する方法が良いのでしょうか。 また同じサイト内でトップページだけはレイアウトが違っていたり、ページによっては左メニューになったりという場合はどのように対処すれば良いのでしょうか。

  • Movable Typeの構築の仕方

    Movable Typeを購入予定です。 使用目的はブログ機能としてではなく、CMSとしての機能で考えております。 そこで教えて頂きたいのが、Movable Typeを使って実際サイトを構築する時に、DreamweaverのようにHTMLのコーディングソフトとしての機能はあるのでしょうか? 全部タグで構築するのでしょうか? よろしくお願いします。

  • Movable Type で フレームのような使い方が出来ますか?

    はじめまして、ちょっとMovable Typeを利用していて行き詰まりました!。。。 ビジネスブログの用な形で構築中ですが、 ヘッダーに大きめに画像とロゴ画像を入れ、 その下ナビゲーションバーの画像を横並びにしています。 そして左サイドに同じようにバナーを縦に5つ程画像を配置しています。 左はメインスペースで、ブログの内容が表示されるようにしているのですが、そこの部分が、ナビゲーションバーや、バナーをクリックすると用意した画像にかわったり、用意しているウェブページに差し変わったりしたいのですが、やりかたがまったく分かりません! もちろんヘッダー画像とバナー等は固定です。 フレーム等を使えばできるのかも知れませんが、Movable Type であればタグを使い出来るのではないかと思っています。 どなたか、よろしくご指導、お願いいたします!

    • 締切済み
    • CSS
  • Movable Typeはwindowsサーバで動く?

    Movable Typeを使ってブログを構築しようと思ったのですが、うちの会社のWebサーバはwindows2000です。 windows2000サーバでも、Movable Typeは動作するのでしょうか? DBに、Berkeley DB、MySQL、PostgreSQL、SQLite などが必要とのことですが、これらのDBはwindowsでは動作しないと思ったので、質問させていただきました。 また、webサーバにWindowsを使っている環境で動作するブログ構築ソフトがあれば教えてください。

  • ドラッグ&ドロップで画像が移動できない

    先日同様の質問をしたのですが、回答がゼロでしたので、質問を変えて再度ご質問いたします。 画像ファイルをドラッグ&ドロップでファイル移動させたいのですが、移動はせずにドロップしたフォルダの中に勝手にショートカットを作ってしまいます。 なぜか、時々ちゃんと移動できます。 右クリックで「移動」「貼り付け」は出来ます。 1、これは設定で直すことはできるのでしょうか?それともバグでしょうか? 2、設定で変更できるかどうかメニューの中から探したいのですが、 「移動させずにドロップしたフォルダの中にショートカットを作る」 この操作のコマンド名はあるのでしょうか? または「ドラッグ&ドロップでファイル移動させる」というコマンド名はあるのでしょうか? あれはそのコマンド名をメニューの中から探したいと思います。 ちなみにそのソフトは「ACDSee」です。

  • ドラッグ&ドロップによる項目移動

    ドラッグ&ドロップによる項目の移動が出来るかどうかを教えて頂きたいです。 また出来るのであればやり方(参考サイト等)教えて下さい>< 検索してもドラッグ&ドロップでファイルパスの取得とかしか出ないので困っています>< ・リストボックスを2つ配置して選択している項目を2つのリストボックス間で移動したいです。 (1)リストボックス1の項目を選択 (2)リストボックス2へドラッグ&ドロップ (3)リストボックス1では選択されていた項目を削除、リストボックス2へは項目を追加 ・DataGridViewなどのテーブル表示の列の入れ替え Windowsのフォルダで「名前、更新日時、種類、サイズ、...」と並んでいる項目をマウス操作で入れ替えなど出来ますよね?あんな事も出来たりしませんかね? 「マウスでのドラッグ&ドロップで操作する」がポイントです よろしくお願いします。

  • ドラッグ&ドロップでコンテンツを移動させる。(scriptaculaus)

    お世話になります。 ドラッグ&ドロップでコンテンツを自由に並び替えができるものを作ろうとしております。 以下のソースでドラッグ&ドロップで並び替えが出来るのですが もう少し手を加えたいと思っております。 やりたい事 1.ドラッグ中(onmousedown状態)で、配置元の下に同じ大きさのボックス(破線:border-style: dashed)を表示。 2.ドラッグ中、順番が変化した時点(Sortable.createのonChange状態)で、配置先に選択した同じ大きさのボックス(破線:border-style: dashed)を表示。  かつ配置元で表示したボックスは消去。 つまりはgoogleのパーソナライズドホームと同じことが出来ればと思っております。 お忙しいところ申し訳ありませんが どうかご教授よろしくお願いいたします。 バージョン:scriptaculous-js-1.6.1 ソースを載せようと思ったら、文字数制限で引っかかってしましました。 のちに回答を頂いた後、補足で載せます。

  • Wordでの図の配置

    WordにEPS形式の画像データを挿入しました。 場所は左よりになっています。 これを右の方に移動させたいと思っています。 ドラッグしようとしてもできません。 どのようにしたら、自由な位置に配置できるようになるでしょうか? よろしくお願いします。