スマートフォンサイトを表示する

  1. TOP
  2. Jimdo逆引きコラム
  3. Jimdoの基本操作
  4. コンテンツをドラッグで移動

Jimdo逆引きコラム

Jimdoの基本操作

コンテンツをドラッグで移動

執筆:野崎 晃(株式会社デック)

2016年7月1日更新

  • このエントリーをはてなブックマークに追加

閲覧数968views

このコラムをPDF形式でダウンロードする

はじめてWEBはさまざまなコンテンツを組み合わせてホームページを作成していきます。
コンテンツの順番を並び替える時はコンテンツをドラッグ&ドロップして移動させることができます。

「ドラッグ」とはマウスで操作している場合であれば、マウスの左のボタンを押したままマウスを動かすこと、「ドロップ」とは押したままのボタンを離してドラッグを解除することです。

コンテンツの枠の左側(場合によっては右側)に表示されるアイコンからコンテンツを上下に移動させることもできますが、ページ内にコンテンツがたくさんある場合はボタンでひとつずつ移動するのは手間がかかります。一度にたくさんのコンテンツをまたいで移動したい時はドラッグ&ドロップを使うと簡単にできます。

また、カラムの中からカラムの外へ、カラムの外からカラムの中へコンテンツを移動する場合はドラッグ&ドロップで移動する必要があります。

コンテンツを上下に移動する

まずはホームページにログインをします。
次に、移動したいコンテンツが入っているページを表示します。

移動したいコンテンツにカーソルを合わせると、コンテンツのまわりに黒い枠が表示されます。
この枠の右側に十字矢印のアイコンとグレーのエリアがあります。

このエリアをドラッグしたまま、コンテンツを移動させたい場所まで動かします。

コンテンツを移動させたい場所にアイコンが表示されたタイミングでドロップすると、コンテンツが移動します。

カラムの中へコンテンツを移動する

あらかじめコンテンツを入れるためのカラムを用意しておきます。

移動したいコンテンツの枠の右側のグレーのエリアをドラッグしたまま、カラムの中に動かします。
カラムの中で、コンテンツを入れたい列にアイコンが表示されたタイミングでドロップすると、コンテンツがカラムの中に移動します。

カラムの外へコンテンツを移動する

カラムの中から外へ移動させたいコンテンツがあるページを表示します。

カラムの中のコンテンツの枠の右側のグレーのエリアをドラッグしたまま、カラムの外に動かします。
カラムの外で、コンテンツを移動させたい場所にアイコンが表示されたタイミングでドロップすると、コンテンツがカラムの外に移動します。

  • このエントリーをはてなブックマークに追加
このコラムをPDF形式でダウンロードする

野崎 晃(のざき・あきら)

野崎 晃(のざき・あきら)

株式会社デック 代表取締役/JimdoExpert
http://s-deck.jp/
http://jp-m.jimdo.com/

愛知県名古屋市を拠点に活動するWeb制作の会社の代表。
2009年Jimdoに出会い、より多くの人にJimdoの便利さ/楽しさを伝えるべく解説ページ「Jimdoでつくる簡単ホームページ!」を開設。JimdoJapan公式のJimdoCafeを運営するなど、Webサイトを多くの人にもっと身近に感じてもらうべく活動中。

著書に『WebデザイナーのためのJimdoスタイルブック』(共著、マイナビ)。

  • 「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!
  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

Jimdo逆引きコラム週間アクセスランキング[期間:2017/7/9~2017/7/15]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ
    今ならキャンペーン実施中!