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

  1. TOP
  2. みんビズ制作講座 デザインカスタマイズ : 第6回 カラム機能を活用してみよう

エキスパートコラム

みんビズ制作講座:デザインカスタマイズ(全10回)

第6回:カラム機能を活用してみよう

執筆:原 一宣。(株式会社Gazi工房)

2013年2月6日更新

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

閲覧数3,198views

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

みんビズを利用していて、「画像や文章の段落を横並びに表示させたい。」と思ったことはありませんか?
今回は「カラム機能を活用してみよう」と題して、画像や文章を横並びに表示させる「カラム機能」について解説します。

カラムとは

「カラム機能」と簡単に言葉を使ってしまいましたが、そもそも「カラム」とは、縦方向のまとまり。
つまり、列を意味します。「カラム機能」はページ内に「列」を作る機能だということになります。

カラム機能を使ってみよう

「カラム機能」の使い方はいたってカンタンです。

まず、みんビズにログインし、カラムを挿入したいページを開きます。
[コンテンツメニュー]から[カラム]をクリックします。

2カラム分の入力エリアが表示されます。

「新項目の追加」をクリックし、ページを作成するのと同様に、写真やテキストなどを選択し、入力して[保存]をクリックします。(例では、写真を選択しています。)

<注意点>

  • コンテンツメニューに表示はされていますが、カラムの中に[カラム]、[ブログの表示]は挿入することができません。
  • カラムの中に「写真と余白」、「文章と水平線」など縦に2つ以上のコンテンツを挿入することもできません。

最後に[保存]をクリックして完了です。
これで写真を横並びに配置することができました。

ちなみに、カラムの最大数は6つまでとなっています。

カラムの編集

カラムの追加

「カラム」を追加したい場合は、カラムの編集画面の右下の[+(列の追加)]をクリックします。
[+(列の追加)]をクリックする度に、右に「カラム」が追加されていきます。(最大6つまで)

最後に[保存]をクリックして完了です。

<注意点>

  • カラムの追加は、右側のみとなります。カラムとカラムの間に追加することはできません。
  • 画像や写真がすでにあるカラムに追加する場合は、表示範囲(幅)が変わるので、画像や写真のサイズの変更が必要です。

カラムの削除

カラムの削除は削除したいカラムの左下の[ゴミ箱]をクリックします。

「この列を削除してもよろしいですか?」とメッセージが表示されるので、[はい、削除します。]をクリックします。

「カラムの追加」と同様、最後に[保存]をクリックして完了です。

<注意点>

  • カラムの追加と同じように、画像や写真がすでにあるカラムから削除する場合は、表示範囲(幅)が変わるので、画像や写真のサイズの変更が必要です。

カラムの幅の調整

カラムとカラムの間にある境界線をドラッグして、幅を調整することが可能です。
調整が終わったら[保存]をクリックして完了です。

「カラム機能」を上手に活用することで、ページがよりグラフィカルになり、個性や特色も打出しやすくなると思います。楽しみながら使ってみましょう。

次回、第8回「見やすい表組を使ってみよう」では、表組について解説します。

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

原 一宣。(はら・かずのり)

原 一宣。(はら・かずのり)

株式会社Gazi工房 代表取締役/JimdoExpert
http://gazikobo.co.jp/

1974年、福島県福島市生まれ。東北福祉大学社会福祉学部社会福祉学科卒業。山形県川西町在住。食品加工会社、電子基板製造会社を経て、フリーランスでWeb制作活動を開始。
2007年に株式会社Gazi工房を設立。Webサイトの企画・設計、制作業務に従事。
イラストやキャラクターデザイン、地域づくりの企画・助言、パソコン教室なども行う。
元東北芸術工科大学 非常勤講師。クリエイティブユニット「gabs」メンバー。
CSS Nite in FUKUSHIMA実行委員。

著書『HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。』(共著、エムディエヌコーポレーション)、『ああしたい、こう変えたいが手にとるようにわかるCSS基礎』(同)。

ああしたい、こう変えたいが手にとるようにわかるCSS基礎

  • はじめてWEB 大感謝祭!~新規加入または2年目更新をし、アンケートに答えてギフト券をもらおう!~
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!
  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス

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

コラム週間アクセスランキング[期間:2017/4/16~2017/4/22]

おすすめコンテンツ

はじめてWEBおすすめ本

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

  • ソウギョウノート

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

  • 経理通信

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

  • まとめてオフィス

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

  • フリーコールS

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

  • auオフィスナンバー

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