wpvidZ

Learn WordPress With Video Tutorials

  • Blog
  • Browse
    • Backup & Restore
    • WordPress Localhost
    • WordPress Hosting
    • WordPress themes
    • Version Updates
    • Plugin Tips
    • Security
    • Tutorials
    • WordPress SEO
    • WP Miscellaneous
    • Sitemap
  • WP 5+ Tutorial
  • Search
wpvidZ Blog Tutorials Add Custom Background WordPress in Dashboard

Tutorials

Add Custom Background WordPress in Dashboard

Last updated on February 18, 2017
Posted on November 10, 2010

Add Custom Background WordPress in Dashboard how to tutorial.

How to add custom background WordPress support option in your dashboard.

WordPress 3.0 was released with lots of new better features and functionality than the older version.

If you still have the older version, you might want to upgrade it. It is recommended because of security reasons.

Two of new features of WordPress 3+ are thumbnail or featured image thumbnail and custom background option.

Very recommended that you try this on your PC locally, see more on how to install wordpress locally in windows or mac.

Why do we need to add custom background wordpress option in the dashboard?

Check if your theme gives you ability to change background color of image in its setting OR  in your dashboard, under appearance drop down menu if you have “background” link(see image) if not, you can follow the tutorial.

custom background wordpress
Background option you should check.

This background option is really lifesaver because it enables you changing your theme background very easy without editing the css file.

However there are tons of themes which can be free and premium. Most of premium themes support this custom background wordpress already.

But most free themes are not updated and we need to add functions.php code to enable you having background options in your dashboard.

In the video tutorial, i use iNove theme for the demo, this apply to any themes you have, everything will works well, unless your theme has default background image or color in its css file. I also explained with iNove theme in the video.

Video tutorial result using iNove theme:

The tutorial result using iNove theme.

Add Custom Background wordpress video tutorial and steps:

Video:

  • Is my site loading fast? I use this shared hosting
  • Try my theme >

Steps:

1.Backup your theme files. You can rename it or download it to your computer.

2. Open functions.php file.

add this code:

add_custom_background();

3. Click “Update File” button.

4. Now you should see background option under “appearance” drop down menu in your dashboard.

If we did all corectly we can add custom background wordpress in your admin page (dashboard), either image and color without editing css file.

background twentyten

Latest Posts

  • Twenty Nineteen Theme Full Tutorial – Creating a Website
  • Uninstall W3 Total Cache Plugin – Incredibly Easy!
  • Create WordPress Website 2018 on SiteGround Genesis
  • WordPress Noopener Noreferrer Rel Attribute Quick Fix
  • WordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • Twenty Seventeen One Page Parallax Scrolling Website Style
  • How To Add Google Map in WordPress Contact Page
  • WordPress 4.7 Justify Text and Underline
  • Twenty Seventeen Footer “Proudly Powered By WordPress” Text
  • How To Add YouTube Subscribe Button To WordPress Website
← Fantastico Uninstall WordPress [How To]
→ Blogging Guide for Beginners

Comments

  1. Sathish @ TechieMania says

    November 10, 2010 at 8:30 am

    Hi Kimi, Another useful video tutorial. Well these days you’re rocking with these useful tutorials for WP users. Thanks a lot for doing this. BTW I have seen at the end of the post you have mentioned that you’re using Thesis. But you’re not using it in this blog. Where are you using it?

    • Kimi says

      November 10, 2010 at 8:42 am

      Hey Sathish,

      Thanks for your nice words! I am using Thesis theme in web6.org (my main domain) because i modified this theme a lot and it needed alot of works, so i use Thesis in my other blogs.

      Thank you for coming by and leaving a comment 🙂

  2. Vivek Krishnan says

    November 11, 2010 at 8:58 am

    Awesome Tutorial. Funny enough, it never occurred to me that changing the theme background can upgrade its looks.

    • Kimi says

      November 11, 2010 at 9:06 am

      Hey Vivek,

      I have noticed you use simplicity theme, it can have different result as in the tutorial if this theme has default css file, you can still have the background function but need to tweak the css.

      Thanks for stopping by 😀

      • Vivek Krishnan says

        November 11, 2010 at 12:52 pm

        Thanks for the heads up on that!

        • Kimi says

          November 11, 2010 at 1:08 pm

          Most welcome!

  3. Ivan says

    February 13, 2011 at 10:07 am

    Very cool wordpress video tutorial 🙂

    • Kimi says

      February 14, 2011 at 7:53 am

      Thank you!

  4. David says

    October 5, 2011 at 2:24 pm

    Nice one.. Is there a way to make this new background clickable to link to another website?

    Thanks

  5. melvindrbk says

    November 10, 2011 at 6:58 pm

    you are a life saver, that was a nice tutorial. i was looking to add custom FB profile, youtube, rss and other buttons on my site, on top of the sidebar. i came across this tutorial, it really works. if anyone is interested, here’s the link.

    mr-chuleria.com/tutorials

Comment form on this post is closed after 60 days.

Search

Worth Reading

  • WordPress CDN setupWordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • WordPress Google maps in contact pageHow To Add Google Map in WordPress Contact Page
  • The configuration of YouTube Subscribe button in Google Developers web pageHow To Add YouTube Subscribe Button To WordPress Website
  • Adding Social Media Links to WordPress Menu With CSS Classes
  • Unable to create directory wp-content/uploads in WordPress
  • Forward Twitter to Facebook Using App and Feedburner Tutorial
  • Kitchen Sink WordPress - Seem Simple But Important
  • Admin Pointers, Drag and Drop WordPress 3.3 Media Upload Features
  • How to sell ebook in a wordpress blog?
  • Check your site's performance using Google labs Page Speed

Backup & Restore

Backup WordPress Without a Plugin or FTP

Export WordPress Database using phpMyAdmin

BigDump Alternative – When BigDump Failed Importing Large WP Database

At This Place The Current Query Includes More Than 300 Dump Lines

View All..

Live Online Website

View All..

Offline Installation

How to Upload WordPress localhost to live server manually

Steps to Install WordPress on Windows 8 and WAMP 2.4

Install WordPress on Mavericks OS X 2014

Maximum upload file size in WAMP WordPress

View All..


WPvidz Hosting Image

  • About Me
  • Contact
  • Affiliate Disclosure
  • Privacy Policy
  • Term of Use

Copyright© 2023 wpvidz.com SG2021 | sitemap.xml


WPvidz.com is independent from WordPress.org but is proudly powered by WordPress & its block-based editor (Gutenberg)

WpvidZ.com uses cookies" to give you the best browsing experience possible. If you click "I Accept" below then you are consenting to this. For more information about your privacy settings on this website, please visit the Privacy Policy page. I Accept