【WordPress】ホバーエフェクト・ソーシャルアイコンも表示できるCool Image Share

cool_image_share_s
Cool Image Shareは画像ホバー時にソーシャルアイコンを表示できるプラグイン。さらにこのプラグインはAnimate.cssを使ったCSS3アニメーション効果でアイコンにアニメーションを追加したり、画像、アイコンにホバーエフェクトを付けることもできます。

Cool Image Shareプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> Cool Image Shareを検索
有効化にすると設定にCool Image Shareが追加されます。

Cool Image Share Settings

cool_image_share_1
IconsPanel

Position アイコンの表示位置
Offset 画像境界からのオフセット
Orientation アイコンの表示を水平にするか垂直にするか
Icons Size アイコンサイズ
Padding パディング
Minimum Image Size 最小画像サイズ
Reduce Icons Enabledでいいと思います。
Mobile Devices モバイルデバイスの場合、使用するか

Effects and Animations

Icons Animation アイコンアニメーション
Icons Hover Effect アイコンホバー効果
Image Hover Effect 画像ホバー効果

Social Networks
Networksで表示させたいソーシャルアイコンを選択します。
アイコンの並び替えを行いたい場合は、一度Networksで選択したチェックを全て外し、表示させたい順に再度チェックをしていくと並び替えができます。Orderに直接入力したり、ドラッグ&ドロップでは並び替えはできませんでした。

Icons Theme
アイコンのテーマを8つの中から選択します。

Advanced Options

Loading Animate.cssをロードしない
Exclude このプラグインを適用しない画像のCSSクラスを指定します。
Visibility 単一ページの時は表示する(カテゴリーページなどでは表示されない)
Icons Title アイコンのタイトル
Short Links ショートリンク

cool_image_share_2
Image Hover Effect:Blurを設定。

 

【WordPress】ホバーエフェクト・ソーシャルアイコンも表示できるCool Image Share

  • LATEST
  • RELATED
  • POPULAR