Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; PenguinMegaMenu has a deprecated constructor in /home/ttest/public_html/wordpress/wp-content/themes/alterna/inc/penguin/modules/penguin-megamenu.php on line 11

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; PenguinOption has a deprecated constructor in /home/ttest/public_html/wordpress/wp-content/themes/alterna/inc/penguin/modules/penguin-option.php on line 12

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; PenguinOptionPage has a deprecated constructor in /home/ttest/public_html/wordpress/wp-content/themes/alterna/inc/penguin/modules/penguin-option.php on line 191

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; PenguinMeta has a deprecated constructor in /home/ttest/public_html/wordpress/wp-content/themes/alterna/inc/penguin/modules/penguin-meta.php on line 12

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; PenguinMetaPage has a deprecated constructor in /home/ttest/public_html/wordpress/wp-content/themes/alterna/inc/penguin/modules/penguin-meta.php on line 113

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; PenguinPost has a deprecated constructor in /home/ttest/public_html/wordpress/wp-content/themes/alterna/inc/penguin/modules/penguin-post.php on line 14

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; PenguinPostColumns has a deprecated constructor in /home/ttest/public_html/wordpress/wp-content/themes/alterna/inc/penguin/modules/penguin-post-columns.php on line 14

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; PenguinPostColumn has a deprecated constructor in /home/ttest/public_html/wordpress/wp-content/themes/alterna/inc/penguin/modules/penguin-post-columns.php on line 54

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; sidebar_generator has a deprecated constructor in /home/ttest/public_html/wordpress/wp-content/themes/alterna/inc/tools/sidebar_generator.php on line 19

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; add_penguinshortcodes_button has a deprecated constructor in /home/ttest/public_html/wordpress/wp-content/themes/alterna/inc/penguin/tinymce/tinymce.php on line 11

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; alternaBlogTabsWidget has a deprecated constructor in /home/ttest/public_html/wordpress/wp-content/themes/alterna/inc/custom-widgets.php on line 28

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; alternaBlogPopularWidget has a deprecated constructor in /home/ttest/public_html/wordpress/wp-content/themes/alterna/inc/custom-widgets.php on line 206

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; alternaBlogCustomItemsWidget has a deprecated constructor in /home/ttest/public_html/wordpress/wp-content/themes/alterna/inc/custom-widgets.php on line 281

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; alternaBlogRecentWidget has a deprecated constructor in /home/ttest/public_html/wordpress/wp-content/themes/alterna/inc/custom-widgets.php on line 360

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; alternaPortfolioTabsWidget has a deprecated constructor in /home/ttest/public_html/wordpress/wp-content/themes/alterna/inc/custom-widgets.php on line 446

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; alternaPortfolioCustomItemsWidget has a deprecated constructor in /home/ttest/public_html/wordpress/wp-content/themes/alterna/inc/custom-widgets.php on line 582

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; alternaPortfolioRecentWidget has a deprecated constructor in /home/ttest/public_html/wordpress/wp-content/themes/alterna/inc/custom-widgets.php on line 661

Deprecated: Methods with the same name as their class will not be constructors in a future version of PHP; alternaPortfolioCategoryWidget has a deprecated constructor in /home/ttest/public_html/wordpress/wp-content/themes/alterna/inc/custom-widgets.php on line 746

Notice: register_sidebar se llamó incorrectamente. No se ha definido el id id para la barra lateral "Global Sidebar". Usando por defecto "sidebar-1". Establece manualmente el id id a "sidebar-1" para silenciar este mensaje y mantener el contenido actual de la barra lateral. Por favor, visita Depuración en WordPress para más información. (Este mensaje se añadió en la versión 4.2.0.) in /home/ttest/public_html/wordpress/wp-includes/functions.php on line 4145

Notice: register_sidebar se llamó incorrectamente. No se ha definido el id id para la barra lateral "contact-page-right-sidebar". Usando por defecto "sidebar-7". Establece manualmente el id id a "sidebar-7" para silenciar este mensaje y mantener el contenido actual de la barra lateral. Por favor, visita Depuración en WordPress para más información. (Este mensaje se añadió en la versión 4.2.0.) in /home/ttest/public_html/wordpress/wp-includes/functions.php on line 4145

Notice: register_sidebar se llamó incorrectamente. No se ha definido el id id para la barra lateral "blog-page-right-sidebar". Usando por defecto "sidebar-8". Establece manualmente el id id a "sidebar-8" para silenciar este mensaje y mantener el contenido actual de la barra lateral. Por favor, visita Depuración en WordPress para más información. (Este mensaje se añadió en la versión 4.2.0.) in /home/ttest/public_html/wordpress/wp-includes/functions.php on line 4145

Notice: register_sidebar se llamó incorrectamente. No se ha definido el id id para la barra lateral "portfolio-right-sidebar". Usando por defecto "sidebar-9". Establece manualmente el id id a "sidebar-9" para silenciar este mensaje y mantener el contenido actual de la barra lateral. Por favor, visita Depuración en WordPress para más información. (Este mensaje se añadió en la versión 4.2.0.) in /home/ttest/public_html/wordpress/wp-includes/functions.php on line 4145

Notice: register_sidebar se llamó incorrectamente. No se ha definido el id id para la barra lateral "Portfolio Left Sidebar". Usando por defecto "sidebar-10". Establece manualmente el id id a "sidebar-10" para silenciar este mensaje y mantener el contenido actual de la barra lateral. Por favor, visita Depuración en WordPress para más información. (Este mensaje se añadió en la versión 4.2.0.) in /home/ttest/public_html/wordpress/wp-includes/functions.php on line 4145

Notice: register_sidebar se llamó incorrectamente. No se ha definido el id id para la barra lateral "blog-page-left-sidebar". Usando por defecto "sidebar-11". Establece manualmente el id id a "sidebar-11" para silenciar este mensaje y mantener el contenido actual de la barra lateral. Por favor, visita Depuración en WordPress para más información. (Este mensaje se añadió en la versión 4.2.0.) in /home/ttest/public_html/wordpress/wp-includes/functions.php on line 4145

Notice: register_sidebar se llamó incorrectamente. No se ha definido el id id para la barra lateral "home-right-sidebar". Usando por defecto "sidebar-12". Establece manualmente el id id a "sidebar-12" para silenciar este mensaje y mantener el contenido actual de la barra lateral. Por favor, visita Depuración en WordPress para más información. (Este mensaje se añadió en la versión 4.2.0.) in /home/ttest/public_html/wordpress/wp-includes/functions.php on line 4145
Buttons | [Spanish] alterna&wpml
Input Content

Custom Button Examples

Button Button Button Button Button
[button text="Button" icon="icon-flag" type="btn-custom" size="btn-mini" url="#" bg_color="#1BC4DE" bg_hover_color="#77D1F4" txt_color="#ffffff" txt_hover_color="#42788E"]
Button Button Button Button Button
[button text="Button" icon="icon-ticket" type="btn-custom" size="btn-small" url="#" bg_color="#1BC4DE" bg_hover_color="#00b3ce" txt_color="#ffffff" txt_hover_color="#cef8ff"]
Button Button Button Button Button
[button text="Button" icon="icon-unlink" type="btn-custom" url="#" bg_color="#1BC4DE" bg_hover_color="#00b3ce" txt_color="#ffffff" txt_hover_color="#cef8ff"]
Button Button Button Button Button
[button text="Button" icon="icon-flag" type="btn-custom" size="btn-large" url="#" bg_color="#1BC4DE" bg_hover_color="#00b3ce" txt_color="#ffffff" txt_hover_color="#cef8ff"]

Button Types

Button type=”” Description
Standard gray button with gradient
Custom btn-custom Provides custom text and background color for buttons.Here you need setting bg_color , bg_hover_color , txt_color , txt_hover_color params value , other type don’t need.
btn-primary Provides extra visual weight and identifies the primary action in a set of buttons
btn-info Used as an alternative to the default styles
btn-success Indicates a successful or positive action
btn-warning Indicates caution should be taken with this action
btn-danger Indicates a dangerous or potentially negative action
btn-inverse Alternate dark gray button, not tied to a semantic action or use
btn-link Deemphasize a button by making it look like a link while maintaining button behavior

Button Shortcode

[button text="" type="" size="" url="" target="" bg_color="" bg_hover_color="" txt_color="" txt_hover_color=""]
Params Default Possible Values Description
text The button text
icon The fontawesome icon name
type btn-primary , btn-info , btn-success , btn-warning , btn-danger , btn-inverse , btn-link , btn-custom The button type. If you need disabled button and add extra “disabled” , for example: btn-custom disabled
size   btn-large , btn-small , btn-mini The button size
url # The button click open link
target _blank _self , _blank The button link target window
bg_color #HEX_NUMBER like #ffffff The button background color (Valid for Custom Type)
bg_hover_color #HEX_NUMBER like #ffffff The button background hover color (Valid for Custom Type)
txt_color #HEX_NUMBER like #ffffff The button text color (Valid for Custom Type)
txt_hover_color #HEX_NUMBER like #ffffff The button text hover color (Valid for Custom Type)

[Spanish] This post is also available in: Inglés