Customize Your WordPress Site With Your Own Brand

Posted by Thomas on June 11, 2014 in Modifications, Tutorial

In the following article I am going to discuss some easy ways to modify your WordPress site to match your current brand.  You will be able to easily modify the admin area of WordPress to give you website a unique look by adding some simple functions to your theme.

These are simple functions  you can add to your functions.php file without the need for any plugins.  The following has been tested for WordPress 3.9.

Customizing the WordPress Login Page

When you or your client first login to your website, the login page is one of the first things shown.  Here is a simple filter you can add to your functions file to add your own logo to the login page.

//WP Login Logo
function ft_login_logo() {

        echo '<style type="text/css">
                body.login div#login h1 a {
                background-image: url(https://www.flytonic.com/wp-content/uploads/2014/06/paypal_logo.png);
                padding-bottom: 20px;
                background-size: auto !important;
		width: auto !important;
                }
              </style>';
}
add_action( 'login_enqueue_scripts', 'ft_login_logo' );

Wordpress login logoBasically this involves adding your own css background image for the logo.  You can customize it for different spacing and perhaps a background pattern with logo.

Removing Dashboard Widgets

You can easily remove dashboard widgets in your WordPress admin area using the following function per codex:

add_action('wp_dashboard_setup', 'ft_remove_dashboard_widgets');

function ft_remove_dashboard_widgets () {
      //Remove widgets from dashboard
      remove_meta_box( 'dashboard_primary', 'dashboard', 'side' ); //WordPress.com Blog
      remove_meta_box( 'dashboard_secondary','dashboard', 'side' ); //Other WordPress News
      remove_meta_box( 'dashboard_incoming_links','dashboard', 'normal' ); //Incoming Links
}

To add your own widget you can use  the wp_add_dashboard_widget() function.

Editing the Footer Text in the WordPress Admin Area

You can easily alter the text at the footer of the WordPress admin area using this function.

function ft_remove_footer_admin () {
    echo '<a href="http://www.wordpress.org" target="_blank">Flytonic</a> Affiliate Themes and Products Powered by <a href="http://www.wordpress.org" target="_blank">WordPress</a>';
    }

add_filter('admin_footer_text', 'ft_remove_footer_admin');

Just modify the text in between the echo quote.

Before
before footer textAfter

after footer text


Comments are closed.