タイプ
有料/無料	無料
ライセンス	GPL
執筆時のバージョン	3.2
ユーザ登録の要否	不要

JEDホームページデモ言語ファイル

• 記事で使用している画像と記事の前半部分をあわせて表示するモジュール。ニュースポータルのようなデザインが実現できる。
• 表示する記事は、セクション、カテゴリ、記事単位で指定できる。
• パラメータからある程度のレイアウトが調整できる。

インストール

ダウンロードしたファイルを解凍し、「mod_news_show_gkX.zip(Xはメジャーバージョン番号)」をJoomla!のバックエンドからインストールします。なお「plugin_for_photoslide_gk2」はPhotoSlide GK2というコンポーネントを使用する場合にのみ必要です。またマニュアルも同梱されています。

日本語化

当サイトで日本語ランゲージファイルを配布しています。必要に応じて日本語化して下さい。インストール方法もダウンロードページに記載しています。

モジュールの設置

インストールしたモジュールを有効にし、モジュールポジションを設定しておきます。

News Show GK3では、まずモジュールで表示する記事を指定します。記事はセクション単位、カテゴリ単位、記事単位で指定することができます。下図の「セクション」や「カテゴリ」のドロップダウンリストは特定のセクションやカテゴリを指定する場合に使用します。複数のセクションやカテゴリ、記事を表示したい場合は、 IDをカンマで区切ってテキストボックスに入力します。

また記事の作成日を正しく表示するため、お住まいの地域にあわせてタイムゾーンを設定します。

以上の設定でとりあえず動作しますので、保存後フロントエンドで確認します。デフォルトの設定では下図のように表示されます。記事内で画像を使用している場合、イントロ文とあわせて表示されます。またモジュールの右下には、表示記事数を調整する「設定パネル」が表示されます。

各種設定

設定項目が多いため、その一部を紹介します。好みに合わせて設定して下さい。

表示する記事数とレイアウトを設定する

デフォルトでは15件の記事が表示されていますが、「ニュースの数」と言うパラメータで調整できます。例えば以下は「3」に設定した場合です。

またデフォルトでは垂直に記事が配置されていますが、水平に配置するよう設定してみます。「列数」を1、「行数」を3に設定すると次の様になります。1件目は表示されていますが、2件目移行がタイトルしか表示されません。これは右下の設定パネルが有効なためです。クリックするたび2件目以降の記事が表示されます。

全ての記事を表示したい場合は、「設定パネルを使用」を無効にします。すると次の様に表示されます。

READMOREを「続きを読む」へ変更する

「ニュースの続きを読むボタンのテキスト」に好みの文字列を入力します。下図は「続きを読む」と入力した場合です。

また「続きを読む」の配置も変更可能です。以下は「ニュースコンテンツ - 続きを読む位置」を「テキストの後ろ」に設定した例です。

各要素のフロート(回り込み)を設定する

記事タイトル、画像、テキスト、その他付加情報について、それぞれフロート（回り込みと横配置）が指定できます。例えば下図は「ニュースコンテンツ - 画像位置」に「右へフロート」を設定した例です。画像が右側に表示されます。

各要素の出力順序を設定する

デフォルト設定の場合、タイトル、画像、テキスト、その他の順番でXHTMLが出力されます。この出力順序は自由に変更できます。

例えば「記事タイトルも画像に回り込ませ、カテゴリや作者名などの付加情報は記事タイトルの下に表示したい」場合は、下図のように指定します。この設定により、画像・記事タイトル・付加情報・テキストの順番で出力されるようになります。

画像が先頭に出力されるため、記事タイトルが画像に回り込みます。また記事タイトルの下にカテゴリ名や作者名が出力されます。

リンクの属性を設定する

デフォルト設定ではリンクをクリックすると新しいウインドウで表示されます。同じウインドウで表示するにはtarget _blankの設定を無効にします。

またnofollow属性も設定されているため無効にしておいた方がよいかもしれません。

画像のサイズを変更する

モジュールに表示する画像のサイズを設定できます。記事内で使用している画像のサイズは、記事毎に異なると思いますので、画像サイズを統一しておくと良いでしょう。

画像サイズには幅と高さの設定がありますが、通常はどちらか一方を指定します。例えば「ニュース画像幅」を「70px」と指定すると、どんな画像でも幅70pxで表示され、高さは自動的に調整されます。なお70pxより小さい画像の場合、70pxに拡大されて表示されるので注意が必要です。また「px」や「%」などの単位を入力しないと正しく動作しません。

下図は画像の幅を70pxで指定した例です。本来のサイズが128pxだったので、縮小して表示されます。

最新記事を2つ以上のモジュールで分割して表示する

例えば一番新しい記事を大きめに表示し、二番目以降は通常の大きさで表示したい事があります。News Show GK3では、モジュール内の記事毎にCSS等でスタイルを設定する事はできませんので、1件目の記事だけ大きくと言うわけにはいきません。

この場合はモジュールをコピーして2つ用意し、1つ目のモジュールには最新記事を、2つ目のモジュールにはそれ以降の記事を表示するようにします。ただし単純にコピーしただけでは、下図の様に同じ記事が両方のモジュールに表示されてしまいます。

そこでまず1つめのモジュールを編集します。1つめのモジュールには記事が1件だけ表示されるようにしますので「ニュースの数」を1に設定し保存します。

このままだと2つ目のモジュールにも1件目の記事が表示されてしまいますので、2つめのモジュールを編集し「最初のニュース数」を1に設定します。これで1件目の記事を除いて表示されるようになります。また「モジュールユニークID」は1つ目のモジュールと異なる値にして下さい（例えば newsshow2など）。これはモジュールを構成する要素のid属性となります。

こうする事で次の様にモジュールを分割して表示できるようになります。

あとは、前に設定したid属性やモジュールのパラメータである「モジュールクラスサフィックス」を利用し、1件目の記事のデザインをCSSで記述します。例えば下図は、1件目の記事タイトルを大きく表示した例です。