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

  1. TOP
  2. はじめて相談室 : 第17回 画像や文章をかっこよく配置したい!

エキスパートコラム

はじめて相談室

第17回:画像や文章をかっこよく配置したい!

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

2016年9月12日更新

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

閲覧数1,334views

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

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

今回は、画像や文章をかっこよく配置するにはどうすればいいの?というご相談です。

おたより

はじめまして。先週「はじめてWEB」でホームページを作りはじめました。簡単に文字を入力したり写真を入れたりできて、私でもホームページが作れそう!とても感動しています。
ですが実際に文字や写真を入れてみると、どこにどんな文字や写真を配置したらいいのかが分からず、なんだかちぐはぐなホームページになってしまいました。もしかして文字や画像の配置はセンスが必要なのでしょうか?(たまにはピーマンの肉詰めさんより)

ナビゲーターからの回答

ナビゲーター

たまにはピーマンの肉詰めさん、こんにちは!
「はじめてWEB」ナビゲーターの広瀬みかです。

「はじめてWEB」で使われているJimdoは「コンテンツ」と呼ばれるパーツを組み合わせてページを作っていくので誰でも簡単にホームページができるサービスです。ですが、この「コンテンツ」をどう組み合わせたらいいのかってとても悩むところだと思います。とてもよくわかります。痛いぐらいにわかりすぎます。だって私も最初そうでしたもん!

実は最近、たまにはピーマンの肉詰めさんのように「どうやって配置したらいいのかわからない」という方にぴったりな『定型ページ』という機能が追加されました。今回はこちらを紹介しますね!

『定型ページ』って?

各ページの「文字や画像などのコンテンツ配置のサンプル集」です(ホームページ全体の「レイアウト」とは別のものです)。

プロの技がたくさん詰まった「ホームページでよく使われる配置例」なので、定型ページを設定したあとは文字や画像を差し替えるだけで、いままでできそうでできなかったプロっぽい仕上がりになるステキ機能です。

『定型ページ』をつかうには?

[ナビゲーション]から新規ページを作成したあと、そのページにアクセスすると、図のような画面が最初に出てきます。この「定型ページを利用する」をクリックします。

『定型ページ』をみてみよう!

「定型ページを利用する」画面が出てきました。ここにさまざまな場面に応じた「コンテンツ配置」の例が一覧で表示されます。

使ってみたいコンテンツ配置をクリックして、ページに挿入します。
最初は見出しや文章が英語なのでびっくりしますが、あとは、それぞれの[コンテンツ]に文字を上書きしたり、画像を差し替えたりするだけで、あら不思議!プロっぽい仕上がりのページになっていきます。

『定型ページ』にはどんなものがあるの?

『定型ページ』はざっくりと[ホーム][概要][サービス][お問い合わせ先][画像]でカテゴリー分けされているので用途に応じて探しやすくなっています。

[ホーム]

ホーム(トップページ)でよく使われる[コンテンツ]の配置ですが、トップページ以外でもいろいろ使えそう!

[概要]

会社紹介や商品やメニューの詳細を伝えるページによく使われる[コンテンツ]の配置です。わりとよく使うパターンが多いです。ページレイアウトの基本がいっぱいです。

[サービス]

飲食店のメニューや商品を一覧で見せるときにいい感じの[コンテンツ]の配置です。スタッフ紹介にも良さそう!ここにある[コンテンツ]の配置が使いこなせるようになると、ワンランク上のホームページに近づけます。

[お問い合わせ先]

ホームページに必要な「お問い合わせ」ページの[コンテンツ]の配置の例です。ここを見ると、お問い合わせページにどんな内容を載せたらいいのかのヒントも満載です。

[画像]

写真をメインにしたページの[コンテンツ]の配置の例です。単に写真を並べるだけでなく、大きさや文字の位置など、プロの技が詰まっています。

『定型ページ』はあくまでもサンプル集

『定型ページ』はあくまでも「コンテンツの配置サンプル集」です。なので、もちろん[コンテンツ]を動かしたり、追加したり、削除したり自由にできます。
文字と画像の配置だけでなく、見出し「大」「中」「小」の使い分けや、「カラム」や「ボタン」の使い方など、Jimdoの[コンテンツ]を効果的に使う方法を学ぶ素材としてもおすすめです。

ホームページの配置の方法をマスターして、よりよいホームページにしていってくださいね!

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

ナビゲーター

「はじめて相談室」では、みなさまからの「はじめて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/9/17~2017/9/23]

おすすめコンテンツ

はじめてWEBおすすめ本

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

  • ソウギョウノート

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

  • 経理通信

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

  • まとめてオフィス

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

  • フリーコールS

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

  • auオフィスナンバー

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