Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

¿Qué es: Fondos personalizados

Fondos personalizados es una característica de los temas en WordPress que permite a los desarrolladores de temas habilitar el soporte para la personalización del color y la imagen de fondo.

Si el soporte para fondos personalizados está habilitado en un tema, los usuarios pueden cargar sus propias imágenes de fondo para usarlas con el tema, o seleccionar un color de fondo.

La opción para cambiar los colores de fondo o la imagen de fondo se encuentra en Apariencia, en la barra lateral del Panel de Administración de WordPress.

Agregar imagen de fondo a su tema de WordPress

El enlace para cambiar o modificar la configuración se titula Fondo y ofrece la opción de cargar una imagen o color de fondo personalizado.

Los usuarios también podrán ver la vista previa en vivo mientras configuran la imagen de fondo.

La característica se puede agregar a los temas y habilitar modificando el archivo functions.php. El proceso para hacerlo se muestra a continuación.

Cómo agregar soporte para fondos personalizados a un tema de WordPress

Para habilitar el soporte de fondos personalizados, agregue la función add_theme_support() en el archivo functions.php de su tema con la siguiente configuración.

Ejemplo:

$defaults = array(
    'default-color'          => '',
    'default-image'          => '',
    'default-repeat'         => '',
    'default-position-x'     => '',
    'default-attachment'     => '',
    'wp-head-callback'       => '_custom_background_cb',
    'admin-head-callback'    => '',
    'admin-preview-callback' => ''
);
add_theme_support( 'custom-background', $defaults );

Si desea preestablecer una imagen de fondo predeterminada para un tema, cambie la opción default-image para agregar la ubicación de la imagen que desea usar.

Nota: En lugar de editar directamente el archivo functions.php de su tema, lo que podría dañar su sitio, recomendamos agregar este código usando un plugin de fragmentos de código como WPCode.

Página de inicio de WPCode

Para obtener instrucciones paso a paso, consulta nuestra guía sobre cómo agregar fácilmente código personalizado en WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Lectura adicional

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!