うーん…やっぱりどちらを上に載せるかなんてぼくには決められないなぁ~。
どっちも好きだし…。
HOME > 実践!ホームページ作成! > 第26回 カラムで並べちゃおう!
【連載】 実践!Jimdoでホームページ作成!
【第26回】 カラムで並べちゃおう!
![あっくん](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/ic0142a7f082516b5/version/1326169517/%E3%81%82%E3%81%A3%E3%81%8F%E3%82%93.jpg)
![チッチ](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/ic9f9e8a138aecde5/version/1326169538/%E3%83%81%E3%83%83%E3%83%81.jpg)
どうしたのあっくん?
![あっくん](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/ia6b7f0e839729b2d/version/1326169553/%E3%81%82%E3%81%A3%E3%81%8F%E3%82%93.jpg)
えっとね、ぼくの好きなおやつページを作ってるんだけど、シュークリームとロールケーキ、どちらを先に載せるか決められないんだ。
![チッチ](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/if1c0c03f628177af/version/1326169577/%E3%83%81%E3%83%83%E3%83%81.jpg)
…お…おやつの写真を載せるのに悩んでるの?
![あっくん](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/i498531a06e80cce8/version/1326169595/%E3%81%82%E3%81%A3%E3%81%8F%E3%82%93.jpg)
そうなんだ。チッチもチキンのガムとビーフジャーキーどちらの写真を先に載せるか決められないでしょ?
![チッチ](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/ie8facf951a999d4a/version/1326169622/%E3%83%81%E3%83%83%E3%83%81.jpg)
ガムとビーフジャーキー!…それは確かに悩むね。
あっくんの気持ちわかるよ。
![あっくん](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/i92929d04062ba601/version/1326169666/%E3%81%82%E3%81%A3%E3%81%8F%E3%82%93.jpg)
写真を横に並べられたら悩まなくていいのに。
フォトギャラリーだと写真のサイズがうまく調整できないし…。
横長の写真がいいんだよね~。
![チッチ](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/id19dca471daa4802/version/1326169682/%E3%83%81%E3%83%83%E3%83%81.jpg)
あっくん!それなら大丈夫だよ!
実は新機能「カラム」が増えたんだ!
これを使えば写真をきれいに横に並べられるよ。
![あっくん](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/ic3a59a3aa6f1f167/version/1326169702/%E3%81%82%E3%81%A3%E3%81%8F%E3%82%93.jpg)
カラム!?…カラメルじゃなくて?
あのプリンの甘くてちょっとほろ苦いカラメル大好きなんだ~!大人の味だよね!
![チッチ](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/i88eb0f73ab4be6a3/version/1326169721/%E3%83%81%E3%83%83%E3%83%81.jpg)
あっくん…おやつの話をしてるんじゃないんだよ…。
![あっくん](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/i0b43109a020899df/version/1326169736/%E3%81%82%E3%81%A3%E3%81%8F%E3%82%93.jpg)
うん、おいしーよね。で、カラメルってなに?写真並べられるの?
![チッチ](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/i8fb9cbfadb0209d2/version/1326169756/%E3%83%81%E3%83%83%E3%83%81.jpg)
えっと、カラムね。ちゃんと覚えようね、あっくん。
でも、カラムって聞きなれない言葉かもしれないね。
どんな機能か使ってみればすぐわかるよ!
![あっくん](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/i9291d7196cac84f9/version/1326169871/%E3%81%82%E3%81%A3%E3%81%8F%E3%82%93.jpg)
教えて教えて!
![チッチ](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/if70d0b50691bed9d/version/1326169955/%E3%83%81%E3%83%83%E3%83%81.jpg)
Jimdoはエレメントと呼ばれるブロックを縦に積んでページを作るんだけど、この「カラム」を使うと横にブロックを並べる事ができるようになったんだよ。
写真を横に並べるだけではなくて、表の横に写真を入れたり、スライドショーの横に文章を入れたり、ページ編集の自由度が格段に増したんだよ。
カラムの使い方
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/i05e2d47588ce0b70/version/1355118956/image.png)
コンテンツのメニューから「カラム」を選択します。
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/i356e08ec0c8b758e/version/1326194984/image.png)
このようなコンテンツを入れるボックスが表示されます。はじめは左右に2つのコンテンツを並べることができるようになっています。「新項目を追加」ボタンからいつもどおり表示したいコンテンツを選びます。
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/ia912d90947433a4b/version/1326194991/image.png)
右下にある「列を追加」ボタンをクリックすると右側に「カラム」が追加されます。
カラムは6つまで作成できます。
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/i701bb1963d9e140c/version/1326194998/image.png)
「カラム」の境界線をドラッグして左右に動かすことでカラムの大きさを変えられます。カラムの下にある「ゴミ箱」ボタンをクリックするとカラムを消すことができます。カラム内のコンテンツをまとめて削除してしまうので消すときは注意してください。
![あっくん](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/i3302b8c730fdc37e/version/1326170035/%E3%81%82%E3%81%A3%E3%81%8F%E3%82%93.jpg)
わーすごい!おもしろいね!今までも思い通りにページが作れると思ってたけど、さらに自由にページをつくることができるね!
![チッチ](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/i516a13698f0716d5/version/1326170050/%E3%83%81%E3%83%83%E3%83%81.jpg)
でしょう!これで写真が横に並べられるよ!
カラムは横に6個まで並べることができるんだ。
![あっくん](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/i07f151218bc78ac4/version/1326170064/%E3%81%82%E3%81%A3%E3%81%8F%E3%82%93.jpg)
え〜!!6個もおやつ並べていいの!?シュークリームでしょ~。ロールケーキに、ドーナツ!あと何にしようかな~。
![チッチ](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/iff2a12eeb3d782d5/version/1326170092/%E3%83%81%E3%83%83%E3%83%81.jpg)
あっくん…おやつ本当に好きだね。JimdoCafeもおやつのために張り切るもんね。
![あっくん](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/i710f348bc8e0d665/version/1326170136/%E3%81%82%E3%81%A3%E3%81%8F%E3%82%93.jpg)
よーしできた!これでぼくの好きなおやつの紹介ページができたよ!
ありがとう、チッチ!お礼にチキンのガムとビーフジャーキーあげるね!
![チッチ](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/ib325f4e082bac406/version/1326170163/%E3%83%81%E3%83%83%E3%83%81.jpg)
ほんと!うれしい!おいしい!ワンワン!
![あっくん](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/ia7b5b17f9d951c72/version/1326170189/%E3%81%82%E3%81%A3%E3%81%8F%E3%82%93.jpg)
チッチうれしそう!ぼくもおやつ買いに行こ~! 行ってくるね、チッチ!
![チッチ](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/i8ab99fc278e1cea5/version/1326170202/%E3%83%81%E3%83%83%E3%83%81.jpg)
あれ?おやつ食べてる間にあっくんもおやつ買いに行っちゃった…
ちゃんとカラムを使ったページできたのかな、あっくん。
どれどれ…ちゃんとできてる!でもすごい量のおやつの写真…。
あれ、僕の友達ってページが増えてる?なんだろう。
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/i9717e4072e9353b5/version/1326174244/image.jpg)
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/i0153f806ae49e839/version/1326174234/image.jpg)
僕の大切な友達「チッチ」いつも僕にJimdoを教えてくれるんだ。
とても仲良しな大事な友だちだよ!
by あっくん
![チッチ](https://image.jimcdn.com/app/cms/image/transf/none/path/s3a20e79d7411fdd5/image/i1bdaeaa7b2bd409f/version/1326170269/%E3%83%81%E3%83%83%E3%83%81.jpg)
あっくん…(涙)カラム機能を使ってあっくんとぼくを横に並べたかったんだ。 こんなページを作ってたなんて…
あっくん、これからもJimdoで楽しくホームページつくろうね。
カラム機能であっくんとチッチの仲も深まったみたい。よかったね、あっくん。