ホーム > サポート・マニュアル > マニュアル > システムの管理 > カスタマイズ管理 > バナー(Banner)モジュールの設定

マニュアル

バナー(Banner)モジュールの設定

ドキュメント最終更新日時:2011/07/12 09:32

タグ:モジュール 

この説明は、a-blog cms 1.0.2をもとにしています。ご利用のバージョンによって、画面表示や内容が若干異なる場合があります。ご了承ください。

ここでは、バナー(Banner)モジュールの設定内容について説明します。

バナー(Banner)モジュールの設定画面では、内部および外部サイトへのナビゲーションリンクに関する設定ができます。リンクをクリックしたときに新しいウィンドウを開くかどうかの設定や、特定のリンクに属性を追加する設定、リンク同士の親子関係の設定ができます。

次の例は、バナー(Banner)モジュールをテンプレートに組み込んだときの表示とテンプレートのソースコードです。この他にこのモジュールで出力できる変数については、リファレンスを参照してください。

バナー(Banner)モジュールの表示例

バナー(Banner)モジュールの表示例

<!-- BEGIN_MODULE Banner -->
<ul>
<!-- BEGIN banner:loop -->
<!-- BEGIN banner#src -->
<li>{src}[raw]</li>
<!-- END banner#src -->
<!-- BEGIN banner#img -->
<li><a href="{url}" target="{target}"><img src="%{ARCHIVES_DIR}{img}" width="{x}" height="{y}" alt="{alt}" /></a></li>
<!-- END banner#img -->
<!-- END banner:loop -->
</ul>
<!-- END_MODULE Banner -->

バナー(Banner)モジュールを設定する

(1)管理画面上部の[環境設定]メニューから[コンフィグ]のリンクをクリックするか、管理画面下部のメニュー[コンフィグ]のリンクをクリックすると、[コンフィグ項目リスト]の画面が表示されます。[モジュール]の[バナー(Banner)]アイコンをクリックすると、[バナー(Banner)]の設定画面が表示されます。

[バナー(Banner)]モジュール設定画面

[バナー(Banner)]モジュール設定画面

(2)各項目の内容を入力し、[保存]ボタンをクリックして設定を保存します。

設定項目(共通)

表示順

バナーが表示される順番です。

公開

バナーの公開状態です。チェックを入れると公開状態になります。

バナー

表示されるバナーの設定情報です。

設定項目(画像)

バナー画像をアップロードし、リンク先・代替テキスト・新規ウィンドウで開くかどうかの設定ができます。

テンプレートでは、以下の部分に表示されます。

<!-- BEGIN banner#img -->
<li><a href="{url}" target="{target}"><img src="%{ARCHIVES_DIR}{img}" width="{x}" height="{y}" alt="{alt}" /></a></li>
<!-- END banner#img -->

画像

表示されるバナー画像です。画像を削除するときは、[削除]のチェックボックスにチェックを入れ、[保存]ボタンをクリックすると削除されます。

URL

バナーのリンク先のURLです。

代替テキスト

バナー画像が表示できなかった場合に表示される文字列です。

新規ページ

このバナーのリンクを新しいウィンドウで開くかのチェックです。

設定項目(ソース)

直接HTMLなどのソースを記述してバナーを設定できます。ブログパーツなど特定のソースでバナーを貼り付けたい場合に利用できます。

テンプレートでは、以下の部分に表示されます。

<!-- BEGIN banner#src -->
<li>{src}[raw]</li>
<!-- END banner#src -->

ソース

HTMLなどのソースを入力できます。

バナー項目を追加する場合

バナー項目を追加するには、各設定項目を入力し、いったん[保存]ボタンをクリックして保存し、再度バナーモジュールの設定画面を表示すると、何も入力されていないバナー項目が新しく追加されます。

ショートカットに追加

[ショートカットに追加]をクリックすると、[ダッシュボード管理]の[ショートカット作成]画面が表示されます。(→「ショートカットに追加する」参照)


  • 導入するためには
  • 動作環境
  • 機能一覧
  • 解決しないときは
  • ユーザーフォーラム
  • イベントスケジュール
  • ユーザーフォーラム
  • CMS開発ブログ
  • Twitterでa-blog cmsをフォローしてください!

携帯アクセス解析