第17回:画像や文章をかっこよく配置したい!執筆:#fc0(株式会社エフシーゼロ)2016年9月12日更新ツイート閲覧数3,701viewsこのコラムをPDF形式でダウンロードする「はじめて相談室」では、「はじめてWEB」を使ったホームページづくりが初めての方のお悩みや不安にナビゲーターがお答えします!「こんなこと聞いていいのかな...」という方大歓迎の相談室です。今回は、画像や文章をかっこよく配置するにはどうすればいいの?というご相談です。おたよりはじめまして。先週「はじめてWEB」でホームページを作りはじめました。簡単に文字を入力したり写真を入れたりできて、私でもホームページが作れそう!とても感動しています。実際に文字や写真を入れてみると、どこにどんな文字や写真を配置したらいいのかが分からず、なんだかちぐはぐなホームページになってしまいました。して文字や画像の配置はセンスが必要なのでしょうか?(たまにはピーマンの肉詰めさんより)ナビゲーターからの回答たまにはピーマンの肉詰めさん、こんにちは!「はじめてWEB」ナビゲーターの広瀬みかです。「はじめてWEB」で使われているJimdoは「コンテンツ」と呼ばれるパーツを組み合わせてページを作っていくので誰でも簡単にホームページができるサービスです。この「コンテンツ」をどう組み合わせたらいいのかってとても悩むところだと思います。痛いぐらいにわかりすぎます。私も最初そうでしたもん!実は最近、たまにはピーマンの肉詰めさんのように「どうやって配置したらいいのかわからない」という方にぴったりな『定型ページ』という機能が追加されました。今回はこちらを紹介しますね!『定型ページ』って?各ページの「文字や画像などのコンテンツ配置のサンプル集」です(ホームページ全体の「レイアウト」とは別のものです)。プロの技がたくさん詰まった「ホームページでよく使われる配置例」なので、定型ページを設定したあとは文字や画像を差し替えるだけで、いままでできそうでできなかったプロっぽい仕上がりになるステキ機能です。『定型ページ』をつかうには?[ナビゲーション]から新規ページを作成したあと、そのページにアクセスすると、図のような画面が最初に出てきます。この「定型ページを利用する」をクリックします。『定型ページ』をみてみよう!「定型ページを利用する」画面が出てきました。ここにさまざまな場面に応じた「コンテンツ配置」の例が一覧で表示されます。使ってみたいコンテンツ配置をクリックして、ページに挿入します。最初は見出しや文章が英語なのでびっくりしますが、あとは、それぞれの[コンテンツ]に文字を上書きしたり、画像を差し替えたりするだけで、あら不思議!プロっぽい仕上がりのページになっていきます。『定型ページ』にはどんなものがあるの?『定型ページ』はざっくりと[ホーム][概要][サービス][お問い合わせ先][画像]でカテゴリー分けされているので用途に応じて探しやすくなっています。[ホーム]ホーム(トップページ)でよく使われる[コンテンツ]の配置ですが、トップページ以外でもいろいろ使えそう![概要]会社紹介や商品やメニューの詳細を伝えるページによく使われる[コンテンツ]の配置です。使うパターンが多いです。ページレイアウトの基本がいっぱいです。[サービス]飲食店のメニューや商品を一覧で見せるときにいい感じの[コンテンツ]の配置です。スタッフ紹介にも良さそう!ここにある[コンテンツ]の配置が使いこなせるようになると、ワンランク上のホームページに近づけます。[お問い合わせ先]ホームページに必要な「お問い合わせ」ページの[コンテンツ]の配置の例です。ここを見ると、お問い合わせページにどんな内容を載せたらいいのかのヒントも満載です。[画像]写真をメインにしたページの[コンテンツ]の配置の例です。写真を並べるだけでなく、大きさや文字の位置など、プロの技が詰まっています。『定型ページ』はあくまでも「コンテンツの配置サンプル集」です。[コンテンツ]を動かしたり、追加したり、削除したり自由にできます。使い分けや、「カラム」や「ボタン」の使い方など、Jimdoの[コンテンツ]を効果的に使う方法を学ぶ素材としてもおすすめです。ホームページの配置の方法をマスターして、よりよいホームページにしていってくださいね!おたよりお待ちしています!「はじめて相談室」では、みなさまからの「はじめて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が提供しています。