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

  1. TOP
  2. はじめて相談室 : 第21回 文字や写真の順番を入れ替えたい!

エキスパートコラム

はじめて相談室

第21回:文字や写真の順番を入れ替えたい!

執筆:#fc0(株式会社エフシーゼロ)

2017年1月16日更新

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

閲覧数1,413views

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

「はじめて相談室」では、「はじめてWEB」を使ったホームページづくりが初めての方のお悩みや不安にナビゲーターがお答えします!「こんなこと聞いていいのかな…」という方大歓迎の相談室です。

今回は、文章や写真などのコンテンツを簡単に移動する方法についての質問です。

おたより

はじめまして。先日から「はじめてWEB」を使ってホームページを作っています。写真コンテンツや文章コンテンツを追加しながら作っていくのでとても楽しいです!
ですが、文章や写真の順番を入れ替えたいときに、せっかく入力した文字を入力しなおしたり、写真をアップロードしなおしたりするのがいつもとてもツライです。
文字や写真を消さない方法ってあるんでしょうか?(こたつみかんさん)

ナビゲーターからの回答

ナビゲーター

こたつみかんさん、はじめまして!
「はじめてWEB」ナビゲーターの広瀬みかです。
そういえば、おこたって何年もみかけてないなぁ・・・おこたっていいですよね!おこた!

あ、失礼しました。
コンテンツを順番に入れていくとホームページが作れるのって楽しいですよね!でも最初に入れた順番を間違ったときに入力しなおしたり、写真をアップロードしたりするのは本当に大変です。

でも大丈夫です!実はコンテンツは簡単に移動することができるんです!
ということで、今回はコンテンツを簡単に移動する方法や一時的に保存する方法などをご紹介します。

コンテンツを動かす2つの方法

1. クリックで動かす

移動したいコンテンツをクリックで選択すると、コンテンツの左に4つのボタンが表示されます。
上に移動したいときは[コンテンツを上に移動]ボタンをクリック①、下に移動したいときは[コンテンツを下に移動]ボタンをクリックします②。

一番簡単で失敗しづらいおすすめの方法です。

2. ドラッグで動かす

[コンテンツを移動]ボタンは、コンテンツをひとつずつ移動できますが、一気に移動したいときはドラッグも便利です。

移動したいコンテンツをクリックで選択すると、右側に大きな「+」エリアが表示されます③。

この「+」エリアを移動したいところまでぐぐぐぐいーとドラッグします。
この方法は、たまに思い通りのところにドラッグしづらかったりするので、少し慣れが必要かもしれません。

カラムコンテンツは少しコツがいります

[カラム]コンテンツを移動するときは、まず[カラム]を選択しなくてはいけないんですが、これが割と難しいんです。

[カラム]コンテンツの上でマウスをポイントします。でも、だいたいの人は「クリック」してしまうんです。クリックしてしまうと、カラムの中にあるコンテンツが選択されてしまいます。

こうなってしまったときは、コンテンツの左下にある「×」をクリックして④、なにごともなかったかのよう振る舞ってください。

クリックしたい気持ちをぐっと押さえて

[カラム]コンテンツを移動したいときは、クリックしたくなる気持ちをぐっと押さえて、そっと優しく「ポイント(マウスポインターを乗せるだけ)」をしてください。そうポイントは「ポイント」です。マウスポイントしたときにだけ出る[カラム]コンテンツの下に表示される水色の[カラムを編集]をクリックします⑤。

そうすると、[カラム]コンテンツ全体の編集表示になるので、さきほど紹介した[コンテンツを移動]ボタンで上下にひとつずつ移動するもよし、右側の[+]エリアを使ってぐぐぐいーとドラッグで移動することもできます。

別のページに移動もできます

そして!コンテンツの移動はページ内に留まらず、別のページへも移動することができます。
移動したいコンテンツを選択し、右側の[+]エリアをページ上部にドラッグします。

そうすると、ページ上部に[移動したいコンテンツをここで一時保存する]エリアが表示されるので、ここまでぐいっとドラッグします。

次にコンテンツを移動させたいページに移動し、ページ上部に一時的に保存しているところからドラッグで下ろします。

またコンテンツをコピーしてから移動すると、カラムの幅などレイアウトを保ったまま別のページでも使えるのでウェブサイト全体の統一感がでてプロっぽくなるのでおすすめです。

一時的に保存エリアが一時的にジャマになるときは

[一時的に保存エリア]にコンテンツが入っているときは、いつもページの上部にしっかりいます。存在感のアピール感すごいです。でも保存したコンテンツを「あとから使いたい」ときももちろんありますよね。なのに、ずっとページ上部にあって本当にジャマに思えるときもよくあります。

そんなときは、[一時的に保存エリア]の下にある小さなボタンをクリックしてみてください⑥。

あら不思議、[一時的に保存エリア]がすぅーっと畳まれました。
また広げたいときは同じボタンをクリックすると表示されます⑦。

いかがでしたでしたか?
がんばって入力した文章やアップロードした画像などのコンテンツは「移動」で順番を入れ替えることができます。お客さまの動きや売れ行きなどに合わせて、コンテンツの移動して表示順を変えてみるというのもいいと思います!

ぜひ試してみてくださいね!

おたよりお待ちしています!

ナビゲーター

「はじめて相談室」では、みなさまからの「はじめてWEB」の素朴な疑問をお待ちしています!
「こんなこと聞いたら恥ずかしいかも。。。」というご質問大歓迎です!
「はじめてWEB」ナビゲーターがなんでもお答えしちゃいます!
おまちしてまーす!

ナビゲーターへの質問はこちらから!

このコラムでは、パソコン初心者の方からの
「こんなこと聞いてもいいのかしら?」という質問にお答えしています。

  • ※毎月1回程度のコラムですので、急を要する質問にはお答えできません。
  • ※すべての質問にお答えできるわけではありませんので、あらかじめご了承ください。
  • ※Jimdoの操作や、はじめてWEBに関する質問はQ&Aコーナーもご活用ください。

お名前(ペンネーム)

メールアドレス

質問

確認する

はじめてWEB

「はじめてWEB」でホームページを作成しよう!

「はじめてWEB」のホームページ開設支援サービスとは、7つのステップで簡単に無料で作成ができ、さらにその後1年間無料でご利用いただけるサービスです。

さあ、はじめよう!

さあ、はじめよう!

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

#fc0(株式会社エフシーゼロ)

#fc0(株式会社エフシーゼロ)

JimdoExpert
http://fc0.vc/

「もっと多くの人に、"Webへの入口"を」をコンセプトに、中小企業や個人商店をメインとしたWebサイトの企画・制作・運営アドバイスなどの業務を行う。また、主に初心者を対象とした講師・執筆も多数。

主な著書に『デザインの学校 これからはじめるFireworksの本』(技術評論社)、『デザインの学校 これからはじめるDreamweaverの本』(同)、『ああしたい、こう変えたいが手にとるようにわかるCSS基礎』(共著、エムディエヌコーポレーション)など。

小さなお店&会社のホームページ Jimdo入門

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

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

コラム週間アクセスランキング[期間:2017/10/8~2017/10/14]

おすすめコンテンツ

はじめてWEBおすすめ本

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

  • ソウギョウノート

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

  • 経理通信

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

  • まとめてオフィス

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

  • フリーコールS

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

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ