Your SlideShare is downloading. ×
Rebrand WordPress Admin
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Rebrand WordPress Admin

548
views

Published on

The Re-brand WordPress Admin is for developers who want to give their clients a more personalized and less confusing content management system with amazing look and feel.

The Re-brand WordPress Admin is for developers who want to give their clients a more personalized and less confusing content management system with amazing look and feel.

Published in: Technology

0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
548
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
25
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. ReBrand WordPress Admin WordPress Meet Up August 2014 By : Chandra Prakash Thapa
  • 2. Before we start ? At a minimum, you need to know:  WordPress Hooks  functions.php
  • 3. WordPress Hooks? Hooks allows us to “hook into” WordPress System to retrieve, insert or modify data or perform certain actions, without modifying the core files. Two types :  Actions : Perform Tasks  Filters : Manipulate Data Ref: • http://code.tutsplus.com/articles/the-beginners-guide-to-wordpress-actions-and-filters--wp-27373 • http://www.smashingmagazine.com/2011/10/07/definitive-guide-wordpress-hooks/ • http://blog.teamtreehouse.com/getting-aquainted-with-wordpress-action-hooks
  • 4. functions.php  Template.  Acts like a WordPress plugin.  Define functions, classes, actions and filters.  Add features and extend the functionality. Ref: • http://www.wpbeginner.com/glossary/functions-php/
  • 5. Modify the Login Logo
  • 6. Modify the Login Logo function wpnepal_admin_logo() { echo '<style> .login h1 a {background- image:url('.get_template_directory_uri(). '/images/logo.png) !important; background-size:100%; width:185px; height:58px; }</style>'; } add_action('login_head', 'wpnepal_admin_logo'); Ref: • http://diythemes.com/thesis/rtfm/add-image-logo-wordpress-login/
  • 7. Modify the Login Logo
  • 8. Modify the Login Logo
  • 9. Remove Logo from Admin Bar
  • 10. Remove Logo from Admin Bar function wpnepal_admin_bar_remove() { global $wp_admin_bar; $wp_admin_bar->remove_menu('wp-logo'); } add_action('wp_before_admin_bar_render', 'wpnepal_admin_bar_remove', 0); Ref: • http://www.staroneweb.co.in/remove-wordpress-logo-admin-bar-pages/
  • 11. Remove Logo from Admin Bar
  • 12. Customize the Dashboard
  • 13. Customize the Dashboard function wpnepal_custom_dashboard_widgets() { // Quick Press remove_meta_box('dashboard_quick_press', 'dashboard', 'side'); // WordPress blog remove_meta_box('dashboard_primary', 'dashboard', 'side'); wp_add_dashboard_widget('custom_help_widget', 'Help and Support', 'wpnepal_custom_dashboard_help'); } Ref: • http://codex.wordpress.org/Function_Reference/remove_meta_box
  • 14. Customize the Dashboard function wpnepal_custom_dashboard_help() { echo '<p> Your custom message.</p>'; } add_action('wp_dashboard_setup', 'wpnepal_custom_dashboard_widgets');
  • 15. Customize the Dashboard
  • 16. Custom admin footer text
  • 17. Custom admin footer text function custom_admin_footer() { echo "<p>Powered by : <a href='http://merobox.com/' >MeroBox </a></p> "; } add_filter('admin_footer_text','custom_admin_footer');
  • 18. Custom admin footer version
  • 19. Custom admin footer version add_filter('update_footer','wpnepal_footer_version',11); function wpnepal_footer_version() { return 'mBox Theme Frameork v1.0'; }
  • 20. Change the Default Gravatar
  • 21. Change the Default Gravatar add_filter('avatar_defaults','wpnepal_newgravatar'); function wpnepal_newgravatar($avatar_defaults) { $myavatar = get_bloginfo('template_directory') . '/images/merobox.png'; $avatar_defaults[$myavatar] = "MeroBox"; return $avatar_defaults; }
  • 22. Change the Default Gravatar [ Go to > Dashboard-> Settings -> Discussion ]
  • 23. Change the Default Gravatar
  • 24. Custom Admin Style
  • 25. Custom Admin Style function wpnepal_admin_css() { wp_enqueue_style('admin_css', get_template_directory_uri().'/css/admin.css'); } add_action('admin_print_styles', 'wpnepal_admin_css' );
  • 26. Custom Admin Style /* Custom Amazing Background */ #wpwrap{ background-image: url(../images/bk1.jpg); background-size: 100% 100%; }
  • 27. Custom Admin Style
  • 28. Custom Admin Style /* Text, Heading color */ body,h2, #footer-upgrade, #adminmenu div.wp-menu- image:before{ color: #eee; } .hndle, p{ color: #222; }
  • 29. Custom Admin Style /* Transparent Menu, White color */ #adminmenuwrap, .wp-submenu ,.wp-submenu-wrap{ background-color: transparent !important; } #adminmenu, .wp-submenu ,.wp-submenu-wrap{ background-color: rgba(255, 255, 255, 0.18); }
  • 30. Reference [ For more ] • http://code.tutsplus.com/articles/the-beginners-guide-to-wordpress-actions-and- filters--wp-27373 • http://www.smashingmagazine.com/2011/10/07/definitive-guide-wordpress- hooks/ • http://blog.teamtreehouse.com/getting-aquainted-with-wordpress-action-hooks • http://www.wpbeginner.com/glossary/functions-php/ • http://diythemes.com/thesis/rtfm/add-image-logo-wordpress-login/  Google.com 
  • 31. Thank You! QUESTIONS? Chandra Prakash Thapa @cpthapa cpthapa@gmail.com cpthapa.com.np MeroBox.com