Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo activar el fondo personalizado en los temas de WordPress 3.0

WordPress 3.0 introduce una nueva característica llamada fondos personalizados para temas de WordPress. Esta característica dará al usuario la posibilidad de añadir fondos personalizados a su sitio, lo que dará a sus blogs/sitios un toque único. Aunque esta característica se añade al núcleo, solo se activará si tu tema es compatible con ella. En este artículo, le mostraremos cómo puede activar el Fondo Personalizado en los temas de WordPress para WordPress 3.0.

Nota: Este artículo es de nivel intermedio enfocado especialmente para diseñadores de temas.

Actualización: el código utilizado en el vídeo add_custom_background está depracticado. Mira el código de abajo en este artículo.

Video:

Texto-tutorial

Simplemente abra su archivo functions. php y añada la siguiente línea:

add_theme_support('custom-background');

A continuación, en la apariencia que usted debería ser capaz de ver una opción para fondos personalizados.

Custom Background in WordPress 3.0

El tema por defecto twenty ten para WordPress 3.0 ya tiene esta característica activada.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

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

Reader Interactions

26 comentariosDeja una respuesta

  1. bb

    Thank you Syed, this tweak just save me some thousand naira! Cheers.

  2. Stepan Vich

    Hi, Is there the possibility to add some field settings via add_settings_field function ??

  3. Michael

    This has been depricated. Here’s the new code:

    add_theme_support(‘custom-background’);

  4. Editorial Staff

    Very certain that you can use custom fields to change the background on each post / page if you want.

    Administrador

  5. Abhimanyu

    There seems to be a problem. Just as I select the image file and click upload, it refreshes the page with no result. The ‘color’ thing works. And, I have tried many browsers.

    Any help? Can we do it manually? As in, by some codes?

  6. The Raptor

    Thank you for this. Implementing it wa actually much more simple than I initially thought

  7. John

    What is the default size for wordpress backgrounds? i.e. what size should images be for them to fit properly in the background.

    • Editorial Staff

      The best image is the one that can be repeated, so you keep the page load time small. WordPress will only show the background image that fits the screen resolution of the user.

      Administrador

  8. chartinael

    My custom background section doesn’t have the display options. I installed 3.01 virgin.

  9. aleksander

    Same situation here:
    Fatal error: Call to undefined function add_custom_background() in /mnt/data/www/sinya/aleksander.hu/i.aleksander.hu/wp-content/themes/stylize/functions.php on line 34

    what to do?
    haven’t upgrade yet to 3.0.0

  10. Lane

    Hey I did what you said but i got this message

    Fatal error: Call to undefined function add_custom_background() in /home/patina/ilovepatina.com/wordpress/wp-content/themes/default/functions.php on line 2

    And now it won’t let me sign in at all to even go into the admin.
    Any advice? I need help bad…

  11. Ed

    Hey… that was cool. After my first comment, I am taken to a different page with more information about your website and commenting… how did you make that happen? Plugin?
    I’d love to know more.

    • Editorial Staff

      Its a plugin in our Recommended Plugins list. Go to our homepage and look there. :)

      Administrador

  12. Ed

    It is important to note that for this to work within a theme, you must add the wp_head() after your theme stylesheet link in the theme header. This new function adds blocks with the added color/background from within the wp_head() section, and if you call your stylesheet after the wp_head(), your stylesheet will override the custom background function.

    I am torn, as I tend to call my stylesheet after the wp_head() call so that I can override styles added by plugins. May need to make a separate stylesheet for plugin overrides to be called later in the header.

  13. Pete

    Do you know how we do the custom header image as well?

  14. Pete

    So how does Wordpress know how to change the background? What if my current theme already has some background css attributes? Which one over-rides the other?

    • Editorial Staff

      Your current theme would have to be made compatible with this feature. This is article is for theme designers who are creating themes and want to get WordPress 3.0 features in it. You would have to add the function for body class. If WordPress see that someone has updated the Custom Backgrounds page in the admin panel, then it will be prioritized. Otherwise the default background that you specify in the css file prevails.

      Administrador

  15. Dustin Goerndt

    Radical! I wonder, can these be done per post or page?

    • Editorial Staff

      With the default function NO. For that you are better of using a plugin (several exist). The way this function works is it adds styling to the overall body class, so it will be the same for the entire site.

      Administrador

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.