Layer Slideshowのドキュメント

前書き

Layer Slideshowは、Joomlaで複数のスライドとレイヤーを使ってスライドショーを作成するためのユニークでシンプルな体験を提供します。

レイヤースライドショーメイン

 

I. LAYER SLIDESHOWのインストール

1.1インストール

私たちのコンポーネントはJoomla 3.x互換です。 すべての機能とサードパーティの統合はすべてのメンバーシップに含まれています。
私たちのコンポーネントをインストールするには、拡張子.zipファイルをダウンロードして、標準のJoomlaインストーラを使わなければなりません。

joomla-install

 

それから、Browse>をクリックしてください。 アップロードとインストール ボタン、コンポーネント、モジュール、プラグインはデフォルトで有効になってインストールされます。

 

1.2更新と自動更新

拡張子を更新するには、JoomUnitedからZIPファイルをダウンロードするか、古いバージョンの上に新しいバージョンをインストールします。 自動アップデータを使う (推奨)

アイテム評価更新

 

更新通知をプッシュする自動アップデータは、インストールしたJoomla拡張機能に組み込まれています。 そのため、ダッシュボードの他の拡張子やメニューを使用して通知を受け取ることができます。 「拡張機能」>「管理」>「更新」メニュー

アカウントにログインして更新する

JoomUnited Joomla拡張機能をすべて更新するには、JoomUnitedアカウントにログインする必要があります。 ログインアクセスするには、コンポーネントのメイン設定にアクセスしてください。 ライブアップデートタブ。 一番下には、ログインボタンがあります。

ライブアップデート

あなたのJoomUnited認証情報を入力してください、あなたがここにログインするのに使用するのと同じ@ www.joomunited.com

ログイン統合

ボタンがオレンジ色に変わります、おめでとうございます。 これで、このWebサイト上のすべてのJoomUnited拡張機能を更新することができます。 会員の有効期限が切れている場合は、更新リンクとそれを説明するテキストが表示されます。

アカウントにリンク

注:1回のログインで、JoomUnitedのすべての拡張機能を更新できます(メンバーシップに関して)。 切断しない限り、ログインは期限切れになりません。

 

II。 スライドショーのテーマ

2.1スライド作成

Layer Slideshowの主なアイデアは、複雑なことなく、レイヤー付きの素晴らしいスライドショーを作成できるようにすることです。
メインインターフェースの左側には、 新しい ボタン。 新しい各スライドショーには、スライドとレイヤーのオプションがあります。

image7

テーマがない場合は、サンプルテーマを参照してください。 合計5つのテーマがあります。クリックしてください テーマを読み込む 表示ボタン

image8

いずれかを選択すると、中央部分にテーマの背景、リンク、レイヤーがリロードされます。 レイヤーは右側のパネルにグループ化されています。

image9

テーマごとにレイアウト番号が異なり、テーマ1には1つのレイヤーがあり、テーマ2には2つのレイヤーがあります。


スライドの下に、あなたは見ることができます すべてのスライドをプレビュー ボタンをクリックすると、スライドショーの外観を確認するためのデバイスが3つ(ラップトップ/デスクトップ、タブレット、モバイル)あります。

また使用することができます スライドを複製 または 新しいスライドを追加 右側のボタン

スライドボタン

各スライドには 編集する そして 削除する アイコン

image11

独自のスライドショーを作りたい場合は、右側のパネルのボタンを使用できます。 次の章を見てください。

2.2レイアウト設定

スライドショーごとに特定のレイアウトを定義できます。 画像の幅、テキストのサイズ、アイテムの位置などが決まるため、レイヤー編集を開始する前にレイアウトを定義した方が良いでしょう。

image12

 

スライドショーのレイアウトオプションは次のとおりです。

  • レスポンシブ: モバイルデバイス用のアダプティブエレメントを使用してスライドショーを作成します。すべてのテキスト、画像はモバイルデバイスに関して動的にサイズ変更されます
  • スライドショーを整列: スライドショー全体を整列する
  • 幅/高さ:定義する スライドショーの幅/高さ これが最も重要なパラメータです。一度設定すると、スライドショーに入れるすべての画像が、このサイズに合わせてクロップツールでサイズ変更される可能性があるためです。 サイズを変更した場合は、画像を更新する必要があります。
  • 期間: 各スライドの長さを定義する
  • ボタンのスタイル ナビゲーション要素のスタイルを定義する
フル幅のスライドショーを作成するには、2つのオプションがあります。幅を「100%」に設定するか、固定のフルサイズを定義します。たとえば、1900pxの幅などです。

2.3あなたのコンテンツにスライドショーを追加する

スライドショーをコンテンツに追加してオンラインにするには、編集ボタンを使用する必要があります。 記事、カスタムモジュールなどをロードしてをクリックします。 Layer Slideshow ボタン。

image13

次に挿入するスライドショーを選択します

image14

 


III。 スライド編集

3.1スライドの背景

各スライドには背景があります、あなたはあなたのイメージライブラリからあなた自身のものをロードするか、または私たちのオンラインライブラリを使うことができます。

image15


選択する ボタンはメディアマネージャでライトボックスを開きます、これはJoomlaメディアマネージャの拡張版です。

image16


新しい画像をドラッグアンドドロップしたり、選択、削除、フィットしたり、画像に効果を適用したりすることができます。

image17


最も重要なのはクロップ機能です。 トリミング機能はあなたのイメージとレイアウトで定義されたスライドショーのサイズをとるフレームをウィンドウにロードします。

image18


クリックしてください クロップ画像 背景としてトリミングした画像を挿入するボタン。

3.2ボタンレイヤーエディタ

クリックして新しいボタンレイヤーを作成できます。 +レイヤー 右パネルのボタン

作成ボタン

記入後、クリック レイヤーを作成 ボタン。 スライドに新しいボタンが表示されます。

image19

ボタンマネージャを使用すると、独自のボタンスタイルを作成して保存し、後で再利用できます。 通常、ボタンはすべてのスライドに対して定義されているため、再利用する必要があります。

image20
左側のウィンドウツールを使用してスタイルを作成してから、挿入/保存/編集します。 背景、境界線のスタイル、マウスホバー効果を定義するオプションがあります。

image21

ボタンをコンテンツに挿入するには、挿入ボタンまたは保存されたボタンの+記号をクリックするオプションがあります。

image22

ペンをクリックしてパラメータを変更するだけで、既存のスタイルを編集して保存することもできます。

image23

最後に、ボタンのカスタムリンクを定義できます。

image24

3.3画像レイヤーエディタ

をクリックして、新しい画像レイヤーを作成できます。 +レイヤー 右パネルのボタン

イメージ作成

をクリックして、Imageレイヤーに独自のアイコンや画像を挿入できます。 編集ボタン それらを変更する。

image26

それからあなたはあなた自身の画像を選ぶか、または私達のJUライブラリーからの画像かIcon Finderからのアイコンを使うことができるでしょう。

ドラッグアンドドロップを使用して、プレビューから各要素の位置を定義することもできます。

3.4ビデオレイヤエディタ

をクリックして新しいビデオレイヤーを追加できます。 +レイヤー 右パネルのボタン

ビデオを作成する

をクリックして 編集する 動画レイヤのアイコンをクリックすると、動画URLをそのレイヤに変更できます。 YouTube、Vimeo、Dailymotionの動画URLをサポートしています。

ビデオレイヤの編集

3.5トランジション

スライドショーのスライドまたはすべてのスライドのトランジションを設定できます。 2Dと3Dの2種類のトランジションがあります。

選択トランジション

各層は持っています レイヤートランジション タブなので、あなたはそれらのスタイルを選ぶことができます。

レイヤー遷移

IV。 画像ライブラリ

4.1 JoomUnitedライブラリ


JU Libraryは、私たちがあなたに素敵で無料の画像を提供するためにホスティングしている外部ライブラリです。 私たちのライブラリからすべての画像がダウンロードされ、あなたのサーバに保存されます。 だからあなたが望む限りそれをすることができます。
あなたの購読が有効である限り、図書館はアクセス可能です。

image27


JUライブラリには、クリッピングパスの画像(背景が透明)と背景画像が含まれています。 チェックを使用して一方または両方を選択します。

image28

タグ検索もできます。

image29


画像を選択したら、サーバーにダウンロードして編集することができます。

image30

 

4.2アイコンファインダの統合

アイコン検索統合も、ソーシャルネットワークのアイコンなどを読み込むために利用できます。

image31


検索エンジンが開きます

image32

あなたは要求をすることもでき、サイズフィルタリングシステムを使うこともできます。

image33

 

それから、JUライブラリツールのようにあなたのサーバーにあなたのアイコンをダウンロードすることができるでしょう。 あなたは前に定義されたフィルタリングに関してサイズのダウンロードオプションもあります。

image34