第21回:文字や写真の順番を入れ替えたい!執筆:#fc0(株式会社エフシーゼロ)2017年1月16日更新ツイート閲覧数3,537viewsこのコラムをPDF形式でダウンロードする「はじめて相談室」では、「はじめてWEB」を使ったホームページづくりが初めての方のお悩みや不安にナビゲーターがお答えします!「こんなこと聞いていいのかな...」という方大歓迎の相談室です。今回は、文章や写真などのコンテンツを簡単に移動する方法についての質問です。おたよりはじめまして。先日から「はじめてWEB」を使ってホームページを作っています。写真コンテンツや文章コンテンツを追加しながら作っていくのでとても楽しいです!ですが、文章や写真の順番を入れ替えたいときに、せっかく入力した文字を入力しなおしたり、写真をアップロードしなおしたりするのがいつもとてもツライです。文字や写真を消さない方法ってあるんでしょうか?(こたつみかんさん)ナビゲーターからの回答こたつみかんさん、はじめまして!「はじめてWEB」ナビゲーターの広瀬みかです。いえば、おこたって何年もみかけてないなぁ・・・おこたっていいですよね!おこた!あ、失礼しました。コンテンツを順番に入れていくとホームページが作れるのって楽しいですよね!でも最初に入れた順番を間違ったときに入力しなおしたり、写真をアップロードしたりするのは本当に大変です。大丈夫です!実はコンテンツは簡単に移動することができるんです!ということで、今回はコンテンツを簡単に移動する方法や一時的に保存する方法などをご紹介します。クリックで動かす移動したいコンテンツをクリックで選択すると、コンテンツの左に4つのボタンが表示されます。上に移動したいときは[コンテンツを上に移動]ボタンをクリック1、下に移動したいときは[コンテンツを下に移動]ボタンをクリックします2。簡単で失敗しづらいおすすめの方法です。ドラッグで動かす[コンテンツを移動]ボタンは、コンテンツをひとつずつ移動できますが、一気に移動したいときはドラッグも便利です。移動したいコンテンツをクリックで選択すると、右側に大きな「+」エリアが表示されます3。この「+」エリアを移動したいところまでぐぐぐぐいーとドラッグします。この方法は、たまに思い通りのところにドラッグしづらかったりするので、少し慣れが必要かもしれません。カラムコンテンツは少しコツがいります[カラム]コンテンツを移動するときは、まず[カラム]を選択しなくてはいけないんですが、これが割と難しいんです。[カラム]コンテンツの上でマウスをポイントします。だいたいの人は「クリック」してしまうんです。クリックしてしまうと、カラムの中にあるコンテンツが選択されてしまいます。なってしまったときは、コンテンツの左下にある「×」をクリックして4、なにごともなかったかのよう振る舞ってください。クリックしたい気持ちをぐっと押さえて[カラム]コンテンツを移動したいときは、クリックしたくなる気持ちをぐっと押さえて、そっと優しく「ポイント(マウスポインターを乗せるだけ)」をしてください。ポイントは「ポイント」です。マウスポイントしたときにだけ出る[カラム]コンテンツの下に表示される水色の[カラムを編集]をクリックします5。すると、[カラム]コンテンツ全体の編集表示になるので、さきほど紹介した[コンテンツを移動]ボタンで上下にひとつずつ移動するもよし、右側の[+]エリアを使ってぐぐぐいーとドラッグで移動することもできます。別のページに移動もできますそして!コンテンツの移動はページ内に留まらず、別のページへも移動することができます。移動したいコンテンツを選択し、右側の[+]エリアをページ上部にドラッグします。すると、ページ上部に[移動したいコンテンツをここで一時保存する]エリアが表示されるので、ここまでぐいっとドラッグします。次にコンテンツを移動させたいページに移動し、ページ上部に一時的に保存しているところからドラッグで下ろします。コンテンツをコピーしてから移動すると、カラムの幅などレイアウトを保ったまま別のページでも使えるのでウェブサイト全体の統一感がでてプロっぽくなるのでおすすめです。一時的に保存エリアが一時的にジャマになるときは[一時的に保存エリア]にコンテンツが入っているときは、いつもページの上部にしっかりいます。存在感のアピール感すごいです。保存したコンテンツを「あとから使いたい」ときももちろんありますよね。ページ上部にあって本当にジャマに思えるときもよくあります。そんなときは、[一時的に保存エリア]の下にある小さなボタンをクリックしてみてください6。あら不思議、[一時的に保存エリア]がすぅーっと畳まれました。広げたいときは同じボタンをクリックすると表示されます7。いかがでしたでしたか?がんばって入力した文章やアップロードした画像などのコンテンツは「移動」で順番を入れ替えることができます。お客さまの動きや売れ行きなどに合わせて、コンテンツの移動して表示順を変えてみるというのもいいと思います!ぜひ試してみてくださいね!おたよりお待ちしています!「はじめて相談室」では、みなさまからの「はじめてWEB」の素朴な疑問をお待ちしています!「こんなこと聞いたら恥ずかしいかも。」というご質問大歓迎です!「はじめてWEB」ナビゲーターがなんでもお答えしちゃいます!おまちしてまーす!ナビゲーターへの質問はこちらから!このコラムでは、パソコン初心者の方からの「こんなこと聞いてもいいのかしら?」という質問にお答えしています。※毎月1回程度のコラムですので、急を要する質問にはお答えできません。※すべての質問にお答えできるわけではありませんので、あらかじめご了承ください。※Jimdoの操作や、はじめてWEBに関する質問はQ&Aコーナーもご活用ください。確認する「はじめてWEB」でホームページを作成しよう!「はじめてWEB」のホームページ開設支援サービスとは、7つのステップで簡単に無料で作成ができ、さらにその後1年間無料でご利用いただけるサービスです。「はじめてWEB」のお申し込みには「Jimdoアカウント」が必要です。1「Jimdoアカウント」を作成した後に、2「はじめてWEB」の登録を行います。1※「Jimdoアカウント」を既にお持ちの方は、「ログイン」から始めます。»ツイートこのコラムをPDF形式でダウンロードする#fc0(株式会社エフシーゼロ)JimdoExperthttp://fc0.vc/「もっと多くの人に、"Webへの入口"を」をコンセプトに、中小企業や個人商店をメインとしたWebサイトの企画・制作・運営アドバイスなどの業務を行う。初心者を対象とした講師・執筆も多数。これからはじめるDreamweaverの本』(同)、『ああしたい、こう変えたいが手にとるようにわかるCSS基礎』(共著、エムディエヌコーポレーション)など。(著)「Jimdo」で会社やお店のホームページを作りたい方は本書を読めばバッチリ!Jimdoの基本操作から、「会社のホームページ作りの考え方」「会社のホームページに必要な情報/内容」「ホームページを見る人のためのデザイン」「運用して改善していくための方法」といった本格的な知識までを、「プロ」の視点からしっかり解説します。「会社やお店のホームページをこれから作る方」、「満足のいくホームページにしていきたい方」のどちらへもおすすめの1冊です。ための経理サポートサイト文具、通信、オフィスのことなら何でもお任せ問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール事務所開設するなら固定電話番号で信頼アップ本コンテンツは、掲載時点の内容となります。「みんなのビジネスオンライン」は「はじめてWEB」にお読み替えいただきますようお願いいたします。Reserved.「はじめてWEB」はKDDIが提供しています。