シティブログ

みなさん、こんにちは。シティページ システム開発担当の上之郷です。

機能紹介では、シティページに導入されている様々な機能について紹介していきます。

今回はページ編集における、「フリーエリアの使い方」のテクニックを解説します。

テクニック例

フリーエリアを縦に複数個使い、以下のようなデザインを実現します。

ステップ１：「フリーエリア」アイテムの追加

コントロールパネルから、「ホームページ編集」 -> 「デザイン設定」 。

デザイン設定から、「デザインの設定変更」-> 「編集」ボタンをクリックし、アイテム編集画面を開きます。

「アイテム編集」画面の「アイテムの追加」から、フリーエリア１（文章オンリー）、フリーエリア３（左画像付き文章）、フリーエリア３（左画像付き文章）を、以下のように追加します。

ステップ２：「フリーエリア」の編集

1.フリーエリア１ （※1段目）

・タイトルと文章を入力し、更新します。

・「表示設定」から「マージン：下」に 0 を入力し、更新します。

2.フリーエリア３ （※2段目）

・文章を入力、画像を選択し、更新します（※タイトルは入力しません）。

・「表示設定」から「マージン：下」に 0 を入力し、更新します。

3.フリーエリア３ （※3段目）

・文章を入力、画像を選択し、更新します（※タイトルは入力しません）。

※マージン：下を 0 にすることで、下のアイテムとの間隔をなくし、１つのアイテムとして見えるようにしています。

※画像の横幅を揃えることで、より統一感のあるデザインに仕上がります。

備考

今回は「フリーエリア１」と「フリーエリア３」を使用しましたが、この使い方を応用すれば、様々なデザインを実現することが可能です。簡単ですので、是非試してみてください。

その他

ご意見、ご要望などあればコメント欄へご記入ください。

みなさん、こんにちは。シティページ システム開発担当の上之郷です。

機能紹介では、シティページに導入されている様々な機能について紹介していきます。

今回は「ページ編集」、各アイテムの「表示設定」を解説します。

表示設定とは

「各アイテム」の表示設定を変更することができます。

マージンとパディングについて

margin（マージン）とpadding（パディング）はともに、余白の領域を設定できます。

マージンは要素に対して外の余白で、パディングは要素に対して内の余白を指定します。

①マージン ： アイテムの外側の余白

②パディング ： アイテムの内側の余白

画像表示について

画像を表示する最大サイズを指定します。

ここで指定したサイズを超える画像が選択された場合、最大サイズまで縮小（リサイズ）されて表示されます。

※最大サイズよりも画像が小さい場合、原寸大のサイズで表示されます（拡大して表示しません）。

使用時の注意

・バージョン 1.02 現在

※マージン・パディングの「左」「右」項目は非推奨です。

（ホームページのレイアウトが崩れる原因になる場合があります）

※画像表示「横位置」は、「フリーエリア１（画像オンリー）」のみご利用頂けます。

※画像表示「縦位置」は現在ご利用いただけません。

その他

ご意見、ご要望などあればコメント欄へご記入ください。

 

いつもシティページをご利用頂き誠にありがとうございます。

今回はシティページの「ページ複数化」について告知いたします。

現在シティページは「気軽に誰でも作成できる」ようにと、ワンページの制作しかできないようになっておりますが、既にホームページをお持ちの方から複数ページ化の要望を多数頂いたこともあり、7月より「複数ページ化」の準備に取りかかります。

例えば「会社概要ページ」であったり、「商品一覧ページ」であったり、様々な利用方法が生まれるかと思います。

乞うご期待ください。

6月16日にモニター二次募集の告知をさせていただきましたが、早くも伊勢市内の1社様がモニターに参加していただけることになりました。

その際、モニターで書類（レポート）などを提出しなくてはならないのかというご質問を承りました。
この件につきましては、コントロールパネルの使用感やバグなど気がついたことをメールフォームより連絡いただくだけで構いません。

その他ご質問がありましたらお気軽に「お問い合せフォーム」よりお問い合せください。

みなさん、こんにちは。シティページ システム開発担当の上之郷です。

シティページでホームページを作る時、無料で役にたつ「サービス」をご案内します。

今回は、簡単にロゴ画像を作成してくれる「Supalogo」をご紹介いたします。

Supalogo

・URL ： http://supalogo.com/

・利用 ： 無料（登録不要）

Supalogoは、入力したテキストから「GENERATE」のボタンを押すだけで、簡単にロゴ画像を作ることができます。

フォントの種類やサイズ、フォントの色、グラデーションなども設定できます。

選択できるフォントは24種類。サンプルを用意しましたので参考にしてください。

（※日本語・一部の記号は使えません）

シティページへの利用方法

1. ロゴに使用するテキストを入力し、「GENERATE」ボタンをクリックして、ロゴを作成します。

2. 「DOWNLOAD（ダウンロード）」ボタンをクリックして、ロゴ画像をコンピュータに保存します。

3. シティページのコントロールパネル「画像管理」で、保存したロゴ画像をアップロードしてください。

4. 「ページ編集」で「画像の選択」ボタンをクリックし、使用したいロゴ画像を選択します。

サンプル

AERON

atwriter

headthinker

fontccaps

Sansation_Bold

MAILRAYS

Bolton

Comic Book

ASTRO867

balonez fantasia

arcade-r

rez

PHATP

DRUMSN

arch

chinese

japanese

208

flatley

raggmopp

randi

rolire

trtl

velvetillusions

昨年12月にモニターを募集しましたが、システムの一部を変更するためにモニターの二次募集を行っております。
モニターに参加いただいた方には、モニター参加から1年間無料にてシティページをご利用いただけます。

応募条件

• 日本国内に拠点を置く各種法人（個人事業主）及び行政団体。
• パソコンのメールアドレスをご利用いただけることが必須条件となります。

お願いすること

• シティページへご登録いただき、コントロールパネル及びページの編集を行っていただきます。
• 実際に使用してみた感想や不具合について、メールにて簡単にレポートを提出していただきます。

モニター参加の流れ

1. お問い合せページよりメールフォームへ進み、お問い合せ内容欄に「モニター希望」の旨をご連絡ください。
   http://www.citypage.jp/contact/index.html

2. シティページ運営よりモニター登録作業を行い、メールにて通知をさせていただきます。
   ※この際モニターの対象を選ばせていただく場合がございます。

3. お申込みページよりご希望のアカウント、パスワードを入力し本登録を済ませてください。
   この際、システムの都合にてご利用料金の請求メールが送信されますが、破棄お願いします。

4. コントロールパネルにログインし、操作使用感をレポートください。