Este plugin no se ha probado con las últimas 3 versiones mayores de WordPress. Puede que ya no tenga soporte ni lo mantenga nadie, o puede que tenga problemas de compatibilidad cuando se usa con las versiones más recientes de WordPress.

Hover Image Button

Descripción

Create mobile responsive buttons with background images and pure CSS3 animated on hover effects. Include a button title and a subtitle that appears when the user move the mouse hover the button. Recommended to be used as a page or sections links.

Customize the color and the opacity of the background on hover effect, change the default buttons size and include your custom CSS code.

Add the shortcodes to your page or post to create the buttons.

Button shortcut Options:

  • title: title of the button, it is a h3 element.
  • subtitle: appears when the user move the mouse hover the button.
  • link: button link.
  • image: background image link.
  • width: button width.
  • height: button height.

Examples

Multiple reponsive buttons:

[hover-image-row]
    [hover-image-button title="Section 1" subtitle="It's and amazing section" link="http://my-section-link" image="http://my-image-link" ]
    [hover-image-button title="Section 2" subtitle="Enter here for more info" link="http://my-section-link" image="http://my-image-link" ]
    [hover-image-button title="Section 3" subtitle="This is the best section" link="http://my-section-link" image="http://my-image-link" ]
[/hover-image-row]

Single button example:

[hover-image-button title="Section 1" subtitle="It's and amazing section" link="http://my-section-link" image="http://my-image-link" ]

Capturas

  • Working example

Instalación

  1. Upload the hover-image-button folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Place the shortcode [hover-image-button ...] in your posts or pages.

FAQ

Can I only show the image without texts?

If you dont want to include a title or subtitle just add the shortcode without the title and subtitle tags.

Reseñas

3 de septiembre de 2016
i dont know why there are border with padding. i dont have time to check the code i found better plugin
3 de septiembre de 2016
This is a very very essential plugin. Little buttons, few configuration parameters, but very lightweight and without frills. Recommended for those who know at least a minimum of html code. Clear and pretty popup effect.
Leer todas las 2 reseñas

Colaboradores y desarrolladores

«Hover Image Button» es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

Traduce «Hover Image Button» a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.0

  • Initial relesase of the plugin

1.1.0

  • Added new shortcode to create responsive columns
  • Added bootstrap grid system

1.1.2

  • Fixed theme changes after activate plugin