サイドボックス関連

Q: サイドボックスに証明書シールを表示させたい

A: 証明書専用のサイドボックスは有りませんのでバナーボックスを利用して表示させる方法を説明します。

<手順1>バナーとして証明書シールを登録する

「追加設定・ツール」>「バナーの管理」画面の、『新しいバナーの追加』ボタンをクリック
・「バナータイトル」=SSL証明書(※分かりやすい名前でかまいません)
・「バナーグループ」Sidebox-SSLSeal (※半角英数であれば任意の文字でかまいません)
・「HTMLテキスト」ここに証明書のシールを呼び出すためのタグを入力します

上記以外は空欄もしくはデフォルト値のままでかまいません。
『挿入』ボタンで登録を完了させます。

<手順2>登録したバナー(証明書シール)をサイドボックスに表示設定する

「一般設定」>「レイアウトの設定」画面より、「バナー表示グループ - サイドボックスバナー{X}」のうち使っていないサイドボックスバナーを選択して、『編集』ボタンをクリックします。
(仮に「サイドボックスバナー1」を選択したと仮定します。)

表示される「バナー表示グループ」のグループ名に上記手順1で指定した「バナーグループ」の名前を入力して『更新』ボタンで保存します。(上記の例に従えば"Sidebox-SSLSeal")

<手順3>バナー登録が完了したサイドボックスをサイト上に表示する

「追加設定・ツール」>「サイドボックスの表示設定」画面を開き、編集しようとしているテンプレートが正しく選択されている事を確認したのち、「sideboxes/banner_box{X}.php」を希望の位置に指定して表示する用に設定します。(上記の例では"sideboxes/banner_box.php"が対応します)

<手順4>サイドボックスのタイトル部分を変更する

このままだと、サイドボックスのタイトル部分が「スポンサー」などになっているので、これを「SSL証明書」などに変更します。
この作業は管理画面からではなく、言語ファイルを直接編集するようになります。

※ いつものように、利用しているテンプレートによるオーバーライドにご注意ください。

   該当ファイルがオーバーライド用のテンプレートディレクトリ内に無い場合は、デフォルトの該当ファイルをテンプレートディレクトリ内にコピーしてから変更してください。

デフォルト言語ファイル:

・ includes/languages/japanese.php
  (モバイルの場合、 includes/languages/mobile.php)

421行目あたりから、バナーサイドボックスに対する表示文字列の定義が行われています。

  // banner_box
  define('BOX_HEADING_BANNER_BOX','スポンサー');
  define('TEXT_BANNER_BOX','当ショップのスポンサーにもお立ち寄りください。');

 のように、サイドボックス毎に指定がありますので、タイトル分にあたる定義を

 define('BOX_HEADING_BANNER_BOX','SSL証明書');

 のように変更します。

 

Q: サイドボックスに表示されているタイトルを変更できますか?

A: 言語ファイルへの修正になります。言語毎に必要な変更を行ってください。

 ◆ includes/languages/YOURE_TEMPLATE/japanese.php
  (モバイルの場合、 includes/languages/YOURE_TEMPLATE/mobile.php)

※ いつものように、利用しているテンプレートによるオーバーライドにご注意ください。
   該当ファイルがオーバーライド用のテンプレートディレクトリ内に無い場合は、デフォルトの該当ファイルをテンプレートディレクトリ内にコピーしてから変更してください。

デフォルト言語ファイル:

・ includes/languages/japanese.php
  (モバイルの場合、 includes/languages/mobile.php)

85行目あたりから、サイドボックス毎に表示文字列の定義が行われています。

  define('BOX_HEADING_CATEGORIES', 'カテゴリ');

 のように、

 define('BOX_HEADING_大文字のサイドボックス名', '表示文字列');

 となっている部分をそれぞれ変更します。

 ※ EZ-pages など、一部のサイドボックスに関しては、上記の場所ではなく

  \includes\languages\japanese(mobile)\extra_definitions\ 

  ディレクトリ内にまとめてあります。
  目的のファイルが見当たらない場合は、こちらをご確認ください。

例) EZ-pages の「重要なリンク」というボックスタイトルの場合は、以下のファイルになります。
   \includes\languages\japanese\extra_definitions\ez_pages_definitions.php

 

Q: 「追加情報」サイドボックスで「ページ2」のようにリンクが表示されます。ページタイトルを変更できますか

A: 言語ファイルへの修正になります。言語毎に必要な変更を行ってください。

◆ includes/languages/YOURE_TEMPLATE/japanese.php
  (モバイルの場合、 includes/languages/YOURE_TEMPLATE/mobile.php)

※ いつものように、利用しているテンプレートによるオーバーライドにご注意ください。

 155行目あたりの以下の部分希望の内容に修正します。

  define('BOX_HEADING_MORE_INFORMATION', '追加情報');
  define('BOX_INFORMATION_PAGE_2', 'ページ2');
  define('BOX_INFORMATION_PAGE_3', 'ページ3');
  define('BOX_INFORMATION_PAGE_4', 'ページ4');

 上記修正は、サイドボックス内に表示されるメニューに対する変更だけです。

 

◆ 続いて、各ページ毎に表示されるタイトル部分を各言語各ページそれぞれに設定します。

例)ページ2の日本語の場合
 ・includes/languages/japanese/YOURE_TEMPLATE/page_2.php

※ いつものように、利用しているテンプレートによるオーバーライドにご注意ください。

 10行目あたりの以下の部分希望の内容に修正します。

 define('NAVBAR_TITLE', 'ページ2');
define('HEADING_TITLE', 'ページ2');

 同様の要領で、ご利用言語毎に、すべてのページに対して修正を行ってください。

 

Q: サイドボックスのタイトルに画像を使いたい!

A: はい、出来ます。仮に「カテゴリー」サイドボックスのタイトル部分を変更する場合で説明します。

まず、サイドボックス毎に表示させたい画像ファイルを作成したら、以下のディレクトリにアップロードします。
 ◆ includes/templates/YOURE_TEMPLATE/images/

次に言語ファイルを開き、以下の記述の部分を変更します。
 ◆ includes/languages/YOUR_TEMPLATE/japanese.php

  define('BOX_HEADING_CATEGORIES', 'カテゴリー');

              ↓

 define('BOX_HEADING_CATEGORIES', '画像名');

 ※ EZ-pages など、一部のサイドボックスに関しては、上記の場所ではなく

  \includes\languages\japanese\extra_definitions\ 

  ディレクトリ内にまとめてあります。
  目的のファイルが見当たらない場合は、こちらをご確認ください。

例) EZ-pages の「重要なリンク」というボックスタイトルの場合は、以下のファイルになります。
   \includes\languages\japanese\extra_definitions\ez_pages_definitions.php

つづいて、以下のファイルを開いて変更します。
 ◆ includes/modules/sideboxes/YOUR_TEMPLATE/categories.phpp

  $title = BOX_HEADING_CATEGORIES;

 ↓

$title = zen_image($template->get_template_dir(BOX_HEADING_CATEGORIES, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . BOX_HEADING_CATEGORIES, HEADER_ALT_TEXT);
 

 ※注意: この作業は変更を加えるすべてのサイドボックスに対して行う必要があります。

 

Q: サイドボックスのタイトルの背景画像変えたい!

A: はい、出来ます。 基本的にはサイト内のすべてのボックスのタイトル部分が変更されます。

準備した背景画像を以下のディレクトリにアップロードします。
 ◆ includes/templates/YOURE_TEMPLATE/images/

次に、利用している stylesheet.css に対して、以下の部分を変更します。

.leftBoxHeading {
margin: 0em;
background: url(../images/背景画像ファイル名) #ff6699;
padding: 0.5em 0.2em;
}
.rightBoxHeading {
margin: 0em;
background: url(../images/背景画像ファイル名) #ff6699;
padding: 0.2em 0em;
}