ビジネスブログCMS・社内ブログCOMLOG コムログ情報
横メニューをつくってみよう [Tips]

at 2011/9/06 15:20:13
自由記述欄のアピールポイントエリアに横メニューをいれてみよう

コムログクラウドのテンプレート、タイプ0~2には、アピールポイントという自由記述欄(自由に編集していただけるスペース)がございます。
このスペースは、記事ページにも表示されています。

そのため、横メニューをいれる場所としても、利用することが可能です。

自由記述欄のアピールポイントエリアに、下記のようなメニューを入れて、横メニューを作ってみましょう。

完成予定イメージ

STEP1管理画面から、自由記述欄「アピールポイント」を開きましょう

管理画面から、[マイコンテンツ]>[自由記述欄]>[アピールポイント]を開きます。

STEP2アピールポイントに、メニュー画像を貼り付けます。

イメージ編集の中に、メニュー画像を貼り付けます。
下記の画像を全て選択し、右クリックしてコピーしてください。(画像のコピーではありません)

メニュー画像(下の画像をコピーしてください)

↓↓↓↓この下から↓↓↓↓


トップページ サービス案内 お客様の声 会社概要 お問い合わせ

↑↑↑↑この上まで↑↑↑↑

上の画像を選択
右クリックでコピー

アピールポイントの中に貼り付けを行います。(右クリック⇒貼り付け)
(アピールポイントの自由記述欄に、最初に文章等、何かはいている場合はそれを削除してください。)

アピールポイントに貼り付け

STEP3メニューにリンクを設定しましょう。

リンクを設定したい画像をクリックして、リンクボタンを押してください。

リンク先のURLを設定します。

STEP4プレビューして確認しましょう。

全部のメニュー画像にリンクの設定が終わったら、プレビューを押し、自由記述欄に書き込みます。

プレビューをクリック

自由記述欄に書き込み

そのほかのメニュー

その他に下記のようなメニュー画像を用意しました。
上記の方法と同じように、コピーして貼り付けてご使用ください。

↓↓ご自由にお使いください↓↓



初めての方へ 店舗案内 商品紹介 イベント案内 当サイトについて


ポイント
一つだけお使いいただく場合も、きちんと反転させて選択させてからコピーしてください。

※上記のメニュー画像のサイズでは、5つまで横に並べることができます。
 6個目からは2行目になりますので、一行に収めたい方は、新しく挿入されるときに、どれか一つ削除してから入れられることをお勧めします。


その他、違うデザインのメニュー画像も用意しています。
よろしければご利用ください


メニュー画像一覧はこちら









よくある質問の一覧を見る



※この記事は、下記URLと重複しています。ご了承ください。
「横メニューをつくってみよう [Tips](https://cloud.comlog.jp/faq/157.html)」

  • コメント (0)
  • トラックバック (0)
トラックバックURL : http://www.i-hive.co.jp/tb.cgi/1050
次の記事:画像利用規約
福岡本社:〒810-0001 福岡県福岡市中央区天神4-8-2 天神ビルプラス8F TEL 092-738-1707 FAX 092-741-3402 株式会社イーハイブ
東京営業所:〒110-0016 東京都台東区台東3-42-5 日栄インテック御徒町第2ビル5F