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

  1. TOP
  2. Jimdo逆引きコラム
  3. Jimdoの基本操作
  4. カラムの幅を変更

Jimdo逆引きコラム

Jimdoの基本操作

カラムの幅を変更

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

2016年7月27日更新

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

閲覧数596views

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

はじめてWEBはさまざまなコンテンツを組み合わせてホームページを作成していきます。
コンテンツを追加したい位置を決め、追加したいコンテンツの種類を選択、そのコンテンツに必要な入力や設定を行うだけで簡単にページに反映することができます。

コンテンツを横に並べる時には「カラム」というコンテンツを使います。
カラムとは「見出し」「文章」「画像」のようなコンテンツを横に並べるための枠組みのような役割の要素です。この枠のひとつひとつは列と呼ばれるもので、列の横幅の比率は自由に変更することができます。

まずはホームページにログインをします。
次に、カラムを作成したページを表示します。

カラムの上にカーソルを合わせます。
カラムの下に「カラムを編集」ボタンが表示されますので、このボタンをクリックします。

カラムの編集画面が表示されます。

カラムとカラムの間にある薄いグレーのバーがカラムの横幅を調整できる要素です。
このグレーのバーをドラッグして左右に動かします。
動かすとバーの左右のカラムの横幅の比率が表示されます。

横幅の比率が決まったら「保存」ボタンをクリックしてください。

列の横幅を均等にする方法

列の横幅の比率を変更した後、もう一度比率を均等の状態に戻すこともできます。
カラムの列の横幅を変更したカラムの「カラムの編集」ボタンをクリックします。

カラムの編集画面が表示されますので「カラムの横幅を均等にする」ボタンをクリックします。

するとカラムの横幅の比率が均等な状態に戻ります。

執筆者

執筆者の活用術

カラムの列の幅はドラッグで調整するため、複数のカラムを作る時に列の幅をすべて同じになるように調整するのは手間がかかります。そのような時は、基準となる列の幅に調整したカラムをひとつ作り、そのカラムをコピーすれば簡単に同じ列の幅のカラムを増やすことができます。

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

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

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

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

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

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

  • 1年間無料

    「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを今なら45,000円(税抜)でリニューアル!

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

Jimdo逆引きコラム週間アクセスランキング[期間:2017/2/12~2017/2/18]

おすすめコンテンツ

はじめてWEBおすすめ本

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

  • ソウギョウノート

    飲食・小売・サービス業での開業スケジュールから融資申込に必要な書類が作成できるサービスです

  • 経理通信

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