メインコンテンツにスキップ

Droppics:単一の画像管理

1.単一画像表示オプション

Droppicsを使用すると、ギャラリーで同じ画像を使用することも、コンテンツで単一の画像として使用することもできます。 Droppicsを開き、画像をクリックすると、右側のパネルが変わります。 上部から次のように定義できます。

  • ボーダー半径
  • マージン 
  • ボーダーサイズ
  • ボーダの色
  • 影のサイズ
  • シャドウカラー
  • 整列

 

image-parameter1

 

変更が終了したら、必ずsaveを押してください。

これらすべてのパラメーターは、コンポーネントオプションのすべての画像に対してデフォルトで設定できます。

 

単一ファイルパラメータ

 

次に、オプションの外部リンクとキャプション(画像の下のテキスト)を使用して、画像クリックに対するアクションを定義できます。

 

image-parameter2

 

クリック時のアクションにより、ユーザーが次のことを行うかどうかが決まります。

  • ライトボックスで画像を開く
  • 記事またはメニューへのリンクをたどる
  • カスタムURLへのリンクをたどる
  • 何もしない

画像のキャプション: 

  • ギャラリービューでカスタムリンクをたどる
  • 説明を表示

チェックボックスオプションの[ギャラリービューでカスタムリンクをたどる]は、リンクの動作を単一の画像に追加しますが、コンテンツにギャラリー全体を挿入した場合、ギャラリービューでも機能します。 この機能は、ポートフォリオページでよく使用されます。

メニューや記事へのリンクは、リストでコンテンツを簡単に見つけられるようにするツールによって補完されます。

 

画像リンクギャラリー

 

単一の画像をクリックすると、JoomlaWebサイト全体で画像を置き換えるオプションがあります。 新しい画像をアップロードすると、Droppicsはカスタムサイズを含むすべての画像サイズを再生成し、コンテンツに置き換えます。

 

画像置換

 

有効にした場合の画像のプレビュー設定でパラメータを、あなたは、マウスホバー画像効果をアクティブにしてもすることができます。

 

ホバー画像

 

そしてアップロードのプロセスも。

 

アップロードプロセス

 

2.カスタム画像サイズを作成します

元のファイルを使用してカスタムサイズの画像を作成できますが、元の画像はそのまま残ります。 新しいサイズのラジオボタンをクリックし、少なくとも幅とファイル名を定義して、新しい画像を生成します。 画像ファイルの新しい名前とサイズがリストに追加されます。

 

画像のカスタムサイズ

 

カスタム画像サイズは、アップロード時に自動的に生成することもできます。 カスタムサイズを定義するには、メニューを使用します:コンポーネント>ドロップピック>オプション>単一画像>カスタムサイズ。

次に、アップロード時にデフォルトで作成する画像のカスタムサイズを追加できます。

 

カスタムサイズ画像

 

カスタム画像が生成されると、画像リストに追加されます。 次に、この画像を挿入をクリックして、記事に追加します。

 


 
コンテンツ内の画像画像とDroppicsボタンをもう一度クリックすると、すべてのパラメータを使用して画像が再び開きます。

 

画像を再度開く

 

SEOの目的で、タイトル、代替テキストを定義し、元のファイル名を変更できます。

 

seo-image-info

 

3.画像に効果を適用する

画像にフィルタや効果を適用できます。 画像サイズの右側にある「編集」ペンアイコン

 

オープンエフェクト

 

効果のある画面が表示されます。

 

画像効果ビュー


 
変更と効果を適用できます。

  • 作物
  • リサイズ
  • 回転
  • いくつかのスタイリング効果を適用する